/* ===== assets/css/modules-b642e9bc.css ===== */ :root, :host { --van-black: #000; --van-white: #fff; --van-gray-1: #f7f8fa; --van-gray-2: #f2f3f5; --van-gray-3: #ebedf0; --van-gray-4: #dcdee0; --van-gray-5: #c8c9cc; --van-gray-6: #969799; --van-gray-7: #646566; --van-gray-8: #323233; --van-red: #ee0a24; --van-blue: #1989fa; --van-orange: #ff976a; --van-orange-dark: #ed6a0c; --van-orange-light: #fffbe8; --van-green: #07c160; --van-gradient-red: linear-gradient(to right, #ff6034, #ee0a24); --van-gradient-orange: linear-gradient(to right, #ffd01e, #ff8917); --van-primary-color: var(--van-blue); --van-success-color: var(--van-green); --van-danger-color: var(--van-red); --van-warning-color: var(--van-orange); --van-text-color: var(--van-gray-8); --van-text-color-2: var(--van-gray-6); --van-text-color-3: var(--van-gray-5); --van-active-color: var(--van-gray-2); --van-active-opacity: .6; --van-disabled-opacity: .5; --van-background: var(--van-gray-1); --van-background-2: var(--van-white); --van-background-3: var(--van-white); --van-padding-base: 4px; --van-padding-xs: 8px; --van-padding-sm: 12px; --van-padding-md: 16px; --van-padding-lg: 24px; --van-padding-xl: 32px; --van-font-bold: 600; --van-font-size-xs: 10px; --van-font-size-sm: 12px; --van-font-size-md: 14px; --van-font-size-lg: 16px; --van-line-height-xs: 14px; --van-line-height-sm: 18px; --van-line-height-md: 20px; --van-line-height-lg: 22px; --van-base-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Segoe UI, Arial, Roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif; --van-price-font: avenir-heavy, "PingFang SC", helvetica neue, arial, sans-serif; --van-duration-base: .3s; --van-duration-fast: .2s; --van-ease-out: ease-out; --van-ease-in: ease-in; --van-border-color: var(--van-gray-3); --van-border-width: 1px; --van-radius-sm: 2px; --van-radius-md: 4px; --van-radius-lg: 8px; --van-radius-max: 999px } .van-theme-dark { --van-text-color: #f5f5f5; --van-text-color-2: #707070; --van-text-color-3: #4d4d4d; --van-border-color: #3a3a3c; --van-active-color: #3a3a3c; --van-background: #000; --van-background-2: #1c1c1e; --van-background-3: #37363b } html { -webkit-tap-highlight-color: transparent } body { margin: 0; font-family: var(--van-base-font) } a { text-decoration: none } input, button, textarea { color: inherit; font: inherit } a:focus, input:focus, button:focus, textarea:focus, [class*=van-]:focus { outline: none } ol, ul { margin: 0; padding: 0; list-style: none } @-webkit-keyframes van-slide-up-enter { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } } @keyframes van-slide-up-enter { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } } @-webkit-keyframes van-slide-up-leave { to { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } } @keyframes van-slide-up-leave { to { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } } @-webkit-keyframes van-slide-down-enter { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } } @keyframes van-slide-down-enter { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } } @-webkit-keyframes van-slide-down-leave { to { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } } @keyframes van-slide-down-leave { to { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } } @-webkit-keyframes van-slide-left-enter { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } } @keyframes van-slide-left-enter { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } } @-webkit-keyframes van-slide-left-leave { to { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } } @keyframes van-slide-left-leave { to { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } } @-webkit-keyframes van-slide-right-enter { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } } @keyframes van-slide-right-enter { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } } @-webkit-keyframes van-slide-right-leave { to { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } } @keyframes van-slide-right-leave { to { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } } @-webkit-keyframes van-fade-in { 0% { opacity: 0 } to { opacity: 1 } } @keyframes van-fade-in { 0% { opacity: 0 } to { opacity: 1 } } @-webkit-keyframes van-fade-out { 0% { opacity: 1 } to { opacity: 0 } } @keyframes van-fade-out { 0% { opacity: 1 } to { opacity: 0 } } @-webkit-keyframes van-rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0) } to { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes van-rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0) } to { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } .van-fade-enter-active { -webkit-animation: var(--van-duration-base) van-fade-in both var(--van-ease-out); animation: var(--van-duration-base) van-fade-in both var(--van-ease-out) } .van-fade-leave-active { -webkit-animation: var(--van-duration-base) van-fade-out both var(--van-ease-in); animation: var(--van-duration-base) van-fade-out both var(--van-ease-in) } .van-slide-up-enter-active { -webkit-animation: van-slide-up-enter var(--van-duration-base) both var(--van-ease-out); animation: van-slide-up-enter var(--van-duration-base) both var(--van-ease-out) } .van-slide-up-leave-active { -webkit-animation: van-slide-up-leave var(--van-duration-base) both var(--van-ease-in); animation: van-slide-up-leave var(--van-duration-base) both var(--van-ease-in) } .van-slide-down-enter-active { -webkit-animation: van-slide-down-enter var(--van-duration-base) both var(--van-ease-out); animation: van-slide-down-enter var(--van-duration-base) both var(--van-ease-out) } .van-slide-down-leave-active { -webkit-animation: van-slide-down-leave var(--van-duration-base) both var(--van-ease-in); animation: van-slide-down-leave var(--van-duration-base) both var(--van-ease-in) } .van-slide-left-enter-active { -webkit-animation: van-slide-left-enter var(--van-duration-base) both var(--van-ease-out); animation: van-slide-left-enter var(--van-duration-base) both var(--van-ease-out) } .van-slide-left-leave-active { -webkit-animation: van-slide-left-leave var(--van-duration-base) both var(--van-ease-in); animation: van-slide-left-leave var(--van-duration-base) both var(--van-ease-in) } .van-slide-right-enter-active { -webkit-animation: van-slide-right-enter var(--van-duration-base) both var(--van-ease-out); animation: van-slide-right-enter var(--van-duration-base) both var(--van-ease-out) } .van-slide-right-leave-active { -webkit-animation: van-slide-right-leave var(--van-duration-base) both var(--van-ease-in); animation: van-slide-right-leave var(--van-duration-base) both var(--van-ease-in) } .van-clearfix:after { display: table; clear: both; content: "" } .van-ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .van-multi-ellipsis--l2 { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; line-break: anywhere; -webkit-box-orient: vertical } .van-multi-ellipsis--l3 { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; line-break: anywhere; -webkit-box-orient: vertical } .van-safe-area-top { padding-top: constant(safe-area-inset-top); padding-top: env(safe-area-inset-top) } .van-safe-area-bottom { padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom) } .van-haptics-feedback { cursor: pointer } .van-haptics-feedback:active { opacity: var(--van-active-opacity) } [class*=van-hairline]:after { position: absolute; box-sizing: border-box; content: " "; pointer-events: none; top: -50%; right: -50%; bottom: -50%; left: -50%; border: 0 solid var(--van-border-color); -webkit-transform: scale(.5); transform: scale(.5) } .van-hairline, .van-hairline--top, .van-hairline--left, .van-hairline--right, .van-hairline--bottom, .van-hairline--surround, .van-hairline--top-bottom { position: relative } .van-hairline--top:after { border-top-width: var(--van-border-width) } .van-hairline--left:after { border-left-width: var(--van-border-width) } .van-hairline--right:after { border-right-width: var(--van-border-width) } .van-hairline--bottom:after { border-bottom-width: var(--van-border-width) } .van-hairline--top-bottom:after, .van-hairline-unset--top-bottom:after { border-width: var(--van-border-width) 0 } .van-hairline--surround:after { border-width: var(--van-border-width) } :root, :host { --van-action-bar-background: var(--van-background-2); --van-action-bar-height: 50px } .van-action-bar { position: fixed; right: 0; bottom: 0; left: 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; box-sizing: content-box; height: var(--van-action-bar-height); background: var(--van-action-bar-background) } :root, :host { --van-badge-size: 16px; --van-badge-color: var(--van-white); --van-badge-padding: 0 3px; --van-badge-font-size: var(--van-font-size-sm); --van-badge-font-weight: var(--van-font-bold); --van-badge-border-width: var(--van-border-width); --van-badge-background: var(--van-danger-color); --van-badge-dot-color: var(--van-danger-color); --van-badge-dot-size: 8px; --van-badge-font: -apple-system-font, helvetica neue, arial, sans-serif } .van-badge { display: inline-block; box-sizing: border-box; min-width: var(--van-badge-size); padding: var(--van-badge-padding); color: var(--van-badge-color); font-weight: var(--van-badge-font-weight); font-size: var(--van-badge-font-size); font-family: var(--van-badge-font); line-height: 1.2; text-align: center; background: var(--van-badge-background); border: var(--van-badge-border-width) solid var(--van-background-2); border-radius: var(--van-radius-max) } .van-badge--fixed { position: absolute; -webkit-transform-origin: 100%; transform-origin: 100% } .van-badge--top-left { top: 0; left: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .van-badge--top-right { top: 0; right: 0; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%) } .van-badge--bottom-left { bottom: 0; left: 0; -webkit-transform: translate(-50%, 50%); transform: translate(-50%, 50%) } .van-badge--bottom-right { bottom: 0; right: 0; -webkit-transform: translate(50%, 50%); transform: translate(50%, 50%) } .van-badge--dot { width: var(--van-badge-dot-size); min-width: 0; height: var(--van-badge-dot-size); background: var(--van-badge-dot-color); border-radius: 100%; border: none; padding: 0 } .van-badge__wrapper { position: relative; display: inline-block } .van-icon { position: relative; display: inline-block; font: .18667rem/1 vant-icon; font: normal normal normal .18667rem/1 var(--van-icon-font-family, "vant-icon"); font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased } .van-icon:before { display: inline-block } .van-icon-arrow-double-left:before { content: "" } .van-icon-arrow-double-right:before { content: "" } .van-icon-contact:before { content: "" } .van-icon-notes:before { content: "" } .van-icon-records:before { content: "" } .van-icon-cash-back-record:before { content: "" } .van-icon-newspaper:before { content: "" } .van-icon-discount:before { content: "" } .van-icon-completed:before { content: "" } .van-icon-user:before { content: "" } .van-icon-description:before { content: "" } .van-icon-list-switch:before { content: "" } .van-icon-list-switching:before { content: "" } .van-icon-link-o:before { content: "" } .van-icon-miniprogram-o:before { content: "" } .van-icon-qq:before { content: "" } .van-icon-wechat-moments:before { content: "" } .van-icon-weibo:before { content: "" } .van-icon-cash-o:before { content: "" } .van-icon-guide-o:before { content: "" } .van-icon-invitation:before { content: "" } .van-icon-shield-o:before { content: "" } .van-icon-exchange:before { content: "" } .van-icon-eye:before { content: "" } .van-icon-enlarge:before { content: "" } .van-icon-expand-o:before { content: "" } .van-icon-eye-o:before { content: "" } .van-icon-expand:before { content: "" } .van-icon-filter-o:before { content: "" } .van-icon-fire:before { content: "" } .van-icon-fail:before { content: "" } .van-icon-failure:before { content: "" } .van-icon-fire-o:before { content: "" } .van-icon-flag-o:before { content: "" } .van-icon-font:before { content: "" } .van-icon-font-o:before { content: "" } .van-icon-gem-o:before { content: "" } .van-icon-flower-o:before { content: "" } .van-icon-gem:before { content: "" } .van-icon-gift-card:before { content: "" } .van-icon-friends:before { content: "" } .van-icon-friends-o:before { content: "" } .van-icon-gold-coin:before { content: "" } .van-icon-gold-coin-o:before { content: "" } .van-icon-good-job-o:before { content: "" } .van-icon-gift:before { content: "" } .van-icon-gift-o:before { content: "" } .van-icon-gift-card-o:before { content: "" } .van-icon-good-job:before { content: "" } .van-icon-home-o:before { content: "" } .van-icon-goods-collect:before { content: "" } .van-icon-graphic:before { content: "" } .van-icon-goods-collect-o:before { content: "" } .van-icon-hot-o:before { content: "" } .van-icon-info:before { content: "" } .van-icon-hotel-o:before { content: "" } .van-icon-info-o:before { content: "" } .van-icon-hot-sale-o:before { content: "" } .van-icon-hot:before { content: "" } .van-icon-like:before { content: "" } .van-icon-idcard:before { content: "" } .van-icon-like-o:before { content: "" } .van-icon-hot-sale:before { content: "" } .van-icon-location-o:before { content: "" } .van-icon-location:before { content: "" } .van-icon-label:before { content: "" } .van-icon-lock:before { content: "" } .van-icon-label-o:before { content: "" } .van-icon-map-marked:before { content: "" } .van-icon-logistics:before { content: "" } .van-icon-manager:before { content: "" } .van-icon-more:before { content: "" } .van-icon-live:before { content: "" } .van-icon-manager-o:before { content: "" } .van-icon-medal:before { content: "" } .van-icon-more-o:before { content: "" } .van-icon-music-o:before { content: "" } .van-icon-music:before { content: "" } .van-icon-new-arrival-o:before { content: "" } .van-icon-medal-o:before { content: "" } .van-icon-new-o:before { content: "" } .van-icon-free-postage:before { content: "" } .van-icon-newspaper-o:before { content: "" } .van-icon-new-arrival:before { content: "" } .van-icon-minus:before { content: "" } .van-icon-orders-o:before { content: "" } .van-icon-new:before { content: "" } .van-icon-paid:before { content: "" } .van-icon-notes-o:before { content: "" } .van-icon-other-pay:before { content: "" } .van-icon-pause-circle:before { content: "" } .van-icon-pause:before { content: "" } .van-icon-pause-circle-o:before { content: "" } .van-icon-peer-pay:before { content: "" } .van-icon-pending-payment:before { content: "" } .van-icon-passed:before { content: "" } .van-icon-plus:before { content: "" } .van-icon-phone-circle-o:before { content: "" } .van-icon-phone-o:before { content: "" } .van-icon-printer:before { content: "" } .van-icon-photo-fail:before { content: "" } .van-icon-phone:before { content: "" } .van-icon-photo-o:before { content: "" } .van-icon-play-circle:before { content: "" } .van-icon-play:before { content: "" } .van-icon-phone-circle:before { content: "" } .van-icon-point-gift-o:before { content: "" } .van-icon-point-gift:before { content: "" } .van-icon-play-circle-o:before { content: "" } .van-icon-shrink:before { content: "" } .van-icon-photo:before { content: "" } .van-icon-qr:before { content: "" } .van-icon-qr-invalid:before { content: "" } .van-icon-question-o:before { content: "" } .van-icon-revoke:before { content: "" } .van-icon-replay:before { content: "" } .van-icon-service:before { content: "" } .van-icon-question:before { content: "" } .van-icon-search:before { content: "" } .van-icon-refund-o:before { content: "" } .van-icon-service-o:before { content: "" } .van-icon-scan:before { content: "" } .van-icon-share:before { content: "" } .van-icon-send-gift-o:before { content: "" } .van-icon-share-o:before { content: "" } .van-icon-setting:before { content: "" } .van-icon-points:before { content: "" } .van-icon-photograph:before { content: "" } .van-icon-shop:before { content: "" } .van-icon-shop-o:before { content: "" } .van-icon-shop-collect-o:before { content: "" } .van-icon-shop-collect:before { content: "" } .van-icon-smile:before { content: "" } .van-icon-shopping-cart-o:before { content: "" } .van-icon-sign:before { content: "" } .van-icon-sort:before { content: "" } .van-icon-star-o:before { content: "" } .van-icon-smile-comment-o:before { content: "" } .van-icon-stop:before { content: "" } .van-icon-stop-circle-o:before { content: "" } .van-icon-smile-o:before { content: "" } .van-icon-star:before { content: "" } .van-icon-success:before { content: "" } .van-icon-stop-circle:before { content: "" } .van-icon-records-o:before { content: "" } .van-icon-shopping-cart:before { content: "" } .van-icon-tosend:before { content: "" } .van-icon-todo-list:before { content: "" } .van-icon-thumb-circle-o:before { content: "" } .van-icon-thumb-circle:before { content: "" } .van-icon-umbrella-circle:before { content: "" } .van-icon-underway:before { content: "" } .van-icon-upgrade:before { content: "" } .van-icon-todo-list-o:before { content: "" } .van-icon-tv-o:before { content: "" } .van-icon-underway-o:before { content: "" } .van-icon-user-o:before { content: "" } .van-icon-vip-card-o:before { content: "" } .van-icon-vip-card:before { content: "" } .van-icon-send-gift:before { content: "" } .van-icon-wap-home:before { content: "" } .van-icon-wap-nav:before { content: "" } .van-icon-volume-o:before { content: "" } .van-icon-video:before { content: "" } .van-icon-wap-home-o:before { content: "" } .van-icon-volume:before { content: "" } .van-icon-warning:before { content: "" } .van-icon-weapp-nav:before { content: "" } .van-icon-wechat-pay:before { content: "" } .van-icon-warning-o:before { content: "" } .van-icon-wechat:before { content: "" } .van-icon-setting-o:before { content: "" } .van-icon-youzan-shield:before { content: "" } .van-icon-warn-o:before { content: "" } .van-icon-smile-comment:before { content: "" } .van-icon-user-circle-o:before { content: "" } .van-icon-video-o:before { content: "" } .van-icon-add-square:before { content: "" } .van-icon-add:before { content: "" } .van-icon-arrow-down:before { content: "" } .van-icon-arrow-up:before { content: "" } .van-icon-arrow:before { content: "" } .van-icon-after-sale:before { content: "" } .van-icon-add-o:before { content: "" } .van-icon-alipay:before { content: "" } .van-icon-ascending:before { content: "" } .van-icon-apps-o:before { content: "" } .van-icon-aim:before { content: "" } .van-icon-award:before { content: "" } .van-icon-arrow-left:before { content: "" } .van-icon-award-o:before { content: "" } .van-icon-audio:before { content: "" } .van-icon-bag-o:before { content: "" } .van-icon-balance-list:before { content: "" } .van-icon-back-top:before { content: "" } .van-icon-bag:before { content: "" } .van-icon-balance-pay:before { content: "" } .van-icon-balance-o:before { content: "" } .van-icon-bar-chart-o:before { content: "" } .van-icon-bars:before { content: "" } .van-icon-balance-list-o:before { content: "" } .van-icon-birthday-cake-o:before { content: "" } .van-icon-bookmark:before { content: "" } .van-icon-bill:before { content: "" } .van-icon-bell:before { content: "" } .van-icon-browsing-history-o:before { content: "" } .van-icon-browsing-history:before { content: "" } .van-icon-bookmark-o:before { content: "" } .van-icon-bulb-o:before { content: "" } .van-icon-bullhorn-o:before { content: "" } .van-icon-bill-o:before { content: "" } .van-icon-calendar-o:before { content: "" } .van-icon-brush-o:before { content: "" } .van-icon-card:before { content: "" } .van-icon-cart-o:before { content: "" } .van-icon-cart-circle:before { content: "" } .van-icon-cart-circle-o:before { content: "" } .van-icon-cart:before { content: "" } .van-icon-cash-on-deliver:before { content: "" } .van-icon-cash-back-record-o:before { content: "" } .van-icon-cashier-o:before { content: "" } .van-icon-chart-trending-o:before { content: "" } .van-icon-certificate:before { content: "" } .van-icon-chat:before { content: "" } .van-icon-clear:before { content: "" } .van-icon-chat-o:before { content: "" } .van-icon-checked:before { content: "" } .van-icon-clock:before { content: "" } .van-icon-clock-o:before { content: "" } .van-icon-close:before { content: "" } .van-icon-closed-eye:before { content: "" } .van-icon-circle:before { content: "" } .van-icon-cluster-o:before { content: "" } .van-icon-column:before { content: "" } .van-icon-comment-circle-o:before { content: "" } .van-icon-cluster:before { content: "" } .van-icon-comment:before { content: "" } .van-icon-comment-o:before { content: "" } .van-icon-comment-circle:before { content: "" } .van-icon-completed-o:before { content: "" } .van-icon-credit-pay:before { content: "" } .van-icon-coupon:before { content: "" } .van-icon-debit-pay:before { content: "" } .van-icon-coupon-o:before { content: "" } .van-icon-contact-o:before { content: "" } .van-icon-descending:before { content: "" } .van-icon-desktop-o:before { content: "" } .van-icon-diamond-o:before { content: "" } .van-icon-description-o:before { content: "" } .van-icon-delete:before { content: "" } .van-icon-diamond:before { content: "" } .van-icon-delete-o:before { content: "" } .van-icon-cross:before { content: "" } .van-icon-edit:before { content: "" } .van-icon-ellipsis:before { content: "" } .van-icon-down:before { content: "" } .van-icon-discount-o:before { content: "" } .van-icon-ecard-pay:before { content: "" } .van-icon-envelop-o:before { content: "" } @font-face { font-weight: 400; font-family: vant-icon; font-style: normal; font-display: auto; src: url(data:font/woff2;charset=utf-8;base64,d09GMgABAAAAAGNAAA0AAAAA6ngAAGLlAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCWhEICoOqHILKFAuEDgABNgIkA4QUBCAFhQ4HllAbe7dFB2rYOIAxOG/nKOrEpKWbGbVlVHRZ9v816Tis0RbhPC4JZQk1ws72WlBGJJIsL3bc5Y/x5HdtBrzwoZQX/Ls/uAhsXMZIVk73Ds/ntvd3cezvhO1/2HExro3B2ID/4d7GxjXObZwqxy0gG8pQPDBFMAW980hTNIuhpqZleVwJlHSKR6WkDM3KECuz083Qu+8BCnabd+4tsemRGtBnHBAHxuTmuLWNUbd7fuSZA88fOBlzekCqfDPnV1BArpTKjp/r0AfE0+Lc97SXNa3ugaSqW2AfIo5Ghr2YAos8H+krfQ3L8DwA+F1V4Mecr9JV2ljSM/wUzQWAITlxoJSfEmfsi321rwHH2TjhEuUPgNJu+Hcty5uF3l0Cy0kEaR28qmxd8hKkAt5Trc38Jr9PItjeThzVmTUBj5z82tS8UPpag3jw7WchyoaNGucZYxmcV1Jb6vJBqnCMkPdKndPjulEbt2VSBNS4ZVtIZLN6T9OnLc4cOBve6vc6m1plHO0oxsXKP/eW/2ZnuXyddAuKQbgYR1EK4cAhrOf/N9XeX86QVOD/DqRT/CFXTqcPKVVuujv3vcG8eW/eYDAguOCA5CJIaxCg/iJIaxCgdgkCwgnk0qC01BF/yHEArvaQ3ASR0kYHOuVQ5djFTsfVlluULl2UrlNo3fUuSpcu3ZQuqpCWpVYrmWKnTAyidINbXlvu8bu//dIWc5DsbS7GIKHEPJFYjquWVH/3b/fH9Hv+26O9ju21WlGpogESSNAeY5MiykWEExSVOOK47UMhvaS1xPVqDWvyXAAAoBcwRQlvI/bwC/dtkISEsc4loVoTIbIVCZ0AIJHYfDMgr9cTJpanTeQN9AuIhrzvf00mgr8/5Nen14LLjxN/LCL2eHpgQbwHVi9DEjNBPAZfTAsKwnMSwP7qC7wBARAe6x9bHpf9WOTxAPA48XFR7j2u+DZ/LOBswPsBp1TOAERZQSgIVpzf/feAvzvI47F6AFF6BLhHCukZF45LVMtBJKlnIvAGFHtJAGRAaHoLQiKLSNqKGJ/iSh1q4tXURKt6IBdS5ApVMI26ClYVZuVQVnhVZgY4CYyzCpOoqw1rsgcEu7Q3GuxKXG3aJn0qjxMHVImq1jrHlwJ5PVtvHrX3Ko2IEfgjlbcFnyYathK4PgKjqatOPbBMVV8xGuwT1DE0AxC6x+5SJJyBz+Fn2AkJxZ4glrASujSdxsleq/PHWbE0RywisaeK8VEJZLLrdigkOat2y1CZLYwZ1YnRRpTdTk64eN4CfgfsjqnucvDALVR3A2vlb2hX0wNceye5Hmm5fEBzdP+Qyb085kH1PuANU75Jzsv7ZS/lLnC4ZoKnV+dJLf4NlekCzHB3ZLelfqmuL45JnZvrXJsJkHk15+TdfdqgwG+izf3JCXOj2RyinXv/VMefCSdPVMiY8jjXOo2MAP4mI/AtycatkqmIALn6l0Uq0lI87BIJ04zYwdq+uVjZCxY2jV+rwhDAwgMpoizZa05SYFIIR3JHR+IKxpnh40BpkzSirZGEOCAuOR/KRAje55CKZod135qzlfbXOMuOPHx1h7YxinH5Uij/5Dwy73HhX1B5ZKvVwRDanqFUFff3wOnQyxyWdERob6qK7Gi12nOhCPvVtZnIYtm2NwfM3k5EXA3H+6YC2B5AN2ejHZQofD50sdRcRWiq+zbZmwWxUU4+e26XKyCyQz1nkYmVlZIqmHnHyniMwALg7W0ge9iTxu3Hui5LzZirrSnxcNzQbrVOEohrbh4R6ilExdRG3ok7V4wlzRGOHiwv0cB50pZ+3m+urqJjt0nyn1mdwTS7GeBAZd7buqpOLOJOzjswwyHGHZYUl6VSbXyOF+71XRUd3IVOwPN4SxT9WirnGy624oNiyc5Or9oH0Xk7cnuxO8pCwYb5hEzNIdfsbrKorNqB2QzwQQmn/Qwb5NRYcbDz1o26MSF3dPfSrJMiL/dAGlRNHMtCEVt3nDSsVrHaufOEusODmTKY8DriHN07hL0EzqFkNyJpnLfFzsVNmR74ahkk6gGTe9J/GHlIpI2GNPlqZ3r+IevE+3Wt703n+Go4OwVuvCrAuzjuoMxtExVKOPdlyui9uI5AoqdxF83KGIUjIoIfDD06nOXu3SMUijv0qc4/wnkmI17W2EBApdJANX4zFNC4sVrhfKJCiHMfHYMLKqu4E37QzW/mhSNfGcYXYxwzR0nViMWyCzAiTOQcKTKZLcduJ+FwJUGuGFwrbmOUnyKEOuXZiVUugONRFLS+hbbikD6NOwjMNHWdlyhkKG64GPuGgnEYa5WqB2KiSgX1MmfwEBm02vhE1dZl9lyNSCFhrsrfe5XGiqVa1cMkU+UwTlQxTOPv1XioWX5gB/GSKMyxDWafvs/FDTk6t+XgVh5hDrEDKqVCJBGTkSYUgljvEqQ6bX8in0iutaWULcSirLCQch+B+4LqWLZVu96F3YTcUWEbTfUuWMYGlYLcl1zdCTpEBDfs014M6OiYmvsMCIXwx0V7JAxjfRyKkVFaGEVsCBnZ25CPrHY1H0ZHSGEcL6cw3ZXrV4fh+8ttExFKOPXlVTmZ2h8sy2L73Q/KF6h0AEjYCuELIVkkL9Te8+OtKEF97Uunyl4YSaJUkKmMocCOWwjY/HhRk2M1YpKE80TkVkpOzRPxXfcYpfowYEOo+JbRI/lBpFv1iKhXtfDc3p6PK2K0rKQKrqiZNpZgQt4pHxotxzgGi2ldPdBYX+3MY5kvdDts5F6XPARl0YNNJv/GGJwwcMCqrFLH4Hlo3S0sxzaAicMhZyfeEeBtitFEcscUDkUNDGtqmrzADU1kYnLOclO4yba+dwmSK4ix+qyrNPM4i4z0tinwCAEBby+PPZy2pdmiVmTTU1m5QdV+2iSEcV+/IBX2r2DuL70bzb87V+D5jl0Umt1rny6hpufLPsTPEId2fxKswvnv8E6ZhgNiOVn6k+0tbffCvHzl79fW1VuTnkhTCFspS+uZnEzLnFmqwL9L5Sbf3gU+GCOMx+CJ9dvlIg5qhJYgltBMHcEKQ4w9AaVHebnXT+0RfSf4PPoy/OoM4wYkiIrbKCNXEIxL+tQTblS7fmRe/YU/n1rXfl0mNuSennYFZFBXD5oDpfYN7L4vLvR+Bozp5fDL6PPgi1Xan1fW9Tt/vTQvXkZUCP7RupSEs5w2dNvUliTerBVUUrCDsklwAFASjm+7blXNTKldPwLkM82lNMQM/wz7zPq/rM4kotIv/rrZFXy8faP/saE+AtzdyiqQy9kx1tjznWamFvA2los64ONCg9erx80RGjYCGbtXyFkPgiDd4q1FlacgoO6+RUeq0gkpFfbePZwXQxywYtBsBtQ1oevUhlV7zrEfjrZ1zOFOM3Jr52OqVOdwkMLTmZ7pVvcLFSqvDqpc1jsevuMIs41Hvh8jEdIr5VCz+3chcDxe09IS0nwVYDY2RXOtnk+jSw77g7lrBevvyePfhIwOlkRq4YW9M5UfHGSWZnUapsXprah2Ah4zUBUo3Lj/atA+pp1wWnJvH6JUpYLz/X3ZuyLn+80YzbnZG3/LKazt3IV2fhn2a8pkxgG8IioDL1po8B0XdsiUsrG/0L4ThA+9MWbSMS+d2etmuer1MaWcTjfqNhhSD+ExEvtSBVUoyL1RTUc9/KS9/HR06btoPDwqJnCQCGZ1rCMOuDf0blRD7srP9tMJBGxeLFiZwhGGzvtbXFxVCJ725SqgK3vLu7a739PuJgS2BcjZJS5OFSioEzAvPJM/tL9gp8piaShTHVs15xBNvfp89jDgaRny92xKf2vlmcAOZDOQDMu31tdet7tWnw2dULFC1V4SLdnacGtQk4dwIppwVgKOpxj0asPoZ9yo9uby077lS0Ygm3Zgb6y7wbvXnouWRKodKpYTOpvrbw7oN441mbSu/5ayYmjNXjn+bfaibsPvbWzZkkO6g9xUZOfJVEGKS20pbtyxM8CnVZvRxvUpgAEI9Fn3Ld55Q47pDgIbgRd0zWKTPYw6vRQeo+ibZ8+jKA3hDI1f3wlTjZkUlbufOvwRnFxJi0dJ28Vd8BdwkESik4R+H5twr1NRMTkwunZCeXB2RcZvcyW1EzL7pzX0qJgCx6YVMBr68LiU6U6n4q/RuIPCB8/4AdGKWXTn/44H+8IBV9xDRjJfVOi8rFnd+P925llwS9uWPMDgSGiu4yIoCfgRhtASRPw1ioQFAwW6T2CSbOIBjbiv2n1cRSZxjcWpd1kyFo4vNJGTxiw/csJ5FvYN5+afU6z17j2/i1PPbVAwWidc8TmTixlzxpi5Oy+bNHof4lsmlAl18vJnpveUtAanFOhNzqQ03DMO/2iEqjWvgppPYvXH97bCOrMb99th2os6SXnLO96NncC2FHqpJdiNOgor3xR1GQP6mP2SHkKIph5NcS9/DGTWqmOAwh9fRIQh5/TDXqfseVDBWDQ4PLaITdXtH35rVMHaVwu/NcENIkjEzuwN2ndLrV8HdTcae0buLY+efoi1k+ZyHQMOjWOFe/3s4iS9VqGOEI4pFYApALYqwvXeo9LiKWI5HhHmFi1n3lap534+/k2F2Psr6pWrc0qRI4BEZH2ABOcb3hqQbOIBqjN7/Mr6s0IL/IS12cOqgeqr4TWJKvtBfK1u7nKL2pHB+pQ+5KZtGISD1PFNxjyqw+WH93CKwpYk9PU9FcrErSApKIgq7+Q0IdBAmxxiCqMUcwEHEUuzAGU/FNIuGbkpqCWg4ByAWpss999fG8z5IvwKxZ9VQhnlhzGoMEI8qKhPz1ObEmMMMMBXtfWXuShxre7Dy3X7dz2qTBHWFywLPojO6jBKCzWuRbenfZSgRgwflw5HbCOuCx9Re05YhmRdKkGNUAxkZT6zBF2myWSf77yw15mMtqIrLeZb0PRvKIqw2xGUW7uMMQDX6WH8621RNpZHqird7JJ91mlSQ8hJrTOMBK8JCP9SR/ffPcruAyvYooRhSUrCLos4Q7jISeC/L1PyiQcjLjlC5Wd47wBm52StDg9Eg1xHy9cM2yUZSBXipSGPeuLlMUaAE96phx+r3qXUYhV2KSu5+AFUevGMNM3Y0s+8nJsKxBdvKYoVWc7Wer0SBrY6r1VIc0WLoK5VkW5tDbizVeaHWtrlyyMHKLxSHSOc+nBnTjz0KJtWNwxOe/1eU7p1JeUCZjwW7rg4QIrBFQWQaPNdQqX08GRqWijgOaR0lUfmB6JwbH3fjvhiml11Ty1Xr6wx9YO++nDQKoHaWBDNRgy42MK4tv3Ph0zX9RXbHetwhoa9iD2PgmwcbMSGsXeErvNLAKACtGipFpaHVsyoDESzRhzIaR4BZKgDR5p6TehGgcGaxaEWuomsCqakdBfLejJ4BNwUqZBC/8mJJuHtd7AJ1XEL+1TRoEZuWwk00WQjhUpbvVa0nvEo80+pxDASFbCrIM7ouwdEAHfKPbgEzWmj9tyocroYW6BSJJviEBu+oPlzcys7A3j9tM5IhFuiEg3hWBYNurPnxtvNbhxu+e7SQBPosQvbtBcMlCBGNE3rPtikG/uo2oxZueowVQjWeWH15EiVm3sl+vl5RFQgONfWcSMOlBnzKXKu2MoXTUuV922QzKIl0ax5X3ltqhJfNQvIvwoGorKiFsXu8/DMZ7pZNjYrts4M8ShRUAfDtDraG/y0vz/jvpiQsZM1DtywV1x2Cofq98JgpY+mrVGEfTSm4cVcvyQVhtw4pApXvDeUFSw6dNGgDTw1ioWGf/xJFBo7el4iCBo/EBEWevRgppx/4IIpLuDk9aZoEiseOjuutwUBMmchPE2Oa1Br53tR1mpRwM1YpaGwchsnNNoX5eVfwFBE4IZ877vUcNsykCZmbfe7FSWN8IFq3ZL+SI6pQ8VG+naSvfXqeO6ZYf9e/MKQrzlfnc4nNQlxaSE8zCQB/10NKYoRZaI0RdHG/no3YD/X5Hhgt2H6/i+K7JllF2r3fMn3qr/8ytxDUejMLr/Yd0zTkWF73VQ7ND/5t/U1rgeIGJMx50YP7o27zym2BtbhUwIYTYkJCX2L5kAS3m6jXC3L4iL5DEkiUjvuKU+q7UXYl0SYYHRIErPa8E0AVrS9GHx1TADOPuC3+heQ5wKWL/S6y0/ng2ZbkigaLy/N6jDp3avdWTYTLJ3euv38bkds05t9+3Wl5bPhirkd5ZcOGKwZkw0tDbG5ta0YLc1SK4xvxmYLtRa+IUrzIxbFGKXw6lXtPd1M3m+NEODjkFIBv8+GcmWFw4zu6IGtDmbGCxdIFCJV2FZmdozcAXZFKT0YKpZKQWr0rfWl0zNTq1DHjStpUwr9Y0s7opcOIuUVSyeIubKKqBE0fNSiQfHTAcp07vfCjY/B4ODHH0aFSOS9Pvn44EefECzd0uMXCwpK2D5tfdw2o5vPilPTmu3n+cPo9hSgFDNl/UTPef1uiyE2lpl5ZSdJZmO07saDZQlwB3g2kK+4bnNnHnp9AeOYYKNG6IqUptBn9WVPOkiU//fQPnf0G5VHjQnYduZmuH1zzriJu7JWp8mxm4KJvmL2rvZ1EUF/0D64ZWZk5RlnU6Cr78OEdW0rq8+6m0MRGlebzjeMsVSdc2yJGXAip7UXlyD3SUZmmBIKZ6UhEeFLOZ4ScYpi5oRIfG7ROdFcYBvz7NwMW/CACmnJ8MLhRJa+pq5l2pF51rWi4SrtlggNkcQMsemlRvtlgvSMqUM5Sp+4qpQ7ddg63uRwB+ZWXAro24JdAjap6YHXlc+6U7Fokd9MlVezEOM7EXRQKNO/E+KD0DZ7Od3snxDmV/QXMG/DAovxfiIRITkTYzBEB4XYS2Al24go0Q71V+3qqZltVzXnR2XWojTCygjsVuW2a+f/PnFCEloBwRn+Y8z/6OMvnpCR0eqCmuPUjLx2Kn5nnUR5OPZE32cnP83hs5nVH3MMiPvsc8pNO4BMF0IQXIGCWPnK/3vgGY114TxjzmIkY4idbGPt4LvD0WXmj884QLtSoF7SjBsNNgSnMQPslbUo6V8PeeViX4poMW6IAdFGTmEJNcLzOsLOsx9cLu8wZVl6liE8cdlbtUaUaI0GRBLaKcJf1iUzNHaaKrbsSVziLfaodIk34nFJRpgycTwCjnUZu3xvlJpEwDX+bwX3Aii0E4WoGSukTjnGXVxK6w5sRnck9mRmxBuh6Dc2nrhQlsEa62jLlZzvqd0Kzs2RNvx/6ga/MGDApGco41YM8QLdZy0BD+a1wrrEHdgkH2o6uQ0PQWwmHaHkKC3Ege7q1bODT5dENDYBBpxtCz7+6HPt9sQ/lE584qGpmbWfcrW+pnKlRoKCq7TaiSeXD5eFSKiLm2U09ruFjsHBJf1Bit2sbrLLeBli/PRW3+LtYyZ0jktEsN/yxIgOp/3D2m4Rd2R/EqyZy7Fs2o5/m87BLcpHT7TBMZHFE+BbdhcbXRJ2BYD9MoPQWaoc4rxOQChxJo1t4BKfjTGM8MFEmaY3KjYRB7ZdWikTV/oUt74AKNrSvLn7eW70G8cAnISYVAC+gK4abPStRgQoEgBHYnPolBwiRAujX/qNh6JVmtTaHkYXEKATmBFnroXQnnmSRDG6K+7sAUhEuOElr4dekBfHt6DpJJosO79tmYXCMGwsh7YE1Le2LgekWXM6r8nUIVvs0xQFURSUZwqmCsx0DgMjAyHj1ndNIHdhci9tGWgk7W16E56rg3NPscCJjMtbAxRbrXYiiJAXCiarouxGq3e0ijF/esUKmfcD/AYxEC7lLLNL6N005ZSfvNREpcCJzkdOFatMf7rRnpiSLRgyDuiyG52tN7vW5fYsIrHIF5o7VjbVchMJWGDuOnNo5klbfYO/WLGzy9bN9T1N01Z75M3UtYbLFfOOxycU9Q9e3tvJOG7j28cYImdEelZ4qDawW0PxcXY+ER1NNxJFwdf7JHoMOUI3ODHGx+70zOJXZF1XktcDXI7GzUzizy7jhK14IQzEVg57zOPOwUHrWOk1LQcF6cQCvIBiYKi4qmByqcihCJU73lZj6ifygmBuC2wBxyB5S8qqRHEJjhUuYdR7oiQBpKFWkKcu2hAqy6nA0XKm1gcXNR9+XErFelk7en+pKLXowwmtobl/9trN9a2OzQJf5rttWfWNzo6bXRKH9CuopBWK9tU+MTkffHGKuzDasVkUfm3RCrV1xu6wco9D7KmJ5/6MFdlLM82tmI+dZlhsFzr2fA6cjXUd6PxmVI8eQy/YOaXduQnGRcYdXAT4JHgM8LC4MnAHef+W8j8oImHAHjr0/7lNH87nTRgfPSnfniRyUwv/NYjO97Gl/7tvEW19cCG4OJzEn40vh5dGc28JyiRsUVwZrseSUgwdDgA64zjC0+/IETD5bIMgPKQAxiQ63mJQ5SobrLWBNJkk+tJcSr6crEDEq+FyyhzTkEkIn+Xwr+8FbThXRksOmiEjsIM5vJXTO+2109o+Z0rLL8YXq2KTsGbetn5UDKETwMK3BDktSyskAufu0kkHErprx4h/GfKK4JonEWisQOOGpeeOFDAgwdok+JQAsY+hcZUszyIj0WVLroNq2br6BexLTnCEo3ryd5JyGeqnqETTkNFD4DDdC8xoLEWh0PIqJEmSwAcdwNInxEs/S5NklJehqasPryC+eF3+3K8UECx2dMJDAwC0gXx5bfS25BaTKidgGB+3W1ISRx5iXZqnch7nKVV+Bdrluq7qYGjrz4/6be562uw8dkW415iY+HxPjFS+QSW6ZWdnmgzGgQVCrXsNHsw6nJ/1gNhiytxBtW75ccb1VcJiQ/ucB/6GG0BSLhLd26eWdjPjdY2WgrVMS7wEXs0n+vsFbtk9j8Wfe1xsEgDDaV0FAszZFsDQAwyjWfhtsl8hqI+gwe2YDMbifpvLhsZYJOdDvUxvwtnBlMxGjy66MlQViPOSC+hmFUC1db/CzfzyZeWtQ5hv1JmLZ4S4Cs6qEsbJuyUpH6h1whZs2RX2l5YbxIg/IaxjJG3HPC2/Vmt0Qk347qUJLHIB707wCtpKqUhxeQK38LL6ZlvOrNe5ak6iECtcm1o2FURLJKOQ1VQY1eJrta86ixjC/N6+WvZAfSOWNUEmqgdE3atvSJMG9XoLsxhtu8RcKh5y/36qW3FT2oWz8dDu/LnFaqMpt1gVzdpoAqn+Y5ijo7EDvwc3odUJ+LV96qk2qCld4hUDAgVZU98LozOatOpOniMv8k0hLCtguJEPqTNV0ijTSeqnyhYlVing2A9rA2LwTEoQ9oXO08S3bhHA/XwOyJRKn6LOiNkGgsGiPyivtpOvKomkKQ0uOlXprY2yJ4JJ0wdlc3/d3O2aGtRjuqL+q1Rte7qsI2ikExd0uqKFbmRP6Ecgm8nyOLk/+ZlZ655Sf1v1skJ7ZjJ6udqpmQSRqoZ2hurrDnJ3cYbkCR1klWvGYd47jPCUVY8DtYRvw74ggIxqQpHS1KsyuDJHKyc3a6TTB54WGXiuoFEzd+LWrCBqZzj4DCXI3R0UjqQRPaBj7A8m5+ZInB6FJd1MnPBfnRT1Eq1sT+Rd8bgptZqjFi+C2xZ/IZvIWYgJwRe2QCHYdJwveiDwiaDPi12b7q8XWPriw0NyFl4YDNrA+baj3qQ1aT5x2Jec0vdRQ0Pa8j2lHJNbtj7dXjqmaHLzOJ5mucPlg8DaJudyicBFHskzd/ODA4VMk+DKM8bXNYfbQEFYKuuDQuyUUB2FrX3OuMZP1kx+9Fz3UFViJ2u6AFWIwVxFnLmnfdd9IgsVztf4KttS7aNr6z4lHpX1ptuhsc7exbEQ8DWPGUmIGQTntNFuRPdeV6roYlowsWJui+QBNWU/zudEgYQgkvZLIw0Mi5DmC9ngGcWxjmMPUcggJ4WmZ0ZREqJCQzr+MTcbalaX4mqafKqegxq2JrhW2Dtc2SNrjxp7nJ683gAlma+GkJsmU0nAfmqGXMODYa2xaJ1PXxgUjnoXrz9qCBoLBPnScIlsdm8x/NIR/SPs660vBektKHCsZi9eROj7yDusw3bwTyjgTUkSNyZnzx87n6EOCemQeKygt4GOffPsFYv3OMqFRbmSc+QrwmuffvXTY2gnI0zuiH67HalK5ALdZ16AHHxatYa1KKn3wftKpe1GhxVnkcnNL3TcbabC+tIgvbf8Rnby9Nn1mLRfT5jhuiWFpE2jzMomh7kEg9CphlTa+vGOMi7LD6Y1Cs1qVUiQLOs1Z3I/pZHop8dNuQ1FykthtjL5cVaTw5fnwloSL3PvNRXtrSGvoTANoAOyedPPjeIdXW6XmsKhKsOYxnQpqZ/hBWy6fDpv5mSapFmi1AjZLt9fSp+3NwHYXI/7CC8XBz5idux2eeUl0ifzHzH88VjkC7vmJ6zmHOqlDn5pEO3MYi0G4Adc9NxWzx3kLP4wD0mIg0OFIFGwzXI/nU1HNB6JBPEj2GQ53hGioicAXCm0/2rc75C5e3EcrRxuglT9mV3kFjupNwe5DYzL8cD/umNOLs8VMrtBKgCV611j5koR2yv4QRaOXgf4bnNJqlqV1kOnhfHEjE+RM4SfmAryOBRrsFPgoXZuDU5u10oV90a1OWLOI9ZCLdsRN7oBvFJTVEVt4sG7aWDO3vFi4By4CSSIGD9kv8sFC3u65CUI2vwgZfE9yIgOKw3qSbDAG0lsU1Nak/0qOtMSNyKVdbwCw4KWzJdING4VFDi1SRReAFE4ZERlo7IPP43pVWsKYW81YT6MlOrtYgxy3HG9Yt3yrQqhF99gq5Pzz61Y2nHJJ3Zq9hWC7tbom9mkLE5RpmcosearYTw+p3kD2w8bUsO5xXQBDDlFUYTb69RKtfb5jSsLjK0SOehPXf0lkJjYvX701z4UGBzYt1/ywHI6FJ279qs3tZhz6/TAOdEM7N/j74Vd5IHNtbRv3+o/0Fz27pk9u4IKZArkOXwuJAl9ZP1zlGDfMuiPqx67IcFEOBPUJ8nIqHd2n/jm23EqIB7yVuoofKc4rQcyNMugZe1gF3r5qmpHdO7cPgubEhSaczo9xRYdSzXB+g2bZfPx08U+xl2c0HjiAAyH//GDUBgAW0d9zzxdWlmAlctMhqd44Pnz/a0H28E72jQNEKW14IxkT5ZprFa3xlStl7cltMLFH8PnEnNlFoAvFTey9Z8b8otPyMnk/N3S/4ATxdZNS6mNposW2XwdVunoPLGQpZdlaDoLItv3J/Clt1d8R42CzoQr+tov7sB1mn1H9ks+J6SwPrPNTb2nPwMoSEVq1+/4rlxls4GqV2dL8JLLf86KROKD3bxlQyQfqL3Y2sRT/IhMWInfl3jZ1+YUath8VVFkGcoqjIVxobf0mqAwOM9wzGH/800Rk7srNTFYnauMIQzVMHcJ64+1mOiCAt7AnCuFzC74rBBCAWnf74yMnKiG+4ZE+ARnS7cHckKDcIIrMz9Rm7W0NoB1ka3YxPyai3TZ/Cwt3OV6Ph3ykeglFnSMciD2YJTekQJKpx4jb7KIwKEewih5hf4xs0bVIo/aS2Yql17C5eyJHl2/X+PppsQ8m5VfkF+9j+WeOYaGY9ltZfaw2shCxBmIca2GXl1Nj3DeicY0uWtCBOYc+yOsN0PxsTxxutJ8WfV2JJ7PI1OCBY5oFMXo8tYFra/ocMkBlc7NtxVrRyad7OUyT2I7RGgojeHtKzTGRoqvIEq5A4Vgtv3BpsD2EtpgcjFUVWiUeVzbolpolzQeDZLVyQuxphVDc9CbU8TCUlxBfu/dFmIBaydLZJl5DNsJZp4RmBe4RR4X8I+ScHSBXWX5GinwbEe0ax4UmtYXAUhLQqwjmM0Y9l3zn8IT6F9Wx7XjN+tQadAO6fbjtHmxagilhxAtWr6A5tV1chqC03gykxjT48PwsUK29o/DWCXbFzDLEIHrR/bW5GqOVqiNdLOlYRE+k5h3c/vwQO96qHIgt854Se5htoDBwbbkBaBlsJ6vK1BMnrRZAqmQiHlCXgK2N0DoCCJ7VyQ1gBjCeOTzcCyQ9/aHXRXS7fINInEYVK8JYoo7V/yHOdSqfNbBZrlyioCabnqbzxwd2837JYvlZFtXqsDKghJDTpkNbNxAU26drPs/1WIDnSd7Nzok75RxUdMZiWkV7kbgLwzF54RdAex9mHy6swPa2A1mIVLyp2wY9hRH53D8ruGNtw/tzKWccCiyyZWxxYW7Jg7KXHERhldfRPcTZhyNiJxzoi01RApuh2w+YWqzjEpdHfqI4TlGKDjZHGFqF2btd0uFw1vm/Tktf9rcZd8EOLtl13lbMDEpDKaUxsDB9TEywuB58QIM8pX6DwfrIV5DjaCA4jJv6UnjBWfXls/zUOEvo/D2TWXp7lt0+mS5XBLe3RXAZYokNBOjWVb30xehf+WSXtxJmybtT/d8Ou0fjy9esmNBZuWPS1mUkOgWfwxlbCK7fi+fDOet/nmlHCmVvU4Vz0vz5KrWFV4tcyTYrkt/ztVOLT2PYwy7bpq918Lp4EpPxxznmVEd3gCvDaFaAqPmCqSkUNF6IW2PNBlFUxVJCdWYEK+QprWff1mzdo3LcFA9Hz+313Ts7k0Fv54VtpeqyD7Cu8qC+8iPkwOEa+7Cfg2H4Zz8fhgVK7rWI94+WkbSMfNHEc+3Pt1oyd3be7wYGU8SIXrNz7YnyF6ryO902KmV8zs5I3sxvXjqEs/QLspQBbJXcHRBOuH6x0M5sSl5YNIAsOQBbHNGtgbE6X7vuJzCtNiQ/exV9ZwZlDj5EO/60bdO+9KhFKZ+zhz0mMD60LjLRzswIRnL6i/NSbFPxxT8D2QGNUP73FGJR0mL93djpw8/p1aPyV8qxcT+ylAva+DrYJ2AkXTQtupZgOvv8KS/Xqm3Umi4pKHJ/i6PVGlYgJ8HPuoMFeDun9+6om9I6PHL9GrZ8uNx29Uca4u3obR6Ft/lS74gijV/cs3kfHvNXXDInxMZJ0ckwXckroXMuGQcwcPgn1fBKTY82dyDGNiPv+t0RWm5SMSvp583pO2NPGIK5uaHsrx4LzgA/H0Nv164B+xn3ILaqsmosvGCY+8sEzCXKSjja025saLcagdnZUjY4vOHKEjlLfQE4g00qpstnrmmO3YwIzsBYzxlNjLjK+fTBfdCTt0xFW1VpedWdERL7mxQ3pDVBoW/p0qw3U509y09d61yY5k5DfrTstXNrnLQzYbLd8yMsoVQKw6C4e2xR0gtqdeb7SNXavdSCUYWDUy7UlU6t3rWCQ1XEaZlYIs20B7AcZd79MtuZpjNxVfawjLCtZ62+JWe7qgK2TxSzqSMxZFeD7iwrx6Csh/LT6kjynYoYCWVxbYKl+7petCEFDWbLKKv0vg8PQ3O78nna0dHmfpSIjgnaVCxLJkej4M8qjVWLA2/CKcj4d6R5LFD8aZ0hHY5GBkMDI3W8PZYVSdP9Ou/OrSwcl/wX/SGZUcBepQu8jbtApiBemCBbUMPyoBd7kEYIADerqLaW3PcI1SAMqgjVz9nAFCtibGyrTdsLNuDHzQFBRwi0ffLME4hWR92dvTIESuX35pEphOjWgX29CNvv8u9z/XlkDIbDsRkBazG8W3nmtMKHO62YSdPveHnCnb57fKpbhuyRJRE1rVUxJRqtaUxFXc1TJCg3LSl1hZhUba9xUzbUVea0safKkrrEqxlqoLkIWMOzKGMOdzoHDpXLWDJZ7qUWUUNAJgOwJ69az2QXlMN1JcVuAvvd4dxPIgj5zAGRhwjA9gIFcBuGFBH4DmfmqNaBwcEWzSHekLsDu8MO6jtfVuoBbGrpMRql9nnRy2wT90+X+M+sNpcIMwNMuYTcnII+cYgfpNCrwAhQgUbGMAw1MRvZhVNvCBT94fGFMTrb+5CfE4WJxfJys5CzEU35GcK5LTI933j5bkh8d1B4PsmF/9SfycKUDdJjHw6dfZfiv1F5qNpabEC6z//aHyjrTJq9E8XpFRJSXz0Fo1iPQxglx1gfRiAV5Oc1NiQuHwGF+zeT1hL7evxStrhD4sfU5nXHRi/zqQ+bsoP04Dde9s2rmu0Af71o3NXr3jQMhS87YIZKAPmnw/z2mHQSgF42O5G4ar8wbklvH6r9VxQv2wibu0dOyHrDzpntTqtL30UIkU2cF45PyhLgpiDneDhGzIWy6pRbSUlwPd9OkCYKN2HhQAUOg50AQCGMWAH3gHfndnoAi4AEA6visc5YZIhj4wM24H9EumnMhHIob4+wL13nMpAGdRxNzKHzlUzDwcbdmVcFozWjIwkLUzEHdWM7zfTy5uS6hMS6pOa/tIwQYKy/V/77uDvzaf6LNYJWb/sRtxKHJNrtTrTAVzeBSD+wYr4hVvMfuw7TkWXn0g/RJuC2M3TsVUZ+f8WqhaUgzyl6zX/7QWgPCJPVXh4PqdE7DSygBq3YEFshXZhK7jUFrtAW7EQtLZd+hZtBm0w02OZP7BKfALuGsS9j020H1JQBgqSOe/ngfBN/Sm9KTum/EBoeAcoFgPRZcC9dwyeg8HRHf10cpZRPwVjVA/yLC5Y4E7hHi477e9ya1+IhePLVtTvdOnBQOn+g7+/ES/eZUA/CstA5+/DLosvz8/1iWWTCq+Kr8YeFOMzd4v5v+TSfvmxNfvLAz55QabadbhRF5Qq06Y1RH9pI0sDD0qFSriwuSO69/wPHjVKx1T52gjPF5u31XzfZwTqqyE6/Y14+/X3bXAfNHiKAjhske1nVzPshGxXsdwtdVoNQtQ3mJyUHgxPDx9KHwpMDzwYqilSq4vq1BY+UmdRszoEeP5eYgAAD/ZRiSDTguoJIK/AaLdE4U8yEBNNXruwN/AB2IN64IEqSkF0vlqdH11AqbqFAAU00IEu7JwwILsiBwVRtT9wLT4CA5iS1qIqKZH9HSrB5ZQj+cGnS+/Ny1XlKCNyIvI+YuAgQdn+4326wi1KdqtEUnKS21cClTPA6rRYb5QfFst1tHk/8EyadcEvFsh1e+Rp8tQ/MtuzsD8CvGCJ6ha8yGM52EgPYY7I/TgiVzMA2gxAOWFGt4Eu2JWwO353wq5x2cFAY8CQcSjAGHhwe7U9UvUcWutYi1VYsRELFm5MVPdaLLz8h0vigyjAvqolZSMt/Jfa8+1GAYLPe2JwnhijlPYKl2Jq7fPXsFBwU4SrlOZDVg7gtlRVMywMeQXDNFfOtDHl8yt/h+hmBHAbVeaICPM8BAzO219I/SgK0CULEpIbExMbk6PDivMWlrrcVD8r2yqNNuzcdC2uAJ8J1oRPOD+czEV9brBu+KAK72rSW8FHTqDrWueqDa/XWJ3d3QJLkLBOc2Gdm2wGVp/oDwhwogzE+fPPXrCLMmAvyZzgoM5erD90uYzAz9PAUmOYEvG6VczB+gnm9im+dWLETRAlo/v+HCYfRDj3OTCpH3x6wn4bWG/uq2PVFRTmlUZZ77mAq35fV+32i602a7/s4k/UvoaGPgQg/fe5xWhEwVdwhJASZTBCgTbj3u9HAFBXRnSnCeU0ufF/yU4vQgZ908zNSxL6hJPbnKLcwaKOT0pgeFrs6+RGCkoOeRl+/ihSjyADNGusXpuWK772eo32Ty4H5XL/1HYsu2YWx6TF6OlW7oCv7qhLv9hAMywu2nM+2Dn/iXPvO1Efc9Z3+iV8n6NDLFwQrqkbzvcaajgyh3quKgCuUZfd1Y4tHSnZUoPxHXw75kCYKB9lIo6Byn9T+5hjLIFCyNiGO2ZTJQgERmsQZqRSQGxttfsTaNB9L56bnDtZfKHz+tnTatRlUQDh9UsCup6+kJgA1DlKAcw19oltjenyCCVr+GkonuQf614Ag93N9T30ve8/5eu3u97/V/96iLWL72b7zvq38A1Cg1jAcZZz3zdA/thjy9Grn2ZZCzX/oCA5Kaj5eTxwGfku/jDmWvDohPUfF447xrBxBHISQxDdkgv90w57YAcJFG8cVo6k8lMj8/h5gngQIg68XwoszyMjzLkRFRqciJyzR0Xu5NV1i+btbnuGN/x4CED9f5k8+l/of2Y74czDS/48FABwFkDAmYSjfZ9zFMa7LFAEKiPs/zmsG9UAoFE7jrCQGToZbl808rGFm74s9AMWmoxlZMksHlhtKLRRBueFZobllPBtQRG212vUxi9poQf9P0NsFCHsAR7aau+77bFgf+mjPfLJA96bJ2Nef5R5HLSB45mPXo+Z3Ox9YFK+51HpflBSm6NfgqCLs/Wf6fhiFFlSjtdgXwj4dXTiz3m38/AFgYFBJJ+oJzmbw7t57K+CJ+aR48VhwcpewWAGXJC8r4iqSK9SQRsGCl9wxN0bFGm0rCteZ3GbBfUOrL04djE6qTJi/tL5Ea5guofKgPGJi+dPhzNxO+pLr5Ras22lJ0rrtnV2Ic5+JzqHdDn7ENNSmAGDOakvgBlNz7bXlV7OtCVA6clSW/vCPqTPeTE0h0ofBKivPkr/6DfbbyaNffoZCt6+Y9hJNwohNgRC3ekzLfvG6RaBHyFOOhy7b2xcJdpv3FmbT47z/1sT+evIJoC66fgMPozZU+lj2d0YNj1hR5ldk+kPgaLohkR9t/oPcUqBa6/dZR+ww5tlC9gHuHub2TnVkdFWdAsUWw9d8PVlRHXLRIHRpctyll0NSA2I7BGwowKiOFjAxoA4TuSrUj/qwl2eYZx/tTPICyRG/voC1NdMOD7o909MM82atfoejbgqyYuvddo+r//c5tTyvZJWEWn3VmdZm2kx//gN4njcNPb5zdor3J0/4qvUSXyq0RJx6hMxd9EZkcVI5SepV+E/7uReqb3pxBwYwOaoc/AIFSAR52FPxOAYgByFTWPYILbRB7CE48y/94v2/yT66S3RW3+P0eWBn27DT1dDwxf70nxf+P4XkGgNv3mQshJb5d3OXV/FNja/FL0Q+4pjbvr+T83XI8vHu07kYLwDC+wPYQCT/GJcoT/7ujAXn3npS8mXl+xMQYPwR3jgNUCYFSAsRBDoYSfddQQKPJf5LoSFvPOhox2/SwqHZvh3f0Fu2XscFRVu5U6kddcyXqXLflw1uAsvHq8dTwktbD3BrGWeaA1GnzzNgw/N+4+faGycX9JaOQksAOzVKmzs8WIP6zGppXAwD/YJg1GqNUIrtW7evsNaZlwG60Rp3Qvyk6yvrcwK7JOAD+yYnSOiksvUiN0RSFj88GIG3fhGfX+zvm/Cn0iFFQIFVgsUpGuCM9F343r6wZMZqgfxUNtgD9z2r7TI+SG7jd0a2yZDCJv0xUxYbE9bz0DhKj0qF7O80NjZttm4zGdzhbgM/OmTwV3zVaN8nWDmSIzXm9sth9J38N8d0lK+WVcNsJNnwngtPfmqLeUFwa+li3PnYf8atDyJBL8HVT6DziFzl9sT13vJECLpdO204ZuilRbdA00u3fLA4DQwrPX1TrQfiIn05U0x9dqE0qSKuxocJChvwXLDKsmiLaptWC8e3Z0ib0toOTrebXFRof8Qg2TLPYEuG+UYc6NYfUjfho2r50TBC0jWB6No10Z8PK5z42HAvvaaF8kqavBlrRWqUqXGHJN7NiZXwBtK+7sPL7yK2qQiLOG8ou3/atQG3QM44+fjwuM/C/9EXXSsHNkv2k+ydR46ngVqoyS+RXLTy2Qn+aUGUBOVl0qiktj3BrHmK32EW0NTO0y6K9ovDLB+45pOzpItxBXRaiSxYBoGivpYoCfHjBsGEPeYoVyz3tx7Z8NGwKD6RnPHLlG6hlDyKO4qOoHjS75N8PnJfz4/fnrbra3RO8L75csX3YPfuvfzy9iWdiWrPWFxhWOdoqOqU14VviiVnUoAfX6zU359f1wTq5ZWyZdUqZb5OxmmBa/bKpYtzar5AHgozWXaEo2mRFs2qS3TlJRoyvaTH9belKLW7Oik3WEPT1S7vogk2Y+oQAECzU7ZguWTC1/oeYnm963jps9f9Jo+i7QZ22wgQAGNT6KoYGBhqdcoNjpBgAkRnzUmHEokOsm2wh54hkKAPZPx+7DkOcRT+cYGRQGNoaZXG+vOc+wYpklpRXQJLZyBrT3Tt5DBo0noRdvrPIINSuVDQxrACy9uTBtVjSOId+PaCNonggga28a7NcdRlYbaFuf2Afa9uurS3sS711w7PqR3WsYsfseAaxLiOw4MPMWFyxMAHySs3vufj8XHxgbffSCqa7AhrThVPn1ZP++Qx1jYd2YtxgiPlkg1c5FcCtTX6Lh1ag7F8eunMh/T/89kQVYAMWXemn/+qe+haBYtiiZBZNmbmi3RJfESqvSnC5KedB7uwjFqGoueKuFhzBXEMrGC/hwG2PQtWiz5i0L1ZRd/jI/9CA7SwsuROYA9Dy9pwNFOtN0S2J+aXRv1l1B67LgTdXb1oQxb4OxHhry7WAJcJQCyzEveh4E4+7rmAmyU/iYde0CfQGCcHkHcN2vj3oribj7pp8FVvTrDgvGr1El1bdjK5gj8oknsAb608EOfvsATbj8TyzYYVYakuKA4Q2JkukF6Jm4RVrVXWWxWIwpxkFjJjbaZ9yqqRqMoMS96Nv6tvpucxKBZEYhifqvXJwhQQH3dLZbXr6E6hhzGBmaDjkHHrtRXTGPY2LB9Bp+x2sdd48Q1VlT68FA7LrCpLjm+gEba5ZExxI+MCtwU0qDzQf9Jtfnyj9ETt9cHNPdPlGbCUjizNHwLmwPW7772hfKLQ2HmTRIsWfEwH8MnEh4hXWOdamniv/lA1Hb+B1phd6VAnHRfzL6RIA6VotoANhon4CAcj4tbcPCjfeeFwuCNQDaG1gyjntjcN9MTY3ql1qvZt6oMJlCXVXeGK3996ssREIC0EBOKw63YzNW9BHEoO0CLStE4Qbuw2Q25k0CrEGZS3wgkC++ByxVoturjuNL9klaSyDeC+oPOk0krSfcwMrik81McJimSh+wPFDcpXV1O1Flbe+AAQaig6rvy8vqc5iLETN2dpeb+jtPS9otOKhUksmh/2nOY5ldT40eDwdlJjvZhCesT+uuk2olaYX+tBbQ1fbHXsyfv3j0XNQEmgs6hAYw5gKIxuks80fll+SR7N3jgMz396+AWT1rVbq6/J+DJlEo19STA48/dXZXm2TL465krmFl6RRM/gfgRYQriFanuBsdzzVOHmVxOFmX3uwgla/9HJz4kVx7POMm2z9PMb5fZF0TNt/+zdat+OxKZdkG3xKdNLazLFZcDzzzqSbydytOeThsbHu6HXNA7wyHDfwX1ayzUI+gm0ktiIS4BPA4KXh77XoyPqS/jfOV2x8lV9mFL/Jf0YsperCqxCmgffMD56rGKbXatzNnbu1uwu6+PKUk6kxo5N4KxarvfHNrVu/Y29CEMtA94Jm25Qn3ACcprf9pENIbt8daXl8pEnvB43sD/0sutj20Mmsj252uUEyWcOqV12g7lR3hkLBPLSBVgL43dz9r3JrTMOYsC9CNW/92N9dHKlI3ZPgzPes41vXmJ6QLr7AGx7yUOXJOulTKQC395V+wjcRFJunuMD+AlJiO1jvf6d84mw3Vi6U9Do1ceHxD9mvdfGcIc0WENrq+/3h0oO+8N+RHaborNabhJmCXaCgCQ9sAsvtlG8INoY3DuZH5OYBrysXY/VqwJquls+sLw2cvMwM24o5efGb5o6qwJ0hRj+7UfpyE5gXkDmnJyK4Bm9F/LXXEtBdRXblUrVv/aamW81a/Vq4vVXAdbKrdaRvKctPdx+jXNq/bYMf3XR5C9XQMt6ab77farpX/4c+1xaMmu4TrA7zBVFb5AuucdXPxOwsprjxWR779x7nPi4/8l/vsineOeqNMRPQG1W8rnFRUJWm1yYU5my4G1/MrxDR8quIYUE61UoIvIjFoUnl5ofj11z/ru0k5nxWEw+orS5WXxcnpRA7z6KYmUfi/lRyiIBFEgEhCMhSzZ8+HCXW7MjRy2CB+Y7UdZaP+sx4k6WdTOs73q4jpi8T+h4sSz1ekLKna/f/iNxTcVoac2LUo4JF4ckmeE9kkeTofwralleCaW0RSZ1uRfyyrIMHwm521Y2LUM8j/5UlA0Ql94dNa+daxpTcqr+6vzW5eMpfQNBVBfBTUqU0k1tv83NqOf3fiQlspd2NbdSPHAtNV7NbaK0sqVWdKGViw9RnrsKz+h2USbf5O0gbzpuVCWlgs+e/VB+PXD3uM7T6QRs1AT9OrlpX0/pfzz4Qcfbc/i9Px2IZ2QuHznncTkH0FNpyUwNZuQzm6KqUj8y+fKBzl+OeyFmx/M4+wy5ph/+ufkbQ+IKaLP5uA8N/PjifvDFrLLATO4/wWQHSOwB/liy2XRYcy1hgcwIOEjjLzCoDz33xWAtobu/VNI7atgkXXE3WDvcz1KjwyufhXyk88YxtxYvrD86MoC34K35LkZuUfMox+D0Y34KP290fOm0Wsg9FJsaKoupGoog2jXh4bpEC8nA3A+rOv9M/zKmzn0Oj1Uf77pQMjEu113TmWU00AGhAO7rjQGK9b73XxUXfcN89mp9NZ5tzoe8PYtTW/eYLz2w5uHQko4Ib4n5VhZWWz1rh8LeAWJeQ+Ztc6lTacbWHFdmiXBBdaaJTUwQBmoB52rZMBzyBxKn4krzwTXRXfFybRGHxjA9A1Lm5y1zIeJebwCEPoLdw4m+wNprbVGnkwVGW4b6J1c92jTo4y6bYu2DXRurtyMYZmel6EH9No89JizBwJ1Hoh/qgFrRdbOW7e0r5SizR9iH7wlUs5qHz3amZUZdLj+sG17k5aBMZq0223LyZRvQvHX9zu/zoZNhNyr5xPEQ/NJliExgV9/L2QiDIRo6LHlWm15bEJyZQjIYHcsEOvF6bkQBDOoHVRApUA5EoM4rWN+BguEJi9IiI0pL9MeS6N//XpGdGhp3ryQzne86pp9P/chM+LaK3Mvgm2afHWEIjtbCXQ38TcW6GIbEyGCr9gOypGliZYWmn6BDjBQBvzlNsrw4DS5PM0sT00L5gVU5KlylMocVd483BysW/Bim28mZ0M9ObmHDj7vA33Yg/3xXTEyjRvb5p04gq8kvCxRFIWkyuWpuRpewdwPPRtjy2O0ZS3a8nJtS00BWFnzKAOPMUyZOs2z8mh6alQ4AE46tnTOzSsqKGBgQl01q+hiwE46OrkL89UtKuTuMjAtGXz9tDzf9cHzBRSng21EV6LdGYP1ocq9RD/Ceogd2hniHRmpbsOkRShAB1GADif3D/vyA7EonpQWBzVK435gCa1oCTNNVUS9hhSGtnYGfzRgH7SDqb3rL8ZdXJ+wxZyikR2Ljz8m05hTtpSgABlBAWo1Nro4OIK4nQdzvtTqAJfDBdy0g21LrjUZr108RyErOoe67Q7c4bK4rK6B3w+BuUfco64Npnn8i+sPrr/o4b2rC3s8gn+dGSPi1mcGZe189Eg7qxS9tQJbuVmkfKW9dWvn+ZVTw+IDzSMZHlULDWguMm1/42sH9rNd3L666P/D/zeJPu5De9bC5vbmc5uxzbynlqeBUfynv4b/ilNRgZur+mkPND23pAQ5iWr255ikP3WeBtG+0eCvd8UzYD6NLCdIWb8ePf9rmif02eGZw8/UA+D758GCAy9f34kCVCIi07kaJ8MkDyOGZwZFpTrTuXSOX5Iu7IIo+E+5LoRC6YMgCAw/Sy9qH3iMMhHcGxiGaRyfC9gLqQKYAQ+MZnr4Hx6wE0AaIOwI/BBOIhEIMovvYwoNOYvQKCJCG6dxvshzdruM1z58WS0uEEZOismsKu5CNgAAQJsVDMPavGjJWcGHEGBFp2zXQ8qBHNDhRxZPRiafPPgX97nRCCl/C/AieONQXOnjCanjo09rJDcel8wLoUAQiRDwm3ZAGbSz7rM4vGEilP7dFZmvYv5RuPjPRWmL/hRjUar8BrnZ+OLFhw/Tou9yAVZTMxc1x/hAG4CbYkQx1vUc+9WdmFfKeHV8xJEIvVqvPFgY2mJaGCog/a6eCz4f8EIww0de8F+04/1hqhXKFarnbkosNbgC4LhLu7xROmkGUQFwPR9zjVFJCclYJKKtnMKoAMapAIlbY1Q3dSGQ/ehyOwwc28I/Z/q64aTkcXdGXVaXBbMWoi8uoiRU2CPoM8LxJyYADAUdBZxTvFUKVo2AskCl70FGRwQZX/yHmmPY+OD4x94YXdkiXar9rSR5//t5RSyVhTlWv1ya+/Xf3tnQYyyZj/l2IpWSSm4XYr/ivW35c0k3t1pSjaQ6MoCPJIxd9wWle3L9ryE3//uE/kkzoX9taMG+BuqzrSG9T0P/Dks3xlWHkpMYx5QbS3zEFxrzZFJCS6o0ifWUcHvndfenP/IS1F4ymSysAIQEy4JDw6RhKplEvJrlDwvO9gztUCtlyhDQ8XVfKUFfHYnWx+mj7d7Hx8WvKRTYouI0QYLQc/nnkQC5UI7w/cWcVQvDNCuiV2jCQFfGnySCuC9oXU1Nr1TFWbt3s+AH2FppbY1snaiPWLyQ8eB53Dc2Ohzqkbd7aRngY3wwYPLNBud69VuBxFsC8qLS/lkR70PiN8RpNHENfKvji+4d3B3mmP/G29txe1dE7LiwN+TqExxYNL/O0tQY0Mxvys1tDGwIrGdJ6i1Ex5y7gcHLLs7O2b2btVbaq+Dq+bW1qNXd/8iBL0gxfjL2GMr2/vvrXOny+jELU1XEynt/f3LJb9ql0hYlnXtcilRLqrndkufLt3lfsSNd3EpJZXW5V5jEB2TYCOsnuymX/K58Qv/kv7f9KfsKQtfeR572hmz1YsnCZDKZlzqB9+On7us7bxOespKkqS0EqSyv8YLYp2Sj8hgjiRxaHWdMXxwSFKKUKdU7hnrOCmB/1mqxRKYKk4aFBsuCgZiYMS8vIkehzFbllP+n1ADwYE6p/bdclaPMzlHkRZRj5jR5alD2yuwZXhBf9ig7Z+UfaXLzaHAaytAyfFhw5MF4QwRFmkBoD8rS/xmfV773mKE41ZPW/Gs4tnez1fg/hmlkyysflY9ni2qLxx95tQUMhCf0EOgMqQ5H185Wj+IIE8UZBx6z+s/wzrD7bx9g4CHVpWcdSQxbNMlhOnDYDhpm2bgjzJ3lO4LlaViod1owUF/m/I39zRvgHTIj82+K084QVquZzM+3V9DKzreneatqqfDTFfxHo2/s3uW+OpD4LVuBApQ1sNPdvZFRdWrF+CkAwKnxFafSp/Fx3D2dXI1dxCxNSRuzjYx3dIyP2MbSUpbGqHhJ0kAcfgOhNfSwaaf88hoFx8xWspgbKodilA81Tzjf47yBkoWV+neHxYUKisFxw/LjMr+fMjU6irCCmVZBXZps4iiGQB1yW5R7M/lmbtJ3WYAVF+Bgy09o6iUSUdZFZ6phBtXx9AwdVAb2O6jZGP/BcgfcgJkzhVt27ICAk/2trRfLfrJ6+svOtUSV/OlFOcFiNyLrOso7uXPwR76X7euA64Prrusf2BK/lK396Vl+C5wd57q3UrOPMvDUYDZL196bi5rLz/dEGp7XANgs0qNmIkzUceOYzqfT0Wm8YzccQNNF43U6Xd2jDsmLyCH4uyHHXCb/+2H3/E2cibDPL364WFfrTfR96gNKlgeaBPDl+MtUgUlAvSygQMuyFTWM0dhSG2+sabdrIQU7Futqi/eu1OJswEbAvdecJn+xIFi3R2faTG6ewdxxI+MjSY1JiQ3LNbg9frH004JVMmGqKF4QXyGUsFurvGBfS6IgUaQTBlWt/Hhtvbj3TO6/x4vimkTi99W5h8kIpemNn0HZ27963rtHxEphifcI9ohZOv85/VB7/bTlQE2H8uvG4cGL1sCUnJR92bocHfxv19WuA8LV8au/b7AnpgjfFCZVdIPx+Yf53MIr7+EX4vDMtsrxyvn7Kcx0AX+PkJSqkhnlmUWBsmcrCsoMSveYWgbYldXHj7FK9kDjXrCkt+BHyA8p1Pm25v7y1GhG/s41pz/9dqo5Lz9vPVlIFy9CCfG2ALrelBvwLS6yifBvA3LbMVdfWITeHKKyqQwEn7BtQ7IRYWI1VCNKBUm10M00Wc1I7jdZmiBOkB01Ic0yuSvYzwEhDgHigJAFl0zWuYgch3ty9wx1lpqUJHpXOCIYFh0WfSQYEZ4VaZOos4k2QaOgyHfWV5U35sxS/XHvPV5qrz3e5y5/WXxO0MUPPGlMJe/y1vaYc3OTvHaRe85qvd+gxBkXGZLSc+Mob1BxQu3Tw6PbRx0jDp77xYYjc8IuqylAlYwOuz0Es0abhYpIgJrs2HfYNctiYWPlv8srZcI0XqIo0ewDk1evZD+//lgxEcZLFkrmVW5Nkz4YgIzju3QEqyhoOGhYJG7QRJ8/7li9XcZMYMre2ta7XcpMYQY1VjoLrxQdzPUeO7riu/qwaGOC8TtjilH77vXF12VF2hXacqWhuTxBtE+U3AHkpbuZdeI65uPvJFDfNKGiNELJB3wlhGIYLsA9bhVWjHx38F2WbyisYSwVNYYeTkxRD8v49Q1iwhFZHZRUK3CpGmhv9YMqm5QmRzNIO4hxyoA9fIw/Zh+W5yQu7av8Y4DbZcf5PjnGj2ORZnssOC+Stsr1he+7LhgFjP3LQ02teI62XEdoPR8+0kTs1L9rS74AnDc/yCRjMGn7y8dATL7CbncbSZtjCZq1YcMkNbwydMGqtiY3oWxpqlrKcY+E/UKjcS6wDHmPnGcnjYBccu7YGQYGnYTgttNFb8sFludBrCAMhemic6nsYh04FD5ey9gc7i5mzKryimPTijH+mPqyHXrIdNxf7+mqwufk5TlRZ15+X/a6Xq3nnbqsFZkY5hiOS4wsyDXhANZ0iPHsIf/XF6AmBHcaYIMO6+Q4N/YZYO2X2q919szor6KVT/VfUeO2bQN5qZlpE9uYZnN+aTV3XDwa5D+0xhO2fDiRrgeApH/90g80Xkoj5GI2pvBo///7rpYEgNYy0c0iQ+kV2cGaY8TfT7mhJEVK1Hcax+HrFogcMe2y4SGpJYU4nMylD3zuYRz+xU8wVLtG67N7sx4zhgv8LmbNee7dpXPdl7fJS1JDtoGISQBBYgvka16pMnv57mcBy90D7TnKO2afOQMbaOrOv/3racUdKMiqbl8UZVOb6qcyz++qup0zT22QGfH5rKuxelmqupSUSa6YlX7zlZjQutvju8gQ4Q0LvzXUN+j3zZ0cVKW3UVNSd99WQ3CEph/E5Ne6XC4cBWheRFOYNjk6PIxd0e6yo2DZQH6Zzndh7mtfMDgZ6juYmfHsIGyw8cYVSz/obzXI/Y9DxrlfFlIEHNifEu9QQb4Acx0lZBQ//01kmEN7D6KjdjThaYThkBMNGv8mCLSV/1oMa/c2dkPz/IQVVdOXJp7u18p92m/apPCi1COHU9suy2xJpmZTnl608x/urcDTZ9a+G4XG3xW5QswVruHemiO9XPAYVwQGb8jJni3bpq3x8uVnZG0qTWfve/SaL2179gaAPYcZKEDnUA/Vrtr7pmmIMcTnkoxMRiTDlAzy157ml9nt08vFYv82J+Zlcdi/EWLhtkeeYLG6QtZ9824dF8D5vl9VrwNqSe1A8s7qr3xXwAzukvRkWRfcxa6Tv57TR7nJMF5YEpKK21x121JDSuTbLru59Lv3PHPkRT9BuBHTb97to11TOyTw++Uww/P5wF0A9OkTH7LIALJcP+zQfBeVokiC3Kd+Jx7TBGdXpENkVveERQsASfvuv//TeI0pTBeU0sij/XDpdT1QbaPOkadcdXtRCHGAnQutpdDcAQi9bP14igwq77v6L0DHd7t+rfxjD7CCOMvXQ3hwB95u95sBnqG3Sq07/gqH/EiJbacvD9E0bhqCwv/aYS31CnPzdaB3jbQ7hN9+WsMKf7LWahrs6LeobsPQJpOWDKML+0/3wIh7EDAkd6329oDB/ML+8+f7J+7nz3UxizKZb6EAiUfm2vERpbfO8UAp29IP8j8HI03fvLuu+ivffBhw69ifkpAu1rGlZUI9rtVJCq++hk5RAXXEzhWrX7rUJXmNjs0beAbAarjxvfpHtb/Af6U1m6ybUAjZNOY53ju19xUbxoocYCXPx5F2AIDdeT6BejDZ6nazGxYVG30lY0yDSdpCurWO4v3K6npeeP/EHBnFVtu9rKVFKun7p6z/xHv9T5rrwjCEiT7pf+9E/9aIv+pFLr01OvAiMnf+Ibl42pibZ4Do0bxoOhRODlRI08UoeaT9l01slAxoGh4kVChM7fTTG1aosEydqdX//Pchu0OGQ/pB70QnyaSpT1sSffRoLNebRPH3k7pGnKiHmKFZuvRJZUFEnlJljso9qzIrs3MiclUVhHgqA/liS2pEgUGukwenhqbtCk7Nfc1sJvwBgm5qh+1jwvFhe6/uB2pDBmW9OlofYBRaGMUMa6wOMwwnFjMsdF1cOiaw7M4iEok5G3afzc47EVRXqM/X1bGb2J9lGgp1eax6v6agOmHRrxNDCTZyPHVKB9xnEYDOIADBUYAI+AIEoDgCkBkUINZReA5uLM6vyJnUjq86qaGmNsKgzpK+S7dE/RmByQ0RRpc481Pt9Pm0pncp2PvAuMSgX7JBjyzRb2CGqBiyhljc48kF3Tyv/gY5bjWFGcMwbnKFZaAmhsNc2PPqkGGNC6oDsm30PHzUvNwIc4QSTw2uxXxuIKw7haviiF/fjtkV+7sV3Ok/Jds7S9W1jiKeOf7toU8+jNbYOhqDVTWNx8ICVmHtWea0s7D89VI12pKYMqhZllH94RXKXGV2doRZVQbgUmCOyFIqsyoPlJFHfrxHyBzqsGZK4eVRfAZvd38Jfym4jeEQe8Bu9O5YgyYQHxwewlZ7Zc6G+56cMdyjYIvNEPOoGQmdfP8/AyD3GZt7IzvphnQiJ/Ucwnq3ONtX77NVfMTwaW+o+3CbOZzCyy37dGb+Oyk7Mi5mCvPFlTSgkT6qPZsaWrjiALOWeaA1tLAdBYgLYaLt9xpGrMNprjSrC3O549wEe3h7OAh2k3MM5wg3ckw3KOyRt7uCK0V/3un5VA2FzXKrVflJzVWGzsIjyFE2RbUuGf2jegenwVitj2+f3bEt/ydSIJqKeiU+fQKC9dkmxooMsg/9ZesDjmErx/Cg9SXdh7wiw8QA3+en5n8PRq3/rqYYT+Lj2bv4mqb7uONYtzOfLKPHHMd9OrBam3+hX02aSQNCah2/z/8y9rVtX3CDmMXur7A3C0KZN2u+02cq8WPLr0U/0d/65cfw8CQjPtax7XNEtoASGcr4pOaGLuOcsUSAsyabQMg2OmNjd3yJi5gbIPEyV+vXvZHRNZ3ckJTUsFwTgIw2oGm178jZo3Uf+f+okw7OGqcOG2HXqPHwVPUpkA3qfvTbX1ruyXxWXv5MztEG4AFaf7ln5Ef/DdgGT3vO2xMzg7a/jQa++WlgaJ8XFAV59eX3hUJq/9JCAz99MxB9OyJl0X/OUYH6Cl2UNCMiMasIwaUyAADYrBDq1tilrHcE7wAAOcAhQ6TyzRywmE0WTSaJJFdO8o753dFJN9yXhoWmG0LDgp5lZf2Q8UNZ1g9B/jH+GipAGNQ0Vh87ecdE+n3pBt0dP90MCmm1rEiWlzfkhUNxJY+fqh3f/WKP/uxFaUUIiYKy+UeTg7YeRkKdeZ0UQiSB0pnbGUKIOu/pDEUOK3CqB5mjquZbtbEfAhRc9hHM3PlzZ0zbyhpDNSh5/H5zQlZ9xkr9ycxKaG44ksDOMFcrWqsUmWZ2wpGNV/zPhZ4POx96LiS5E8B7DV3iK47ZgwLEh2sRp74NeNFq31fUoGzJC5JQxbHUUuSVNPGv/uOpj4u2t9pxxj/AJSVGGXZMck6JT9PTcXz9PXxp+jmYQoVaK5WPkp5Rg9Hvve7uWPWfP0WyerVnC2yZDbysdbs9J/jHeBx4wIO9NnsQ1nsKDdPTQEmVj1sKviIMX/w7tueeAgsxEfDq5wa8DWGe9sPFWcEUHvejr7oofQY7M37j89K6HTUxDlL61PuB3PQu7FyQ78OD3tVg3t6XuAu3a63EAbsDL3L7XD1OWCBVRG5ORHl2HK4HqOC69KYqUfANnUCdK8bV+4lRdiju5rmD8pwMlpP16YFBmidUzsBXbCbfXZbz1FJfD6vGqi6IiipQW0c1OEhQth+9961OXFwdXxkXVxlf/USDgwRl+yf3u2GiUbTRisCW0cDrLYEV1xfCUf5Ms4Owc+bTCc3OIwnsTHOVorVakcFddgPnfZsAT7yn/XBJZrAXj7O/71Ude69TvHtzqA8PtP+sYml9g39xZrFuyckltVF1N7uX5NeNOEmdf/75seScyXWSp5bUPA8YSK7Rkziz3F+4sxwf7hRXHFvnATd2UJanPxbR8/xrmtp3+85RjG7qzm0n6szPd1INfRcvtD3OMa+8RxC0eAMEpcbklkcf6xo/n/wYWzZK7iSzryzNiQ7Dt6WdxpFfyfVZvLzT2KMtzPcAGMCZCKgn+z8bMmGgd5xI4d8lyY+i5Jm8rnFbuD4EIiGZl03w9yYF+tCz5UQiwX9Ip4hiH/F7hx78tZF2asOh5UWScNPN1N9cfzw96D+00Q2iIVhm3TTly+87/J2MVE8kevuQ5MH+FBIpkJRF4NC4xHAfHkogayuzvSW72OQi6hRakQsaUmJ+/Z/giFy/pd40hUuKlh/acMpI+zqY/o7fEbYiSjfkTyAS5dl0n0CStz8hm5dMIBJ8uC3cayavTzuH/A8e/+nEFJVcxN4lyfau1JIJKM8nnMilcQhZpEASieIfLCf5eBOJ9aTvZIf7+L5Tm6wyGIoG/6/6j0aEvVLTW9r0aRSRwsVEAQpooJOCibPueHoKdQrBcQ7+xIxgPM/u/gtPl8t7mCKxQIVVt+QgOKnmWEsglzJsN5ta6nJSz2J2e2rBsBIdhHeRvhM4hEtj2VZmsjXktQ+cPz0DBp0HDN92OMF0CPdHMBdwTXhdXrC9Pkvu/rkDA5hSeLly+5IsUwr9RL1y2nuYEsg91lKT1HqrCiqUWCjDYMB4Qq1UBucDmzv1CXL6+696SJe8+1I/Rj/njT0K3SikSxW236MO/B76R6i/ZXWlO0uT5oeGfF0Yz3tN+RoPJDpqB2eM2MeS+Nj5Kut5WOi0bOLj/BFJoflJH+vKNJfHA2y6tvb0wzCbkbIjdX0Eh0PZ1B2UdaGCzeILNU9a5ItLy39e1Ufbg0CXC1jIiH0EairIrvbQnPaHlL766P/DwaG9ZzkTYROcb8f/JZeft4187v/X8EQ4XuSA8LM/7Ptsvo0fDZ7Fxti9zNPMXvbYtAv1YlKYXqjm6aykQFb0sQZXMutsEBiFmUMAkNuQn98Z3rAYHqzT+UxWWDH9zM+B6Bz3bWqkmh/Cnlp+mkEtx8nibhqCPOiCV9LDw3g7rh0HtuzDfkKKvtaRkdm5/fKCQgrMgK9Q5Fn128PzjjKvRZmIK3yAu34xgg7C9E385kpu1AFov9/9knWW9eVdd98dxt7TMvjvZY49bupDnAZDxntXNThympf4RMpeF/pOONFF7V1I/zmVfaUW54pkXBM8rx4eLZo+tATpd+VSVoOkXtIpccJnEkhWslcX0UoKJ9EL6t1FtgLPZOj+qgXYdUtC2xcfWMF+/qrPN2VXv/TE4tvvG+2XHUPX47PKwisUzYtrNAuiMSte0liqyAvLydayF3ntvL4sLyY7sLBjsFJ29/mQXjRzDlwkW0kJlCJ7d5F268syUbSaVS9pkDglneAMMK1MNtSnaObOBbOQvOLI1QOibM9URvOqjOYpz+xc7uvx8+p/gOg5019lLE6XbgE0ZM3DF37tcaIF3/8Rkpr95b5tGYmtDIMwXWgVWoYSJpL5BvaP7F1Bu9X4ri8vNgNPjvd4GZRd6IaKDWiXEn169MnFvK5/jf92vQDqHHzNYivMXqIX1z9ijVZi9EU/cr+ExAW7wyq2TS00aoqSVqt71Bbi19+FU4dywnbrKh1N9rlbjheXrgZtz0e+bV5tGXsa/PWfMIlMJgaXUb3FjNAsTmIY2Rsh6WJYuT4957wpJej/HVGrp7yTCle6vmPZwH97C1rfFq8vbDs8kfUB420UoPSWgrb3P8++o/uBpCGGkzQkMkzUE4VEDZFTEeSO4v3U9hrVHcGOMiqB/o0gUXWz1i0GVBAZYc4+BtRluapol8xuM6X4dcBz9qhf6zfYVUKVNvauY1PnRN9Lf+8z1ZOPqn6faa9LC1PXtc/8XvVosvqMt//LvhtOliprl+WUBneq46zTc/klKxBJbG6R0qYaR0BI3+YSRPH7d9+hxoCM3OW86SzP7UH/p5+Kzr+iA0Pf9noxOUP6/Zvoh0NRQw+jv/mdNDP5wuvt0MDov2zURyPDLtw1EVCvvRnlCsyAwr8zM8PIsWMO1zSOtyvgCibs97cNSPSpcTXGrdw3dZmZb1TGTeoF2znb9LxvKmP6M19/NL7J2WqMrYlNhkBcTQF5X5Tz17yINLlRUCQ3KrNVR5+H7CMXxGuoHhhs3QHPcT3wDrCd+ozroe7YBnu4c/C2bTAD1H0cvSP9/VMRWVkRyrL68qQb2WtLT4enk1Kwp/7Z136NI+3/WO7OUKxbn76Tr+uIX+BL++Tr/L7u+P1+lmEtFbGlGk1pbEVLs6Y8utgWkzZvJHSASn7aunxWyRW1fElKy05UU1rGK2PJ299uKoupCFMAIlY7NVGPHdaJa7pk/Od0mLaiNHadbkdNo8y4NH1p8zoQl19+WYj8CCLmd5wOb/E7UHqKYCQ8lMkeGgmEU6WbiS3hpzvmR3grvjb15Evkugpky6O+YjdhIb9IWPKVXvuJTvNAWMy3EFpehlY/8KrQySVglaSZ5gU06eAqI+6/PuEg5fQxGHpxgu9hfwktD77JilR8NSd5yhxzjI1XngYi/bq+3nVRVqBkaK82/uwXZQNKRuzlLv5OH/jr76avwoA1je/4mNel/d/Hwet41r7TeWuJdeDqoc7fsSsvXwBrPyme2sP+7wl4EUlCoyje7pi49Yspq39jrbfJBuVybcxvi7fEHZo9N2VSpYbZ/Ar9cshFlFS/goD/d3gV0CBN+QRpa+gKly1r+mIRX1z3QS7IyFgWtI3SrTEV1mTkd4dvofw/kVEW0W/UA+g+KZ2y0iTtufzGxt3zaQw/dcbVJ5uuxG3xu12Vdkx+a809ZXbMw3/Ey59/llp4r+J6Tgo3K7BcUKPeUklimCVVhB+PiidXf9tpZ57OB0ObAcPAgL85BSBI4idsz/Eiet/zn/KFJCI+vfAn3yn/+75zYvYa/vw9XwDht8wS8XxyYcTospAFjmUg/qSe+HJde8fn/gWc/HO5nDz2vTRdf887/Wh/StqrXKEtT+Tp4y8KWNTU1jy8iNcmKCgQVP+mp9SxZCpfomBPF0bcbg7JcywDCZf1xJed9o7P/Qr888/lcXLZT3W6/gAW2lUV7b0h6aSf/hNQ++DRRkZr0dk9FfppKUUjvlCTaiKPogau4ebO2ibQGLcT3H3r+AGoV9w/WJS/rOtU6aUtSMETf7Ogz2/zmOYvEhcwEl94U0ngf+LMB54eEiD2CNMb9BnI/7FpVUzYSnqm3TYpoQ2Pow4wAkqoCGDsI/AxG8XBGpWAVKAiAopBPDUCRQBAjo6BY+KQOMALvMZKjFS4Vfl4Fg4lon1bVUsMrrPVVDjkBabGxFC8z8VOApUYSFq78cwOAofGhC287dwPAh2kgWfM5le4RvAVZ1BRtB4ZIx2FnKmBFVJZH4HK+QMA9dSFNajUmPWklpWWrM40LJvirQbyvhYEiENhDWp47KEdRAMHpKE1yi5X5597K0sn27KN/qvUSQoA8LoXFEmtQlr4S9B/33lxEdAASHlEX2UAeAA4ssEU2vuBUGoQ8AH5RgBeoJnEUXsdSdA+bGRABaOkQPux+QIFlPGaCvygNwFR9kk++2AAKoMAGyQaAdBBGYnYdpAE7c1GBlxwnBRof2O+wAbmfqOCYGgx0AMHqANVYLF9WAvEoBosXfPtN4EasAi0gXoYbtwECO2RlBVJXrMAdIKq72BEUmhZVZdHxPYGoBDUgQawBLSAqvmiX4nzCaQ4oZgJG6irzI6f+HW8GKiBCkQBQPL8KKlVUalVk2jLYdH2mh1Sow0gGqRZzwKZDkmztRHGHDCh2VKbi36K9nCzmTNrROtUAJDgF3Z0NkQvXlyP/4wXPYQUvoHLw48B0Jj/TDuIB5F1u/qcharGSqtOZyzrpRFvdgEn6zJ8v8IQJeSfmAkQASJCJIgMUQ6C0nTDtGzH9bCw+fHHwYVABQjEwycgJCImISUTRC5YiFBhwikoRVCJFEUtmoZWjFhxMLh4CRIlSZYiFQAEgSFQGByBRKExWByeQCSRKVQanREAYrLYHC6PLxCKxBKpTK5QqtQarU5vMJrMFqvN7nC63B6vDwyBwuAIJAqNweLwBCKJTKHS6Awmi83h8vh5BgiEIrFEKpMrlKH7KkCt0er0BqPJbLHa7A6nyx2pC16fH4RgBMVwgqRohuV4fIFQJJZIZXKFUqXWaHV6g9FktlhtdofT5fZ4fX5AmFDGhVTaWEc6nywp93pjEF+esQ5zxc211BcU3l3bQP0GBbiXA9hus8PXPfpPvt/1UsJdwi78Tl+EZZdHSF5LWXfn9UtrpVXKz2s+r7YVnrwW8xpbb/wSFqSXK3Awx+QOKc7r3/lPJEr2Xmii9t5G2ae8M5IO04xIJQS/w45A+N84Fmmz9Li+XGsjTIsTub6fYtt9Yd4B26Qg/FWuYgAVVm1RGrZ2ghFOaM1HqG2ggDkAC3MgM7ZetybkcL+0Cv0LF9pmXtvKwDhNZU2FU60zdQ9z4TAbDQU4ge+Rw8WPrfMcmIbDVGsmnKbfXJLmYNMEB/eEiSOLwk23fQ05jLl4WY8Qray1Y/ntYG3ghSDGJtwJ78gyzMmCp2SCaIGUy4JVGKArttX27ahK8aupMlJooOHQIghimWEaG5WV/Co50Ja/kzCKBd2c1FxDSZBx6Bj1ELT4kDQUniGjmaczG2uPwk5g/khBQNZ+6cjQ92gO0xsqhbAEye+WcWLzFHc3KJPD1LXtYoG+KxgXLLjZTXwYOHp+h8XYhvQ4/cStuUeokLUtnMaiTazAWuS0DBUycA78yWCYoGR4ZZP2KIREy1oXHgicFMhx7Jgt3Hu9f73MZ5sLnTPXKknmT5aiwwTjEU7Vx6394kwYKFZZo99aJA6SnBTIQZcJgG2iOYEsA/LgjmzKES2ZorolhWDN4CQuJuRsFswnDcUAAZi2TRY7JPXJAYgZ+rwVJO3T4yAk0pyCAGwjaFvwZo0PWAJpnAVMR/IKkLFD3rrE4CXkkh7ZdmWq3JjRmQOLM4eFIcU3V4kDVT6REKckYXPGANSPBMWlNOQYjkIawhCXnuM5prZCQwfdXgqfZidhGfJpYOqTA/Y0500ZB4LQReO8YZ6mjq2e6QIdzdGLzR8ziEWSLVQd2NoiYGkRGaMXLCt0oq7fOWoCTc11KgkMttjj0jFJ6zIc7BafifCk0pZOhSbraAopcEpG4/kOwyNmF39Mt5ppTW7jRoB8WgPkOc51rC8oKZl62iKAamlu4DmuBkvCcCtjwcMLAlVzR32t10CwTyM6AbagGllb48gU5ACDzUmBCyJqxlxs8U4XAyTcTtjWMNGdH9GuwTBmjyI3YJFEgrovcQDR5kFZ0NMkmgTDZclc183uTcoBDNAaimIE2Cwu9OXklBGRkNvItMU7zXTlX5Zz/V8YIO2iK//xMnpu22WBNXRyG9vGQuJ0mGsc26/Aag5YQelZZs5Bi2ubsxHV/DzGXRt3P3KTOvQ4HG8aKpm9OyoHnIgzG/GkIEerHqEBaYCQ8UJPWbg8/vNFDyFvqkhIe6O6l0WordG9pHAAyyTWbhCGHCtBD7vDjzljqRT4+8E2POgLpACHDw+E5jqrtyanHw0AAA==) format("woff2"), url(//at.alicdn.com/t/c/font_2553510_ciljc7axaw7.woff?t=1705587463221) format("woff") } .van-icon__image { display: block; width: 1em; height: 1em; object-fit: contain } :root, :host { --van-skeleton-image-size: 96px; --van-skeleton-image-radius: 24px } .van-skeleton-image { display: -webkit-box; display: -webkit-flex; display: flex; width: var(--van-skeleton-image-size); height: var(--van-skeleton-image-size); -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; background: var(--van-active-color) } .van-skeleton-image--round { border-radius: var(--van-skeleton-image-radius) } .van-skeleton-image__icon { width: calc(var(--van-skeleton-image-size) / 2); height: calc(var(--van-skeleton-image-size) / 2); font-size: calc(var(--van-skeleton-image-size) / 2); color: var(--van-gray-5) } :root, :host { --van-rate-icon-size: 20px; --van-rate-icon-gutter: var(--van-padding-base); --van-rate-icon-void-color: var(--van-gray-5); --van-rate-icon-full-color: var(--van-danger-color); --van-rate-icon-disabled-color: var(--van-gray-5) } .van-rate { display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; cursor: pointer; -webkit-user-select: none; user-select: none; -webkit-flex-wrap: wrap; flex-wrap: wrap } .van-rate__item { position: relative } .van-rate__item:not(:last-child) { padding-right: var(--van-rate-icon-gutter) } .van-rate__icon { display: block; width: 1em; color: var(--van-rate-icon-void-color); font-size: var(--van-rate-icon-size) } .van-rate__icon--half { position: absolute; top: 0; left: 0; overflow: hidden; pointer-events: none } .van-rate__icon--full { color: var(--van-rate-icon-full-color) } .van-rate__icon--disabled { color: var(--van-rate-icon-disabled-color) } .van-rate--disabled { cursor: not-allowed } .van-rate--readonly { cursor: default } :root, :host { --van-notice-bar-height: 40px; --van-notice-bar-padding: 0 var(--van-padding-md); --van-notice-bar-wrapable-padding: var(--van-padding-xs) var(--van-padding-md); --van-notice-bar-text-color: var(--van-orange-dark); --van-notice-bar-font-size: var(--van-font-size-md); --van-notice-bar-line-height: 24px; --van-notice-bar-background: var(--van-orange-light); --van-notice-bar-icon-size: 16px; --van-notice-bar-icon-min-width: 24px } .van-notice-bar { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; height: var(--van-notice-bar-height); padding: var(--van-notice-bar-padding); color: var(--van-notice-bar-text-color); font-size: var(--van-notice-bar-font-size); line-height: var(--van-notice-bar-line-height); background: var(--van-notice-bar-background) } .van-notice-bar__left-icon, .van-notice-bar__right-icon { min-width: var(--van-notice-bar-icon-min-width); font-size: var(--van-notice-bar-icon-size) } .van-notice-bar__right-icon { text-align: right; cursor: pointer } .van-notice-bar__wrap { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; -webkit-box-align: center; -webkit-align-items: center; align-items: center; height: 100%; overflow: hidden } .van-notice-bar__content { position: absolute; white-space: nowrap; -webkit-transition-timing-function: linear; transition-timing-function: linear } .van-notice-bar__content.van-ellipsis { max-width: 100% } .van-notice-bar--wrapable { height: auto; padding: var(--van-notice-bar-wrapable-padding) } .van-notice-bar--wrapable .van-notice-bar__wrap { height: auto } .van-notice-bar--wrapable .van-notice-bar__content { position: relative; white-space: normal; word-wrap: break-word } :root, :host { --van-nav-bar-height: 46px; --van-nav-bar-background: var(--van-background-2); --van-nav-bar-arrow-size: 16px; --van-nav-bar-icon-color: var(--van-primary-color); --van-nav-bar-text-color: var(--van-primary-color); --van-nav-bar-title-font-size: var(--van-font-size-lg); --van-nav-bar-title-text-color: var(--van-text-color); --van-nav-bar-z-index: 1; --van-nav-bar-disabled-opacity: var(--van-disabled-opacity) } .van-nav-bar { position: relative; z-index: var(--van-nav-bar-z-index); line-height: var(--van-line-height-lg); text-align: center; background: var(--van-nav-bar-background); -webkit-user-select: none; user-select: none } .van-nav-bar--fixed { position: fixed; top: 0; left: 0; width: 100% } .van-nav-bar--safe-area-inset-top { padding-top: constant(safe-area-inset-top); padding-top: env(safe-area-inset-top) } .van-nav-bar .van-icon { color: var(--van-nav-bar-icon-color) } .van-nav-bar__content { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; height: var(--van-nav-bar-height) } .van-nav-bar__arrow { margin-right: var(--van-padding-base); font-size: var(--van-nav-bar-arrow-size) } .van-nav-bar__title { max-width: 60%; margin: 0 auto; color: var(--van-nav-bar-title-text-color); font-weight: var(--van-font-bold); font-size: var(--van-nav-bar-title-font-size) } .van-nav-bar__left, .van-nav-bar__right { position: absolute; top: 0; bottom: 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding: 0 var(--van-padding-md); font-size: var(--van-font-size-md) } .van-nav-bar__left--disabled, .van-nav-bar__right--disabled { cursor: not-allowed; opacity: var(--van-nav-bar-disabled-opacity) } .van-nav-bar__left { left: 0 } .van-nav-bar__right { right: 0 } .van-nav-bar__text { color: var(--van-nav-bar-text-color) } :root, :host { --van-floating-bubble-size: 48px; --van-floating-bubble-initial-gap: 24px; --van-floating-bubble-icon-size: 28px; --van-floating-bubble-background: var(--van-primary-color); --van-floating-bubble-color: var(--van-background-2); --van-floating-bubble-z-index: 999; --van-floating-bubble-border-radius: var(--van-radius-max) } .van-floating-bubble { position: fixed; left: 0; top: 0; right: var(--van-floating-bubble-initial-gap); bottom: var(--van-floating-bubble-initial-gap); width: var(--van-floating-bubble-size); height: var(--van-floating-bubble-size); box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; overflow: hidden; cursor: pointer; -webkit-user-select: none; user-select: none; touch-action: none; background: var(--van-floating-bubble-background); color: var(--van-floating-bubble-color); border-radius: var(--van-floating-bubble-border-radius); z-index: var(--van-floating-bubble-z-index); -webkit-transition: -webkit-transform var(--van-duration-base); transition: -webkit-transform var(--van-duration-base); transition: transform var(--van-duration-base); transition: transform var(--van-duration-base), -webkit-transform var(--van-duration-base) } .van-floating-bubble:active { opacity: .8 } .van-floating-bubble__icon { font-size: var(--van-floating-bubble-icon-size) } :root, :host { --van-image-placeholder-text-color: var(--van-text-color-2); --van-image-placeholder-font-size: var(--van-font-size-md); --van-image-placeholder-background: var(--van-background); --van-image-loading-icon-size: 32px; --van-image-loading-icon-color: var(--van-gray-4); --van-image-error-icon-size: 32px; --van-image-error-icon-color: var(--van-gray-4) } .van-image { position: relative; display: inline-block } .van-image--round { overflow: hidden; border-radius: var(--van-radius-max) } .van-image--round .van-image__img { border-radius: inherit } .van-image--block { display: block } .van-image__img, .van-image__error, .van-image__loading { display: block; width: 100%; height: 100% } .van-image__error, .van-image__loading { position: absolute; top: 0; left: 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; color: var(--van-image-placeholder-text-color); font-size: var(--van-image-placeholder-font-size); background: var(--van-image-placeholder-background) } .van-image__loading-icon { color: var(--van-image-loading-icon-color); font-size: var(--van-image-loading-icon-size) } .van-image__error-icon { color: var(--van-image-error-icon-color); font-size: var(--van-image-error-icon-size) } :root, :host { --van-back-top-size: 40px; --van-back-top-right: 30px; --van-back-top-bottom: 40px; --van-back-top-z-index: 100; --van-back-top-icon-size: 20px; --van-back-top-text-color: #fff; --van-back-top-background: var(--van-blue) } .van-back-top { position: fixed; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; width: var(--van-back-top-size); height: var(--van-back-top-size); right: var(--van-back-top-right); bottom: var(--van-back-top-bottom); z-index: var(--van-back-top-z-index); cursor: pointer; color: var(--van-back-top-text-color); border-radius: var(--van-radius-max); box-shadow: 0 .02667rem .10667rem #0000001f; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: var(--van-duration-base) cubic-bezier(.25, .8, .5, 1); transition: var(--van-duration-base) cubic-bezier(.25, .8, .5, 1); background-color: var(--van-back-top-background) } .van-back-top:active { opacity: var(--van-active-opacity) } .van-back-top__placeholder { display: none } .van-back-top--active { -webkit-transform: scale(1); transform: scale(1) } .van-back-top__icon { font-size: var(--van-back-top-icon-size); font-weight: var(--van-font-bold) } :root, :host { --van-tag-padding: 0 var(--van-padding-base); --van-tag-text-color: var(--van-white); --van-tag-font-size: var(--van-font-size-sm); --van-tag-radius: 2px; --van-tag-line-height: 16px; --van-tag-medium-padding: 2px 6px; --van-tag-large-padding: var(--van-padding-base) var(--van-padding-xs); --van-tag-large-radius: var(--van-radius-md); --van-tag-large-font-size: var(--van-font-size-md); --van-tag-round-radius: var(--van-radius-max); --van-tag-danger-color: var(--van-danger-color); --van-tag-primary-color: var(--van-primary-color); --van-tag-success-color: var(--van-success-color); --van-tag-warning-color: var(--van-warning-color); --van-tag-default-color: var(--van-gray-6); --van-tag-plain-background: var(--van-background-2) } .van-tag { position: relative; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding: var(--van-tag-padding); color: var(--van-tag-text-color); font-size: var(--van-tag-font-size); line-height: var(--van-tag-line-height); border-radius: var(--van-tag-radius) } .van-tag--default { background: var(--van-tag-default-color) } .van-tag--default.van-tag--plain { color: var(--van-tag-default-color) } .van-tag--danger { background: var(--van-tag-danger-color) } .van-tag--danger.van-tag--plain { color: var(--van-tag-danger-color) } .van-tag--primary { background: var(--van-tag-primary-color) } .van-tag--primary.van-tag--plain { color: var(--van-tag-primary-color) } .van-tag--success { background: var(--van-tag-success-color) } .van-tag--success.van-tag--plain { color: var(--van-tag-success-color) } .van-tag--warning { background: var(--van-tag-warning-color) } .van-tag--warning.van-tag--plain { color: var(--van-tag-warning-color) } .van-tag--plain { background: var(--van-tag-plain-background); border-color: currentColor } .van-tag--plain:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: .01333rem solid; border-color: inherit; border-radius: inherit; content: ""; pointer-events: none } .van-tag--medium { padding: var(--van-tag-medium-padding) } .van-tag--large { padding: var(--van-tag-large-padding); font-size: var(--van-tag-large-font-size); border-radius: var(--van-tag-large-radius) } .van-tag--mark { border-radius: 0 var(--van-tag-round-radius) var(--van-tag-round-radius) 0 } .van-tag--mark:after { display: block; width: .02667rem; content: "" } .van-tag--round { border-radius: var(--van-tag-round-radius) } .van-tag__close { margin-left: .02667rem } :root, :host { --van-card-padding: var(--van-padding-xs) var(--van-padding-md); --van-card-font-size: var(--van-font-size-sm); --van-card-text-color: var(--van-text-color); --van-card-background: var(--van-background); --van-card-thumb-size: 88px; --van-card-thumb-radius: var(--van-radius-lg); --van-card-title-line-height: 16px; --van-card-desc-color: var(--van-text-color-2); --van-card-desc-line-height: var(--van-line-height-md); --van-card-price-color: var(--van-text-color); --van-card-origin-price-color: var(--van-text-color-2); --van-card-num-color: var(--van-text-color-2); --van-card-origin-price-font-size: var(--van-font-size-xs); --van-card-price-font-size: var(--van-font-size-sm); --van-card-price-integer-font-size: var(--van-font-size-lg); --van-card-price-font: var(--van-price-font) } .van-card { position: relative; box-sizing: border-box; padding: var(--van-card-padding); color: var(--van-card-text-color); font-size: var(--van-card-font-size); background: var(--van-card-background) } .van-card:not(:first-child) { margin-top: var(--van-padding-xs) } .van-card__header { display: -webkit-box; display: -webkit-flex; display: flex } .van-card__thumb { position: relative; -webkit-box-flex: 0; -webkit-flex: none; flex: none; width: var(--van-card-thumb-size); height: var(--van-card-thumb-size); margin-right: var(--van-padding-xs) } .van-card__thumb img { border-radius: var(--van-card-thumb-radius) } .van-card__content { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; min-width: 0; min-height: var(--van-card-thumb-size) } .van-card__content--centered { -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .van-card__title, .van-card__desc { word-wrap: break-word } .van-card__title { max-height: .42667rem; font-weight: var(--van-font-bold); line-height: var(--van-card-title-line-height) } .van-card__desc { max-height: var(--van-card-desc-line-height); color: var(--van-card-desc-color); line-height: var(--van-card-desc-line-height) } .van-card__bottom { line-height: var(--van-line-height-md) } .van-card__price { display: inline-block; color: var(--van-card-price-color); font-weight: var(--van-font-bold); font-size: var(--van-card-price-font-size) } .van-card__price-integer { font-size: var(--van-card-price-integer-font-size); font-family: var(--van-card-price-font) } .van-card__price-decimal { font-family: var(--van-card-price-font) } .van-card__origin-price { display: inline-block; margin-left: .06667rem; color: var(--van-card-origin-price-color); font-size: var(--van-card-origin-price-font-size); text-decoration: line-through } .van-card__num { float: right; color: var(--van-card-num-color) } .van-card__tag { position: absolute; top: .02667rem; left: 0 } .van-card__footer { -webkit-box-flex: 0; -webkit-flex: none; flex: none; text-align: right } .van-card__footer .van-button { margin-left: .06667rem } :root, :host { --van-cell-font-size: var(--van-font-size-md); --van-cell-line-height: 24px; --van-cell-vertical-padding: 10px; --van-cell-horizontal-padding: var(--van-padding-md); --van-cell-text-color: var(--van-text-color); --van-cell-background: var(--van-background-2); --van-cell-border-color: var(--van-border-color); --van-cell-active-color: var(--van-active-color); --van-cell-required-color: var(--van-danger-color); --van-cell-label-color: var(--van-text-color-2); --van-cell-label-font-size: var(--van-font-size-sm); --van-cell-label-line-height: var(--van-line-height-sm); --van-cell-label-margin-top: var(--van-padding-base); --van-cell-value-color: var(--van-text-color-2); --van-cell-value-font-size: inherit; --van-cell-icon-size: 16px; --van-cell-right-icon-color: var(--van-gray-6); --van-cell-large-vertical-padding: var(--van-padding-sm); --van-cell-large-title-font-size: var(--van-font-size-lg); --van-cell-large-label-font-size: var(--van-font-size-md); --van-cell-large-value-font-size: inherit } .van-cell { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; box-sizing: border-box; width: 100%; padding: var(--van-cell-vertical-padding) var(--van-cell-horizontal-padding); overflow: hidden; color: var(--van-cell-text-color); font-size: var(--van-cell-font-size); line-height: var(--van-cell-line-height); background: var(--van-cell-background) } .van-cell:after { position: absolute; box-sizing: border-box; content: " "; pointer-events: none; right: var(--van-padding-md); bottom: 0; left: var(--van-padding-md); border-bottom: .01333rem solid var(--van-cell-border-color); -webkit-transform: scaleY(.5); transform: scaleY(.5) } .van-cell:last-child:after, .van-cell--borderless:after { display: none } .van-cell__label { margin-top: var(--van-cell-label-margin-top); color: var(--van-cell-label-color); font-size: var(--van-cell-label-font-size); line-height: var(--van-cell-label-line-height) } .van-cell__title, .van-cell__value { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1 } .van-cell__value { position: relative; overflow: hidden; color: var(--van-cell-value-color); font-size: var(--van-cell-value-font-size); text-align: right; vertical-align: middle; word-wrap: break-word } .van-cell__left-icon, .van-cell__right-icon { height: var(--van-cell-line-height); font-size: var(--van-cell-icon-size); line-height: var(--van-cell-line-height) } .van-cell__left-icon { margin-right: var(--van-padding-base) } .van-cell__right-icon { margin-left: var(--van-padding-base); color: var(--van-cell-right-icon-color) } .van-cell--clickable { cursor: pointer } .van-cell--clickable:active { background-color: var(--van-cell-active-color) } .van-cell--required { overflow: visible } .van-cell--required:before { position: absolute; left: var(--van-padding-xs); color: var(--van-cell-required-color); font-size: var(--van-cell-font-size); content: "*" } .van-cell--center { -webkit-box-align: center; -webkit-align-items: center; align-items: center } .van-cell--large { padding-top: var(--van-cell-large-vertical-padding); padding-bottom: var(--van-cell-large-vertical-padding) } .van-cell--large .van-cell__title { font-size: var(--van-cell-large-title-font-size) } .van-cell--large .van-cell__label { font-size: var(--van-cell-large-label-font-size) } .van-cell--large .van-cell__value { font-size: var(--van-cell-large-value-font-size) } :root, :host { --van-coupon-cell-selected-text-color: var(--van-text-color) } .van-coupon-cell__value--selected { color: var(--van-coupon-cell-selected-text-color) } :root, :host { --van-contact-card-padding: var(--van-padding-md); --van-contact-card-add-icon-size: 40px; --van-contact-card-add-icon-color: var(--van-primary-color); --van-contact-card-title-line-height: var(--van-line-height-md) } .van-contact-card { padding: var(--van-contact-card-padding) } .van-contact-card__title { margin-left: .06667rem; line-height: var(--van-contact-card-title-line-height) } .van-contact-card--add .van-contact-card__value { line-height: var(--van-contact-card-add-icon-size) } .van-contact-card--add .van-cell__left-icon { color: var(--van-contact-card-add-icon-color); font-size: var(--van-contact-card-add-icon-size) } .van-contact-card:before { position: absolute; right: 0; bottom: 0; left: 0; height: .02667rem; background: -webkit-repeating-linear-gradient(135deg, var(--van-warning-color) 0, var(--van-warning-color) 20%, transparent 0, transparent 25%, var(--van-primary-color) 0, var(--van-primary-color) 45%, transparent 0, transparent 50%); background: repeating-linear-gradient(-45deg, var(--van-warning-color) 0, var(--van-warning-color) 20%, transparent 0, transparent 25%, var(--van-primary-color) 0, var(--van-primary-color) 45%, transparent 0, transparent 50%); background-size: 1.06667rem; content: "" } :root, :host { --van-collapse-item-duration: var(--van-duration-base); --van-collapse-item-content-padding: var(--van-padding-sm) var(--van-padding-md); --van-collapse-item-content-font-size: var(--van-font-size-md); --van-collapse-item-content-line-height: 1.5; --van-collapse-item-content-text-color: var(--van-text-color-2); --van-collapse-item-content-background: var(--van-background-2); --van-collapse-item-title-disabled-color: var(--van-text-color-3) } .van-collapse-item { position: relative } .van-collapse-item--border:after { position: absolute; box-sizing: border-box; content: " "; pointer-events: none; top: 0; right: var(--van-padding-md); left: var(--van-padding-md); border-top: .01333rem solid var(--van-border-color); -webkit-transform: scaleY(.5); transform: scaleY(.5) } .van-collapse-item__title .van-cell__right-icon:before { -webkit-transform: rotate(90deg) translateZ(0); transform: rotate(90deg) translateZ(0); -webkit-transition: -webkit-transform var(--van-collapse-item-duration); transition: -webkit-transform var(--van-collapse-item-duration); transition: transform var(--van-collapse-item-duration); transition: transform var(--van-collapse-item-duration), -webkit-transform var(--van-collapse-item-duration) } .van-collapse-item__title:after { right: var(--van-padding-md); display: none } .van-collapse-item__title--expanded .van-cell__right-icon:before { -webkit-transform: rotate(-90deg); transform: rotate(-90deg) } .van-collapse-item__title--expanded:after { display: block } .van-collapse-item__title--borderless:after { display: none } .van-collapse-item__title--disabled { cursor: not-allowed } .van-collapse-item__title--disabled, .van-collapse-item__title--disabled .van-cell__right-icon { color: var(--van-collapse-item-title-disabled-color) } .van-collapse-item__wrapper { overflow: hidden; -webkit-transition: height var(--van-collapse-item-duration) ease-in-out; transition: height var(--van-collapse-item-duration) ease-in-out; will-change: height } .van-collapse-item__content { padding: var(--van-collapse-item-content-padding); color: var(--van-collapse-item-content-text-color); font-size: var(--van-collapse-item-content-font-size); line-height: var(--van-collapse-item-content-line-height); background: var(--van-collapse-item-content-background) } :root, :host { --van-field-label-width: 6.2em; --van-field-label-color: var(--van-text-color); --van-field-label-margin-right: var(--van-padding-sm); --van-field-input-text-color: var(--van-text-color); --van-field-input-error-text-color: var(--van-danger-color); --van-field-input-disabled-text-color: var(--van-text-color-3); --van-field-placeholder-text-color: var(--van-text-color-3); --van-field-icon-size: 18px; --van-field-clear-icon-size: 18px; --van-field-clear-icon-color: var(--van-gray-5); --van-field-right-icon-color: var(--van-gray-6); --van-field-error-message-color: var(--van-danger-color); --van-field-error-message-font-size: 12px; --van-field-text-area-min-height: 60px; --van-field-word-limit-color: var(--van-gray-7); --van-field-word-limit-font-size: var(--van-font-size-sm); --van-field-word-limit-line-height: 16px; --van-field-disabled-text-color: var(--van-text-color-3); --van-field-required-mark-color: var(--van-red) } .van-field { -webkit-flex-wrap: wrap; flex-wrap: wrap } .van-field__label { -webkit-box-flex: 0; -webkit-flex: none; flex: none; box-sizing: border-box; width: var(--van-field-label-width); margin-right: var(--van-field-label-margin-right); color: var(--van-field-label-color); text-align: left; word-wrap: break-word } .van-field__label--center { text-align: center } .van-field__label--right { text-align: right } .van-field__label--top { display: -webkit-box; display: -webkit-flex; display: flex; width: 100%; text-align: left; margin-bottom: var(--van-padding-base); overflow-wrap: break-word } .van-field__label--required:before { margin-right: .02667rem; color: var(--van-field-required-mark-color); content: "*" } .van-field--disabled .van-field__label { color: var(--van-field-disabled-text-color) } .van-field__value { overflow: visible } .van-field__body { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .van-field__control { display: block; box-sizing: border-box; width: 100%; min-width: 0; margin: 0; padding: 0; color: var(--van-field-input-text-color); line-height: inherit; text-align: left; background-color: transparent; border: 0; resize: none; -webkit-user-select: auto; user-select: auto } .van-field__control::-webkit-input-placeholder { color: var(--van-field-placeholder-text-color) } .van-field__control::placeholder { color: var(--van-field-placeholder-text-color) } .van-field__control:read-only { cursor: default } .van-field__control:disabled { color: var(--van-field-input-disabled-text-color); cursor: not-allowed; opacity: 1; -webkit-text-fill-color: var(--van-field-input-disabled-text-color) } .van-field__control--center { -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; text-align: center } .van-field__control--right { -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; text-align: right } .van-field__control--custom { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; min-height: var(--van-cell-line-height) } .van-field__control--error::-webkit-input-placeholder { color: var(--van-field-input-error-text-color); -webkit-text-fill-color: currentColor } .van-field__control--error, .van-field__control--error::placeholder { color: var(--van-field-input-error-text-color); -webkit-text-fill-color: currentColor } .van-field__control--min-height { min-height: var(--van-field-text-area-min-height) } .van-field__control[type=date], .van-field__control[type=time], .van-field__control[type=datetime-local] { min-height: var(--van-cell-line-height) } .van-field__control[type=search] { -webkit-appearance: none } .van-field__clear, .van-field__icon, .van-field__button, .van-field__right-icon { -webkit-flex-shrink: 0; flex-shrink: 0 } .van-field__clear, .van-field__right-icon { margin-right: calc(var(--van-padding-xs) * -1); padding: 0 var(--van-padding-xs); line-height: inherit } .van-field__clear { color: var(--van-field-clear-icon-color); font-size: var(--van-field-clear-icon-size); cursor: pointer } .van-field__left-icon .van-icon, .van-field__right-icon .van-icon { display: block; font-size: var(--van-field-icon-size); line-height: inherit } .van-field__left-icon { margin-right: var(--van-padding-base) } .van-field__right-icon { color: var(--van-field-right-icon-color) } .van-field__button { padding-left: var(--van-padding-xs) } .van-field__error-message { color: var(--van-field-error-message-color); font-size: var(--van-field-error-message-font-size); text-align: left } .van-field__error-message--center { text-align: center } .van-field__error-message--right { text-align: right } .van-field__word-limit { margin-top: var(--van-padding-base); color: var(--van-field-word-limit-color); font-size: var(--van-field-word-limit-font-size); line-height: var(--van-field-word-limit-line-height); text-align: right } :root, :host { --van-search-padding: 10px var(--van-padding-sm); --van-search-background: var(--van-background-2); --van-search-content-background: var(--van-background); --van-search-input-height: 34px; --van-search-label-padding: 0 5px; --van-search-label-color: var(--van-text-color); --van-search-label-font-size: var(--van-font-size-md); --van-search-left-icon-color: var(--van-gray-6); --van-search-action-padding: 0 var(--van-padding-xs); --van-search-action-text-color: var(--van-text-color); --van-search-action-font-size: var(--van-font-size-md) } .van-search { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; box-sizing: border-box; padding: var(--van-search-padding); background: var(--van-search-background) } .van-search__content { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; padding-left: var(--van-padding-sm); background: var(--van-search-content-background); border-radius: var(--van-radius-sm) } .van-search__content--round { border-radius: var(--van-radius-max) } .van-search__label { padding: var(--van-search-label-padding); color: var(--van-search-label-color); font-size: var(--van-search-label-font-size); line-height: var(--van-search-input-height) } .van-search__field { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding: 0 var(--van-padding-xs) 0 0; height: var(--van-search-input-height); background-color: transparent } .van-search__field .van-field__left-icon { color: var(--van-search-left-icon-color) } .van-search__field--with-message { height: auto; -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start; padding-top: .06667rem; padding-bottom: .06667rem } .van-search--show-action { padding-right: 0 } .van-search input::-webkit-search-decoration, .van-search input::-webkit-search-cancel-button, .van-search input::-webkit-search-results-button, .van-search input::-webkit-search-results-decoration { display: none } .van-search__action { padding: var(--van-search-action-padding); color: var(--van-search-action-text-color); font-size: var(--van-search-action-font-size); line-height: var(--van-search-input-height); cursor: pointer; -webkit-user-select: none; user-select: none } .van-search__action:active { background-color: var(--van-active-color) } :root, :host { --van-action-bar-icon-width: 48px; --van-action-bar-icon-height: 100%; --van-action-bar-icon-color: var(--van-text-color); --van-action-bar-icon-size: 18px; --van-action-bar-icon-font-size: var(--van-font-size-xs); --van-action-bar-icon-active-color: var(--van-active-color); --van-action-bar-icon-text-color: var(--van-text-color); --van-action-bar-icon-background: var(--van-background-2) } .van-action-bar-icon { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; min-width: var(--van-action-bar-icon-width); height: var(--van-action-bar-icon-height); color: var(--van-action-bar-icon-text-color); font-size: var(--van-action-bar-icon-font-size); line-height: 1; text-align: center; background: var(--van-action-bar-icon-background); cursor: pointer } .van-action-bar-icon:active { background-color: var(--van-action-bar-icon-active-color) } .van-action-bar-icon__icon { margin: 0 auto var(--van-padding-base); color: var(--van-action-bar-icon-color); font-size: var(--van-action-bar-icon-size) } :root, :host { --van-loading-text-color: var(--van-text-color-2); --van-loading-text-font-size: var(--van-font-size-md); --van-loading-spinner-color: var(--van-gray-5); --van-loading-spinner-size: 30px; --van-loading-spinner-duration: .8s } .van-loading { position: relative; color: var(--van-loading-spinner-color); font-size: 0; vertical-align: middle } .van-loading__spinner { position: relative; display: inline-block; width: var(--van-loading-spinner-size); max-width: 100%; height: var(--van-loading-spinner-size); max-height: 100%; vertical-align: middle; -webkit-animation: van-rotate var(--van-loading-spinner-duration) linear infinite; animation: van-rotate var(--van-loading-spinner-duration) linear infinite } .van-loading__spinner--spinner { -webkit-animation-timing-function: steps(12); animation-timing-function: steps(12) } .van-loading__spinner--circular { -webkit-animation-duration: 2s; animation-duration: 2s } .van-loading__line { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .van-loading__line:before { display: block; width: .02667rem; height: 25%; margin: 0 auto; background-color: currentColor; border-radius: 40%; content: " " } .van-loading__circular { display: block; width: 100%; height: 100% } .van-loading__circular circle { -webkit-animation: van-circular 1.5s ease-in-out infinite; animation: van-circular 1.5s ease-in-out infinite; stroke: currentColor; stroke-width: 3; stroke-linecap: round } .van-loading__text { display: inline-block; margin-left: var(--van-padding-xs); color: var(--van-loading-text-color); font-size: var(--van-loading-text-font-size); vertical-align: middle } .van-loading--vertical { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .van-loading--vertical .van-loading__text { margin: var(--van-padding-xs) 0 0 } @-webkit-keyframes van-circular { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0 } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -40 } to { stroke-dasharray: 90, 150; stroke-dashoffset: -120 } } @keyframes van-circular { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0 } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -40 } to { stroke-dasharray: 90, 150; stroke-dashoffset: -120 } } .van-loading__line--1 { -webkit-transform: rotate(30deg); transform: rotate(30deg); opacity: 1 } .van-loading__line--2 { -webkit-transform: rotate(60deg); transform: rotate(60deg); opacity: .9375 } .van-loading__line--3 { -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: .875 } .van-loading__line--4 { -webkit-transform: rotate(120deg); transform: rotate(120deg); opacity: .8125 } .van-loading__line--5 { -webkit-transform: rotate(150deg); transform: rotate(150deg); opacity: .75 } .van-loading__line--6 { -webkit-transform: rotate(180deg); transform: rotate(180deg); opacity: .6875 } .van-loading__line--7 { -webkit-transform: rotate(210deg); transform: rotate(210deg); opacity: .625 } .van-loading__line--8 { -webkit-transform: rotate(240deg); transform: rotate(240deg); opacity: .5625 } .van-loading__line--9 { -webkit-transform: rotate(270deg); transform: rotate(270deg); opacity: .5 } .van-loading__line--10 { -webkit-transform: rotate(300deg); transform: rotate(300deg); opacity: .4375 } .van-loading__line--11 { -webkit-transform: rotate(330deg); transform: rotate(330deg); opacity: .375 } .van-loading__line--12 { -webkit-transform: rotate(360deg); transform: rotate(360deg); opacity: .3125 } :root, :host { --van-pull-refresh-head-height: 50px; --van-pull-refresh-head-font-size: var(--van-font-size-md); --van-pull-refresh-head-text-color: var(--van-text-color-2); --van-pull-refresh-loading-icon-size: 16px } .van-pull-refresh { overflow: hidden } .van-pull-refresh__track { position: relative; height: 100%; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform } .van-pull-refresh__head { position: absolute; left: 0; width: 100%; height: var(--van-pull-refresh-head-height); overflow: hidden; color: var(--van-pull-refresh-head-text-color); font-size: var(--van-pull-refresh-head-font-size); line-height: var(--van-pull-refresh-head-height); text-align: center; -webkit-transform: translateY(-100%); transform: translateY(-100%) } .van-pull-refresh__loading .van-loading__spinner { width: var(--van-pull-refresh-loading-icon-size); height: var(--van-pull-refresh-loading-icon-size) } :root, :host { --van-number-keyboard-background: var(--van-gray-2); --van-number-keyboard-key-height: 48px; --van-number-keyboard-key-font-size: 28px; --van-number-keyboard-key-active-color: var(--van-gray-3); --van-number-keyboard-key-background: var(--van-background-2); --van-number-keyboard-delete-font-size: var(--van-font-size-lg); --van-number-keyboard-title-color: var(--van-gray-7); --van-number-keyboard-title-height: 34px; --van-number-keyboard-title-font-size: var(--van-font-size-lg); --van-number-keyboard-close-padding: 0 var(--van-padding-md); --van-number-keyboard-close-color: var(--van-primary-color); --van-number-keyboard-close-font-size: var(--van-font-size-md); --van-number-keyboard-button-text-color: var(--van-white); --van-number-keyboard-button-background: var(--van-primary-color); --van-number-keyboard-z-index: 100 } .van-theme-dark { --van-number-keyboard-background: var(--van-gray-8); --van-number-keyboard-key-background: var(--van-gray-7); --van-number-keyboard-key-active-color: var(--van-gray-6) } .van-number-keyboard { position: fixed; bottom: 0; left: 0; z-index: var(--van-number-keyboard-z-index); width: 100%; padding-bottom: .29333rem; background: var(--van-number-keyboard-background); -webkit-user-select: none; user-select: none } .van-number-keyboard--with-title { border-radius: .26667rem .26667rem 0 0 } .van-number-keyboard__header { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; box-sizing: content-box; height: var(--van-number-keyboard-title-height); padding-top: .08rem; color: var(--van-number-keyboard-title-color); font-size: var(--van-number-keyboard-title-font-size) } .van-number-keyboard__title { display: inline-block; font-weight: 400 } .van-number-keyboard__title-left { position: absolute; left: 0 } .van-number-keyboard__body { display: -webkit-box; display: -webkit-flex; display: flex; padding: .08rem 0 0 .08rem } .van-number-keyboard__keys { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-flex: 3; -webkit-flex: 3; flex: 3; -webkit-flex-wrap: wrap; flex-wrap: wrap } .van-number-keyboard__close { position: absolute; right: 0; height: 100%; padding: var(--van-number-keyboard-close-padding); color: var(--van-number-keyboard-close-color); font-size: var(--van-number-keyboard-close-font-size); background-color: transparent; border: none } .van-number-keyboard__sidebar { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column } .van-number-keyboard--unfit { padding-bottom: 0 } .van-key { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; height: var(--van-number-keyboard-key-height); font-size: var(--van-number-keyboard-key-font-size); line-height: 1.5; background: var(--van-number-keyboard-key-background); border-radius: var(--van-radius-lg); cursor: pointer } .van-key--large { position: absolute; top: 0; right: .08rem; bottom: .08rem; left: 0; height: auto } .van-key--blue, .van-key--delete { font-size: var(--van-number-keyboard-delete-font-size) } .van-key--active { background-color: var(--van-number-keyboard-key-active-color) } .van-key--blue { color: var(--van-number-keyboard-button-text-color); background: var(--van-number-keyboard-button-background) } .van-key--blue.van-key--active { opacity: var(--van-active-opacity) } .van-key__wrapper { position: relative; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; -webkit-flex-basis: 33%; flex-basis: 33%; box-sizing: border-box; padding: 0 .08rem .08rem 0 } .van-key__wrapper--wider { -webkit-flex-basis: 66%; flex-basis: 66% } .van-key__delete-icon { width: .42667rem; height: .29333rem } .van-key__collapse-icon { width: .4rem; height: .32rem } .van-key__loading-icon { color: var(--van-number-keyboard-button-text-color) } :root, :host { --van-list-text-color: var(--van-text-color-2); --van-list-text-font-size: var(--van-font-size-md); --van-list-text-line-height: 50px; --van-list-loading-icon-size: 16px } .van-list__loading, .van-list__finished-text, .van-list__error-text { color: var(--van-list-text-color); font-size: var(--van-list-text-font-size); line-height: var(--van-list-text-line-height); text-align: center } .van-list__placeholder { height: 0; pointer-events: none } .van-list__loading-icon .van-loading__spinner { width: var(--van-list-loading-icon-size); height: var(--van-list-loading-icon-size) } :root, :host { --van-switch-size: 26px; --van-switch-width: calc(1.8em + 4px); --van-switch-height: calc(1em + 4px); --van-switch-node-size: 1em; --van-switch-node-background: var(--van-white); --van-switch-node-shadow: 0 3px 1px 0 rgba(0, 0, 0, .05); --van-switch-background: rgba(120, 120, 128, .16); --van-switch-on-background: var(--van-primary-color); --van-switch-duration: var(--van-duration-base); --van-switch-disabled-opacity: var(--van-disabled-opacity) } .van-theme-dark { --van-switch-background: rgba(120, 120, 128, .32) } .van-switch { position: relative; display: inline-block; box-sizing: content-box; width: var(--van-switch-width); height: var(--van-switch-height); font-size: var(--van-switch-size); background: var(--van-switch-background); border-radius: var(--van-switch-node-size); cursor: pointer; -webkit-transition: background-color var(--van-switch-duration); transition: background-color var(--van-switch-duration) } .van-switch__node { position: absolute; top: .02667rem; left: .02667rem; width: var(--van-switch-node-size); height: var(--van-switch-node-size); font-size: inherit; background: var(--van-switch-node-background); border-radius: 100%; box-shadow: var(--van-switch-node-shadow); -webkit-transition: -webkit-transform var(--van-switch-duration) cubic-bezier(.3, 1.05, .4, 1.05); transition: -webkit-transform var(--van-switch-duration) cubic-bezier(.3, 1.05, .4, 1.05); transition: transform var(--van-switch-duration) cubic-bezier(.3, 1.05, .4, 1.05); transition: transform var(--van-switch-duration) cubic-bezier(.3, 1.05, .4, 1.05), -webkit-transform var(--van-switch-duration) cubic-bezier(.3, 1.05, .4, 1.05) } .van-switch__loading { top: 25%; left: 25%; width: 50%; height: 50%; line-height: 1 } .van-switch--on { background: var(--van-switch-on-background) } .van-switch--on .van-switch__node { -webkit-transform: translate(calc(var(--van-switch-width) - var(--van-switch-node-size) - .05333rem)); transform: translate(calc(var(--van-switch-width) - var(--van-switch-node-size) - .05333rem)) } .van-switch--on .van-switch__loading { color: var(--van-switch-on-background) } .van-switch--disabled { cursor: not-allowed; opacity: var(--van-switch-disabled-opacity) } .van-switch--loading { cursor: default } :root, :host { --van-button-mini-height: 24px; --van-button-mini-padding: 0 var(--van-padding-base); --van-button-mini-font-size: var(--van-font-size-xs); --van-button-small-height: 32px; --van-button-small-padding: 0 var(--van-padding-xs); --van-button-small-font-size: var(--van-font-size-sm); --van-button-normal-padding: 0 15px; --van-button-normal-font-size: var(--van-font-size-md); --van-button-large-height: 50px; --van-button-default-height: 44px; --van-button-default-line-height: 1.2; --van-button-default-font-size: var(--van-font-size-lg); --van-button-default-color: var(--van-text-color); --van-button-default-background: var(--van-background-2); --van-button-default-border-color: var(--van-gray-4); --van-button-primary-color: var(--van-white); --van-button-primary-background: var(--van-primary-color); --van-button-primary-border-color: var(--van-primary-color); --van-button-success-color: var(--van-white); --van-button-success-background: var(--van-success-color); --van-button-success-border-color: var(--van-success-color); --van-button-danger-color: var(--van-white); --van-button-danger-background: var(--van-danger-color); --van-button-danger-border-color: var(--van-danger-color); --van-button-warning-color: var(--van-white); --van-button-warning-background: var(--van-warning-color); --van-button-warning-border-color: var(--van-warning-color); --van-button-border-width: var(--van-border-width); --van-button-radius: var(--van-radius-md); --van-button-round-radius: var(--van-radius-max); --van-button-plain-background: var(--van-white); --van-button-disabled-opacity: var(--van-disabled-opacity); --van-button-icon-size: 1.2em; --van-button-loading-icon-size: 20px } .van-theme-dark { --van-button-plain-background: transparent } .van-button { position: relative; display: inline-block; box-sizing: border-box; height: var(--van-button-default-height); margin: 0; padding: 0; font-size: var(--van-button-default-font-size); line-height: var(--van-button-default-line-height); text-align: center; border-radius: var(--van-button-radius); cursor: pointer; -webkit-transition: opacity var(--van-duration-fast); transition: opacity var(--van-duration-fast); -webkit-appearance: none; -webkit-font-smoothing: auto } .van-button:before { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; background: var(--van-black); border: inherit; border-color: var(--van-black); border-radius: inherit; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; content: " " } .van-button:active:before { opacity: .1 } .van-button--loading:before, .van-button--disabled:before { display: none } .van-button--default { color: var(--van-button-default-color); background: var(--van-button-default-background); border: var(--van-button-border-width) solid var(--van-button-default-border-color) } .van-button--primary { color: var(--van-button-primary-color); background: var(--van-button-primary-background); border: var(--van-button-border-width) solid var(--van-button-primary-border-color) } .van-button--success { color: var(--van-button-success-color); background: var(--van-button-success-background); border: var(--van-button-border-width) solid var(--van-button-success-border-color) } .van-button--danger { color: var(--van-button-danger-color); background: var(--van-button-danger-background); border: var(--van-button-border-width) solid var(--van-button-danger-border-color) } .van-button--warning { color: var(--van-button-warning-color); background: var(--van-button-warning-background); border: var(--van-button-border-width) solid var(--van-button-warning-border-color) } .van-button--plain { background: var(--van-button-plain-background) } .van-button--plain.van-button--primary { color: var(--van-button-primary-background) } .van-button--plain.van-button--success { color: var(--van-button-success-background) } .van-button--plain.van-button--danger { color: var(--van-button-danger-background) } .van-button--plain.van-button--warning { color: var(--van-button-warning-background) } .van-button--large { width: 100%; height: var(--van-button-large-height) } .van-button--normal { padding: var(--van-button-normal-padding); font-size: var(--van-button-normal-font-size) } .van-button--small { height: var(--van-button-small-height); padding: var(--van-button-small-padding); font-size: var(--van-button-small-font-size) } .van-button__loading { color: inherit; font-size: inherit } .van-button__loading .van-loading__spinner { color: currentColor; width: var(--van-button-loading-icon-size); height: var(--van-button-loading-icon-size) } .van-button--mini { height: var(--van-button-mini-height); padding: var(--van-button-mini-padding); font-size: var(--van-button-mini-font-size) } .van-button--mini+.van-button--mini { margin-left: var(--van-padding-base) } .van-button--block { display: block; width: 100% } .van-button--disabled { cursor: not-allowed; opacity: var(--van-button-disabled-opacity) } .van-button--loading { cursor: default } .van-button--round { border-radius: var(--van-button-round-radius) } .van-button--square { border-radius: 0 } .van-button__content { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; height: 100% } .van-button__content:before { content: " " } .van-button__icon { font-size: var(--van-button-icon-size); line-height: inherit } .van-button__icon+.van-button__text, .van-button__loading+.van-button__text, .van-button__text+.van-button__icon, .van-button__text+.van-button__loading { margin-left: var(--van-padding-base) } .van-button--hairline { border-width: 0 } .van-button--hairline:after { border-color: inherit; border-radius: calc(var(--van-button-radius) * 2) } .van-button--hairline.van-button--round:after { border-radius: var(--van-button-round-radius) } .van-button--hairline.van-button--square:after { border-radius: 0 } :root, :host { --van-submit-bar-height: 50px; --van-submit-bar-z-index: 100; --van-submit-bar-background: var(--van-background-2); --van-submit-bar-button-width: 110px; --van-submit-bar-price-color: var(--van-danger-color); --van-submit-bar-price-font-size: var(--van-font-size-sm); --van-submit-bar-price-integer-font-size: 20px; --van-submit-bar-price-font: var(--van-price-font); --van-submit-bar-text-color: var(--van-text-color); --van-submit-bar-text-font-size: var(--van-font-size-md); --van-submit-bar-tip-padding: var(--van-padding-xs) var(--van-padding-sm); --van-submit-bar-tip-font-size: var(--van-font-size-sm); --van-submit-bar-tip-line-height: 1.5; --van-submit-bar-tip-color: var(--van-orange-dark); --van-submit-bar-tip-background: var(--van-orange-light); --van-submit-bar-tip-icon-size: 12px; --van-submit-bar-button-height: 40px; --van-submit-bar-padding: 0 var(--van-padding-md) } .van-submit-bar { position: fixed; bottom: 0; left: 0; z-index: var(--van-submit-bar-z-index); width: 100%; background: var(--van-submit-bar-background); -webkit-user-select: none; user-select: none } .van-submit-bar__tip { padding: var(--van-submit-bar-tip-padding); color: var(--van-submit-bar-tip-color); font-size: var(--van-submit-bar-tip-font-size); line-height: var(--van-submit-bar-tip-line-height); background: var(--van-submit-bar-tip-background) } .van-submit-bar__tip-icon { margin-right: var(--van-padding-base); font-size: var(--van-submit-bar-tip-icon-size); vertical-align: middle } .van-submit-bar__tip-text { vertical-align: middle } .van-submit-bar__bar { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; height: var(--van-submit-bar-height); padding: var(--van-submit-bar-padding); font-size: var(--van-submit-bar-text-font-size) } .van-submit-bar__text { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; padding-right: var(--van-padding-sm); color: var(--van-submit-bar-text-color); text-align: right } .van-submit-bar__text span { display: inline-block } .van-submit-bar__suffix-label { margin-left: var(--van-padding-base); font-weight: var(--van-font-bold) } .van-submit-bar__price { color: var(--van-submit-bar-price-color); font-weight: var(--van-font-bold); font-size: var(--van-submit-bar-price-font-size); margin-left: var(--van-padding-base) } .van-submit-bar__price-integer { font-size: var(--van-submit-bar-price-integer-font-size); font-family: var(--van-submit-bar-price-font) } .van-submit-bar__button { width: var(--van-submit-bar-button-width); height: var(--van-submit-bar-button-height); font-weight: var(--van-font-bold); border: none } .van-submit-bar__button--danger { background: var(--van-gradient-red) } :root, :host { --van-signature-padding: var(--van-padding-xs); --van-signature-content-height: 200px; --van-signature-content-background: var(--van-background-2); --van-signature-content-border: 1px dotted #dadada } .van-signature { padding: var(--van-signature-padding) } .van-signature__content { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; height: var(--van-signature-content-height); background-color: var(--van-signature-content-background); border: var(--van-signature-content-border); border-radius: var(--van-radius-lg); overflow: hidden } .van-signature__content canvas { width: 100%; height: 100% } .van-signature__footer { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end } .van-signature__footer .van-button { padding: 0 var(--van-padding-md); margin-top: var(--van-padding-xs); margin-left: var(--van-padding-xs) } :root, :host { --van-contact-edit-padding: var(--van-padding-md); --van-contact-edit-fields-radius: var(--van-radius-md); --van-contact-edit-buttons-padding: var(--van-padding-xl) 0; --van-contact-edit-button-margin-bottom: var(--van-padding-sm); --van-contact-edit-button-font-size: var(--van-font-size-lg); --van-contact-edit-field-label-width: 4.1em } .van-contact-edit { padding: var(--van-contact-edit-padding) } .van-contact-edit__fields { overflow: hidden; border-radius: var(--van-contact-edit-fields-radius) } .van-contact-edit__fields .van-field__label { width: var(--van-contact-edit-field-label-width) } .van-contact-edit__switch-cell { margin-top: .13333rem; padding-top: .12rem; padding-bottom: .12rem; border-radius: var(--van-contact-edit-fields-radius) } .van-contact-edit__buttons { padding: var(--van-contact-edit-buttons-padding) } .van-contact-edit__button { margin-bottom: var(--van-contact-edit-button-margin-bottom); font-size: var(--van-contact-edit-button-font-size) } :root, :host { --van-action-bar-button-height: 40px; --van-action-bar-button-warning-color: var(--van-gradient-orange); --van-action-bar-button-danger-color: var(--van-gradient-red) } .van-action-bar-button { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; height: var(--van-action-bar-button-height); font-weight: var(--van-font-bold); font-size: var(--van-font-size-md); border: none; border-radius: 0 } .van-action-bar-button--first { margin-left: .06667rem; border-top-left-radius: var(--van-radius-max); border-bottom-left-radius: var(--van-radius-max) } .van-action-bar-button--last { margin-right: .06667rem; border-top-right-radius: var(--van-radius-max); border-bottom-right-radius: var(--van-radius-max) } .van-action-bar-button--warning { background: var(--van-action-bar-button-warning-color) } .van-action-bar-button--danger { background: var(--van-action-bar-button-danger-color) } @media (max-width: 321px) { .van-action-bar-button { font-size: .17333rem } } :root, :host { --van-overlay-z-index: 1; --van-overlay-background: rgba(0, 0, 0, .7) } .van-overlay { position: fixed; top: 0; left: 0; z-index: var(--van-overlay-z-index); width: 100%; height: 100%; background: var(--van-overlay-background) } :root, :host { --van-popup-background: var(--van-background-2); --van-popup-transition: transform var(--van-duration-base); --van-popup-round-radius: 16px; --van-popup-close-icon-size: 22px; --van-popup-close-icon-color: var(--van-gray-5); --van-popup-close-icon-margin: 16px; --van-popup-close-icon-z-index: 1 } .van-overflow-hidden { overflow: hidden !important } .van-popup { position: fixed; max-height: 100%; overflow-y: auto; box-sizing: border-box; background: var(--van-popup-background); -webkit-transition: var(--van-popup-transition); transition: var(--van-popup-transition); -webkit-overflow-scrolling: touch } .van-popup--center { top: 50%; left: 0; right: 0; width: -webkit-fit-content; width: fit-content; max-width: calc(100vw - var(--van-padding-md) * 2); margin: 0 auto; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .van-popup--center.van-popup--round { border-radius: var(--van-popup-round-radius) } .van-popup--top { top: 0; left: 0; width: 100% } .van-popup--top.van-popup--round { border-radius: 0 0 var(--van-popup-round-radius) var(--van-popup-round-radius) } .van-popup--right { top: 50%; right: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) } .van-popup--right.van-popup--round { border-radius: var(--van-popup-round-radius) 0 0 var(--van-popup-round-radius) } .van-popup--bottom { bottom: 0; left: 0; width: 100% } .van-popup--bottom.van-popup--round { border-radius: var(--van-popup-round-radius) var(--van-popup-round-radius) 0 0 } .van-popup--left { top: 50%; left: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) } .van-popup--left.van-popup--round { border-radius: 0 var(--van-popup-round-radius) var(--van-popup-round-radius) 0 } .van-popup-slide-top-enter-active, .van-popup-slide-left-enter-active, .van-popup-slide-right-enter-active, .van-popup-slide-bottom-enter-active { -webkit-transition-timing-function: var(--van-ease-out); transition-timing-function: var(--van-ease-out) } .van-popup-slide-top-leave-active, .van-popup-slide-left-leave-active, .van-popup-slide-right-leave-active, .van-popup-slide-bottom-leave-active { -webkit-transition-timing-function: var(--van-ease-in); transition-timing-function: var(--van-ease-in) } .van-popup-slide-top-enter-from, .van-popup-slide-top-leave-active { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } .van-popup-slide-right-enter-from, .van-popup-slide-right-leave-active { -webkit-transform: translate3d(100%, -50%, 0); transform: translate3d(100%, -50%, 0) } .van-popup-slide-bottom-enter-from, .van-popup-slide-bottom-leave-active { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } .van-popup-slide-left-enter-from, .van-popup-slide-left-leave-active { -webkit-transform: translate3d(-100%, -50%, 0); transform: translate3d(-100%, -50%, 0) } .van-popup__close-icon { position: absolute; z-index: var(--van-popup-close-icon-z-index); color: var(--van-popup-close-icon-color); font-size: var(--van-popup-close-icon-size) } .van-popup__close-icon--top-left { top: var(--van-popup-close-icon-margin); left: var(--van-popup-close-icon-margin) } .van-popup__close-icon--top-right { top: var(--van-popup-close-icon-margin); right: var(--van-popup-close-icon-margin) } .van-popup__close-icon--bottom-left { bottom: var(--van-popup-close-icon-margin); left: var(--van-popup-close-icon-margin) } .van-popup__close-icon--bottom-right { right: var(--van-popup-close-icon-margin); bottom: var(--van-popup-close-icon-margin) } :root, :host { --van-share-sheet-header-padding: var(--van-padding-sm) var(--van-padding-md); --van-share-sheet-title-color: var(--van-text-color); --van-share-sheet-title-font-size: var(--van-font-size-md); --van-share-sheet-title-line-height: var(--van-line-height-md); --van-share-sheet-description-color: var(--van-text-color-2); --van-share-sheet-description-font-size: var(--van-font-size-sm); --van-share-sheet-description-line-height: 16px; --van-share-sheet-icon-size: 48px; --van-share-sheet-option-name-color: var(--van-gray-7); --van-share-sheet-option-name-font-size: var(--van-font-size-sm); --van-share-sheet-option-description-color: var(--van-text-color-3); --van-share-sheet-option-description-font-size: var(--van-font-size-sm); --van-share-sheet-cancel-button-font-size: var(--van-font-size-lg); --van-share-sheet-cancel-button-height: 48px; --van-share-sheet-cancel-button-background: var(--van-background-2) } .van-share-sheet__header { padding: var(--van-share-sheet-header-padding); text-align: center } .van-share-sheet__title { margin-top: var(--van-padding-xs); color: var(--van-share-sheet-title-color); font-weight: 400; font-size: var(--van-share-sheet-title-font-size); line-height: var(--van-share-sheet-title-line-height) } .van-share-sheet__description { display: block; margin-top: var(--van-padding-xs); color: var(--van-share-sheet-description-color); font-size: var(--van-share-sheet-description-font-size); line-height: var(--van-share-sheet-description-line-height) } .van-share-sheet__options { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; padding: var(--van-padding-md) 0 var(--van-padding-md) var(--van-padding-xs); overflow-x: auto; overflow-y: visible; -webkit-overflow-scrolling: touch } .van-share-sheet__options--border:before { position: absolute; box-sizing: border-box; content: " "; pointer-events: none; top: 0; right: 0; left: var(--van-padding-md); border-top: .01333rem solid var(--van-border-color); -webkit-transform: scaleY(.5); transform: scaleY(.5) } .van-share-sheet__options::-webkit-scrollbar { height: 0 } .van-share-sheet__option { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-user-select: none; user-select: none } .van-share-sheet__icon, .van-share-sheet__image-icon { width: var(--van-share-sheet-icon-size); height: var(--van-share-sheet-icon-size); margin: 0 var(--van-padding-md) } .van-share-sheet__icon { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; color: var(--van-gray-7); border-radius: 100%; background-color: var(--van-gray-2) } .van-share-sheet__icon--link, .van-share-sheet__icon--poster, .van-share-sheet__icon--qrcode { font-size: .34667rem } .van-share-sheet__icon--weapp-qrcode { font-size: .37333rem } .van-share-sheet__icon--qq, .van-share-sheet__icon--weibo, .van-share-sheet__icon--wechat, .van-share-sheet__icon--wechat-moments { font-size: .4rem; color: var(--van-white) } .van-share-sheet__icon--qq { background-color: #38b9fa } .van-share-sheet__icon--wechat { background-color: #0bc15f } .van-share-sheet__icon--weibo { background-color: #ee575e } .van-share-sheet__icon--wechat-moments { background-color: #7bc845 } .van-share-sheet__name { margin-top: var(--van-padding-xs); padding: 0 var(--van-padding-base); color: var(--van-share-sheet-option-name-color); font-size: var(--van-share-sheet-option-name-font-size) } .van-share-sheet__option-description { padding: 0 var(--van-padding-base); color: var(--van-share-sheet-option-description-color); font-size: var(--van-share-sheet-option-description-font-size) } .van-share-sheet__cancel { display: block; width: 100%; padding: 0; font-size: var(--van-share-sheet-cancel-button-font-size); line-height: var(--van-share-sheet-cancel-button-height); text-align: center; background: var(--van-share-sheet-cancel-button-background); border: none; cursor: pointer } .van-share-sheet__cancel:before { display: block; height: var(--van-padding-xs); background-color: var(--van-background); content: " " } .van-share-sheet__cancel:active { background-color: var(--van-active-color) } :root, :host { --van-popover-arrow-size: 6px; --van-popover-radius: var(--van-radius-lg); --van-popover-action-width: 128px; --van-popover-action-height: 44px; --van-popover-action-font-size: var(--van-font-size-md); --van-popover-action-line-height: var(--van-line-height-md); --van-popover-action-icon-size: 20px; --van-popover-horizontal-action-height: 34px; --van-popover-horizontal-action-icon-size: 16px; --van-popover-light-text-color: var(--van-text-color); --van-popover-light-background: var(--van-background-2); --van-popover-light-action-disabled-text-color: var(--van-text-color-3); --van-popover-dark-text-color: var(--van-white); --van-popover-dark-background: #4a4a4a; --van-popover-dark-action-disabled-text-color: var(--van-text-color-2) } .van-popover { position: absolute; overflow: visible; background-color: transparent; -webkit-transition: opacity .15s, -webkit-transform .15s; transition: opacity .15s, -webkit-transform .15s; transition: opacity .15s, transform .15s; transition: opacity .15s, transform .15s, -webkit-transform .15s } .van-popover__wrapper { display: inline-block } .van-popover__arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: var(--van-popover-arrow-size) } .van-popover__content { overflow: hidden; border-radius: var(--van-popover-radius) } .van-popover__content--horizontal { display: -webkit-box; display: -webkit-flex; display: flex; width: -webkit-max-content; width: max-content } .van-popover__content--horizontal .van-popover__action { -webkit-box-flex: 0; -webkit-flex: none; flex: none; width: auto; height: var(--van-popover-horizontal-action-height); padding: 0 var(--van-padding-sm) } .van-popover__content--horizontal .van-popover__action:last-child:after { display: none } .van-popover__content--horizontal .van-popover__action-icon { margin-right: var(--van-padding-base); font-size: var(--van-popover-horizontal-action-icon-size) } .van-popover__action { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; box-sizing: border-box; width: var(--van-popover-action-width); height: var(--van-popover-action-height); padding: 0 var(--van-padding-md); font-size: var(--van-popover-action-font-size); line-height: var(--van-line-height-md); cursor: pointer } .van-popover__action:last-child .van-popover__action-text:after { display: none } .van-popover__action-text { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; height: 100% } .van-popover__action-icon { margin-right: var(--van-padding-xs); font-size: var(--van-popover-action-icon-size) } .van-popover__action--with-icon .van-popover__action-text { -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start } .van-popover[data-popper-placement^=top] .van-popover__arrow { bottom: 0; border-top-color: currentColor; border-bottom-width: 0; margin-bottom: calc(var(--van-popover-arrow-size) * -1) } .van-popover[data-popper-placement=top] { -webkit-transform-origin: 50% 100%; transform-origin: 50% 100% } .van-popover[data-popper-placement=top] .van-popover__arrow { left: 50%; -webkit-transform: translate(-50%); transform: translate(-50%) } .van-popover[data-popper-placement=top-start] { -webkit-transform-origin: 0 100%; transform-origin: 0 100% } .van-popover[data-popper-placement=top-start] .van-popover__arrow { left: var(--van-padding-md) } .van-popover[data-popper-placement=top-end] { -webkit-transform-origin: 100% 100%; transform-origin: 100% 100% } .van-popover[data-popper-placement=top-end] .van-popover__arrow { right: var(--van-padding-md) } .van-popover[data-popper-placement^=left] .van-popover__arrow { right: 0; border-right-width: 0; border-left-color: currentColor; margin-right: calc(var(--van-popover-arrow-size) * -1) } .van-popover[data-popper-placement=left] { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50% } .van-popover[data-popper-placement=left] .van-popover__arrow { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .van-popover[data-popper-placement=left-start] { -webkit-transform-origin: 100% 0; transform-origin: 100% 0 } .van-popover[data-popper-placement=left-start] .van-popover__arrow { top: var(--van-padding-md) } .van-popover[data-popper-placement=left-end] { -webkit-transform-origin: 100% 100%; transform-origin: 100% 100% } .van-popover[data-popper-placement=left-end] .van-popover__arrow { bottom: var(--van-padding-md) } .van-popover[data-popper-placement^=right] .van-popover__arrow { left: 0; border-right-color: currentColor; border-left-width: 0; margin-left: calc(var(--van-popover-arrow-size) * -1) } .van-popover[data-popper-placement=right] { -webkit-transform-origin: 0 50%; transform-origin: 0 50% } .van-popover[data-popper-placement=right] .van-popover__arrow { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .van-popover[data-popper-placement=right-start] { -webkit-transform-origin: 0 0; transform-origin: 0 0 } .van-popover[data-popper-placement=right-start] .van-popover__arrow { top: var(--van-padding-md) } .van-popover[data-popper-placement=right-end] { -webkit-transform-origin: 0 100%; transform-origin: 0 100% } .van-popover[data-popper-placement=right-end] .van-popover__arrow { bottom: var(--van-padding-md) } .van-popover[data-popper-placement^=bottom] .van-popover__arrow { top: 0; border-top-width: 0; border-bottom-color: currentColor; margin-top: calc(var(--van-popover-arrow-size) * -1) } .van-popover[data-popper-placement=bottom] { -webkit-transform-origin: 50% 0; transform-origin: 50% 0 } .van-popover[data-popper-placement=bottom] .van-popover__arrow { left: 50%; -webkit-transform: translate(-50%); transform: translate(-50%) } .van-popover[data-popper-placement=bottom-start] { -webkit-transform-origin: 0 0; transform-origin: 0 0 } .van-popover[data-popper-placement=bottom-start] .van-popover__arrow { left: var(--van-padding-md) } .van-popover[data-popper-placement=bottom-end] { -webkit-transform-origin: 100% 0; transform-origin: 100% 0 } .van-popover[data-popper-placement=bottom-end] .van-popover__arrow { right: var(--van-padding-md) } .van-popover--light { color: var(--van-popover-light-text-color) } .van-popover--light .van-popover__content { background: var(--van-popover-light-background); box-shadow: 0 .02667rem .16rem #3232331f } .van-popover--light .van-popover__arrow { color: var(--van-popover-light-background) } .van-popover--light .van-popover__action:active { background-color: var(--van-active-color) } .van-popover--light .van-popover__action--disabled { color: var(--van-popover-light-action-disabled-text-color); cursor: not-allowed } .van-popover--light .van-popover__action--disabled:active { background-color: transparent } .van-popover--dark { color: var(--van-popover-dark-text-color) } .van-popover--dark .van-popover__content { background: var(--van-popover-dark-background) } .van-popover--dark .van-popover__arrow { color: var(--van-popover-dark-background) } .van-popover--dark .van-popover__action:active { background-color: #0003 } .van-popover--dark .van-popover__action--disabled { color: var(--van-popover-dark-action-disabled-text-color) } .van-popover--dark .van-popover__action--disabled:active { background-color: transparent } .van-popover--dark .van-popover__action-text:after { border-color: var(--van-gray-7) } .van-popover-zoom-enter-from, .van-popover-zoom-leave-active { -webkit-transform: scale(.8); transform: scale(.8); opacity: 0 } .van-popover-zoom-enter-active { -webkit-transition-timing-function: var(--van-ease-out); transition-timing-function: var(--van-ease-out) } .van-popover-zoom-leave-active { -webkit-transition-timing-function: var(--van-ease-in); transition-timing-function: var(--van-ease-in) } :root, :host { --van-notify-text-color: var(--van-white); --van-notify-padding: var(--van-padding-xs) var(--van-padding-md); --van-notify-font-size: var(--van-font-size-md); --van-notify-line-height: var(--van-line-height-md); --van-notify-primary-background: var(--van-primary-color); --van-notify-success-background: var(--van-success-color); --van-notify-danger-background: var(--van-danger-color); --van-notify-warning-background: var(--van-warning-color) } .van-notify { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; box-sizing: border-box; padding: var(--van-notify-padding); color: var(--van-notify-text-color); font-size: var(--van-notify-font-size); line-height: var(--van-notify-line-height); white-space: pre-wrap; text-align: center; word-wrap: break-word } .van-notify--primary { background: var(--van-notify-primary-background) } .van-notify--success { background: var(--van-notify-success-background) } .van-notify--danger { background: var(--van-notify-danger-background) } .van-notify--warning { background: var(--van-notify-warning-background) } :root, :host { --van-dialog-width: 320px; --van-dialog-small-screen-width: 90%; --van-dialog-font-size: var(--van-font-size-lg); --van-dialog-transition: var(--van-duration-base); --van-dialog-radius: 16px; --van-dialog-background: var(--van-background-2); --van-dialog-header-font-weight: var(--van-font-bold); --van-dialog-header-line-height: 24px; --van-dialog-header-padding-top: 26px; --van-dialog-header-isolated-padding: var(--van-padding-lg) 0; --van-dialog-message-padding: var(--van-padding-lg); --van-dialog-message-font-size: var(--van-font-size-md); --van-dialog-message-line-height: var(--van-line-height-md); --van-dialog-message-max-height: 60vh; --van-dialog-has-title-message-text-color: var(--van-gray-7); --van-dialog-has-title-message-padding-top: var(--van-padding-xs); --van-dialog-button-height: 48px; --van-dialog-round-button-height: 36px; --van-dialog-confirm-button-text-color: var(--van-primary-color) } .van-dialog { top: 45%; width: var(--van-dialog-width); overflow: hidden; font-size: var(--van-dialog-font-size); background: var(--van-dialog-background); border-radius: var(--van-dialog-radius); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: var(--van-dialog-transition); transition: var(--van-dialog-transition); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform } @media (max-width: 321px) { .van-dialog { width: var(--van-dialog-small-screen-width) } } .van-dialog__header { color: var(--van-text-color); padding-top: var(--van-dialog-header-padding-top); font-weight: var(--van-dialog-header-font-weight); line-height: var(--van-dialog-header-line-height); text-align: center } .van-dialog__header--isolated { padding: var(--van-dialog-header-isolated-padding) } .van-dialog__content--isolated { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; min-height: 1.38667rem } .van-dialog__message { color: var(--van-text-color); -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; max-height: var(--van-dialog-message-max-height); padding: .34667rem var(--van-dialog-message-padding); overflow-y: auto; font-size: var(--van-dialog-message-font-size); line-height: var(--van-dialog-message-line-height); white-space: pre-wrap; text-align: center; word-wrap: break-word; -webkit-overflow-scrolling: touch } .van-dialog__message--has-title { padding-top: var(--van-dialog-has-title-message-padding-top); color: var(--van-dialog-has-title-message-text-color) } .van-dialog__message--left { text-align: left } .van-dialog__message--right { text-align: right } .van-dialog__message--justify { text-align: justify } .van-dialog__footer { display: -webkit-box; display: -webkit-flex; display: flex; overflow: hidden; -webkit-user-select: none; user-select: none } .van-dialog__confirm, .van-dialog__cancel { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; height: var(--van-dialog-button-height); margin: 0; border: 0; border-radius: 0 } .van-dialog__confirm, .van-dialog__confirm:active { color: var(--van-dialog-confirm-button-text-color) } .van-dialog--round-button .van-dialog__footer { position: relative; height: auto; padding: var(--van-padding-xs) var(--van-padding-lg) var(--van-padding-md) } .van-dialog--round-button .van-dialog__message { padding-bottom: var(--van-padding-md); color: var(--van-text-color) } .van-dialog--round-button .van-dialog__confirm, .van-dialog--round-button .van-dialog__cancel { height: var(--van-dialog-round-button-height) } .van-dialog--round-button .van-dialog__confirm { color: var(--van-white) } .van-dialog--round-button .van-action-bar-button--first { border-top-left-radius: var(--van-radius-max); border-bottom-left-radius: var(--van-radius-max) } .van-dialog--round-button .van-action-bar-button--last { border-top-right-radius: var(--van-radius-max); border-bottom-right-radius: var(--van-radius-max) } .van-dialog-bounce-enter-from { -webkit-transform: translate3d(0, -50%, 0) scale(.7); transform: translate3d(0, -50%, 0) scale(.7); opacity: 0 } .van-dialog-bounce-leave-active { -webkit-transform: translate3d(0, -50%, 0) scale(.9); transform: translate3d(0, -50%, 0) scale(.9); opacity: 0 } :root, :host { --van-toast-max-width: 70%; --van-toast-font-size: var(--van-font-size-md); --van-toast-text-color: var(--van-white); --van-toast-loading-icon-color: var(--van-white); --van-toast-line-height: var(--van-line-height-md); --van-toast-radius: var(--van-radius-lg); --van-toast-background: rgba(0, 0, 0, .7); --van-toast-icon-size: 36px; --van-toast-text-min-width: 96px; --van-toast-text-padding: var(--van-padding-xs) var(--van-padding-sm); --van-toast-default-padding: var(--van-padding-md); --van-toast-default-width: 88px; --van-toast-default-min-height: 88px; --van-toast-position-top-distance: 20%; --van-toast-position-bottom-distance: 20% } .van-toast { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; box-sizing: content-box; -webkit-transition: all var(--van-duration-fast); transition: all var(--van-duration-fast); width: var(--van-toast-default-width); max-width: var(--van-toast-max-width); min-height: var(--van-toast-default-min-height); padding: var(--van-toast-default-padding); color: var(--van-toast-text-color); font-size: var(--van-toast-font-size); line-height: var(--van-toast-line-height); white-space: pre-wrap; word-break: break-all; text-align: center; background: var(--van-toast-background); border-radius: var(--van-toast-radius) } .van-toast--break-normal { word-break: normal; word-wrap: normal } .van-toast--break-word { word-break: normal; word-wrap: break-word } .van-toast--unclickable { overflow: hidden; cursor: not-allowed } .van-toast--unclickable * { pointer-events: none } .van-toast--text, .van-toast--html { width: -webkit-fit-content; width: fit-content; min-width: var(--van-toast-text-min-width); min-height: 0; padding: var(--van-toast-text-padding) } .van-toast--text .van-toast__text, .van-toast--html .van-toast__text { margin-top: 0 } .van-toast--top { top: var(--van-toast-position-top-distance) } .van-toast--bottom { top: auto; bottom: var(--van-toast-position-bottom-distance) } .van-toast__icon { font-size: var(--van-toast-icon-size) } .van-toast__loading { padding: var(--van-padding-base); color: var(--van-toast-loading-icon-color) } .van-toast__text { margin-top: var(--van-padding-xs) } :root, :host { --van-action-sheet-max-height: 80%; --van-action-sheet-header-height: 48px; --van-action-sheet-header-font-size: var(--van-font-size-lg); --van-action-sheet-description-color: var(--van-text-color-2); --van-action-sheet-description-font-size: var(--van-font-size-md); --van-action-sheet-description-line-height: var(--van-line-height-md); --van-action-sheet-item-background: var(--van-background-2); --van-action-sheet-item-font-size: var(--van-font-size-lg); --van-action-sheet-item-line-height: var(--van-line-height-lg); --van-action-sheet-item-text-color: var(--van-text-color); --van-action-sheet-item-disabled-text-color: var(--van-text-color-3); --van-action-sheet-item-icon-size: 18px; --van-action-sheet-item-icon-margin-right: var(--van-padding-xs); --van-action-sheet-subname-color: var(--van-text-color-2); --van-action-sheet-subname-font-size: var(--van-font-size-sm); --van-action-sheet-subname-line-height: var(--van-line-height-sm); --van-action-sheet-close-icon-size: 22px; --van-action-sheet-close-icon-color: var(--van-gray-5); --van-action-sheet-close-icon-padding: 0 var(--van-padding-md); --van-action-sheet-cancel-text-color: var(--van-gray-7); --van-action-sheet-cancel-padding-top: var(--van-padding-xs); --van-action-sheet-cancel-padding-color: var(--van-background); --van-action-sheet-loading-icon-size: 22px } .van-action-sheet { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; max-height: var(--van-action-sheet-max-height); overflow: hidden; color: var(--van-action-sheet-item-text-color) } .van-action-sheet__content { -webkit-box-flex: 1; -webkit-flex: 1 auto; flex: 1 auto; overflow-y: auto; -webkit-overflow-scrolling: touch } .van-action-sheet__item, .van-action-sheet__cancel { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; width: 100%; padding: .18667rem var(--van-padding-md); font-size: var(--van-action-sheet-item-font-size); background: var(--van-action-sheet-item-background); border: none; cursor: pointer } .van-action-sheet__item:active, .van-action-sheet__cancel:active { background-color: var(--van-active-color) } .van-action-sheet__item { line-height: var(--van-action-sheet-item-line-height) } .van-action-sheet__item--loading, .van-action-sheet__item--disabled { color: var(--van-action-sheet-item-disabled-text-color) } .van-action-sheet__item--loading:active, .van-action-sheet__item--disabled:active { background-color: var(--van-action-sheet-item-background) } .van-action-sheet__item--disabled { cursor: not-allowed } .van-action-sheet__item--loading { cursor: default } .van-action-sheet__item-icon { font-size: var(--van-action-sheet-item-icon-size); margin-right: var(--van-action-sheet-item-icon-margin-right) } .van-action-sheet__cancel { -webkit-flex-shrink: 0; flex-shrink: 0; box-sizing: border-box; color: var(--van-action-sheet-cancel-text-color) } .van-action-sheet__subname { width: 100%; margin-top: var(--van-padding-xs); color: var(--van-action-sheet-subname-color); font-size: var(--van-action-sheet-subname-font-size); line-height: var(--van-action-sheet-subname-line-height); overflow-wrap: break-word } .van-action-sheet__gap { display: block; height: var(--van-action-sheet-cancel-padding-top); background: var(--van-action-sheet-cancel-padding-color) } .van-action-sheet__header { -webkit-flex-shrink: 0; flex-shrink: 0; font-weight: var(--van-font-bold); font-size: var(--van-action-sheet-header-font-size); line-height: var(--van-action-sheet-header-height); text-align: center } .van-action-sheet__description { position: relative; -webkit-flex-shrink: 0; flex-shrink: 0; padding: .26667rem var(--van-padding-md); color: var(--van-action-sheet-description-color); font-size: var(--van-action-sheet-description-font-size); line-height: var(--van-action-sheet-description-line-height); text-align: center } .van-action-sheet__description:after { position: absolute; box-sizing: border-box; content: " "; pointer-events: none; right: var(--van-padding-md); bottom: 0; left: var(--van-padding-md); border-bottom: .01333rem solid var(--van-border-color); -webkit-transform: scaleY(.5); transform: scaleY(.5) } .van-action-sheet__loading-icon .van-loading__spinner { width: var(--van-action-sheet-loading-icon-size); height: var(--van-action-sheet-loading-icon-size) } .van-action-sheet__close { position: absolute; top: 0; right: 0; z-index: 1; padding: var(--van-action-sheet-close-icon-padding); color: var(--van-action-sheet-close-icon-color); font-size: var(--van-action-sheet-close-icon-size); line-height: inherit } :root, :host { --van-sticky-z-index: 99 } .van-sticky--fixed { position: fixed; z-index: var(--van-sticky-z-index) } :root, :host { --van-swipe-indicator-size: 6px; --van-swipe-indicator-margin: var(--van-padding-sm); --van-swipe-indicator-active-opacity: 1; --van-swipe-indicator-inactive-opacity: .3; --van-swipe-indicator-active-background: var(--van-primary-color); --van-swipe-indicator-inactive-background: var(--van-border-color) } .van-swipe { position: relative; overflow: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); cursor: grab; -webkit-user-select: none; user-select: none } .van-swipe__track { display: -webkit-box; display: -webkit-flex; display: flex; height: 100%; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform } .van-swipe__track--vertical { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column } .van-swipe__indicators { position: absolute; bottom: var(--van-swipe-indicator-margin); left: 50%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-transform: translate(-50%); transform: translate(-50%) } .van-swipe__indicators--vertical { top: 50%; bottom: auto; left: var(--van-swipe-indicator-margin); -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .van-swipe__indicators--vertical .van-swipe__indicator:not(:last-child) { margin-bottom: var(--van-swipe-indicator-size) } .van-swipe__indicator { width: var(--van-swipe-indicator-size); height: var(--van-swipe-indicator-size); background-color: var(--van-swipe-indicator-inactive-background); border-radius: 100%; opacity: var(--van-swipe-indicator-inactive-opacity); -webkit-transition: opacity var(--van-duration-fast), background-color var(--van-duration-fast); transition: opacity var(--van-duration-fast), background-color var(--van-duration-fast) } .van-swipe__indicator:not(:last-child) { margin-right: var(--van-swipe-indicator-size) } .van-swipe__indicator--active { background-color: var(--van-swipe-indicator-active-background); opacity: var(--van-swipe-indicator-active-opacity) } .van-swipe-item { position: relative; -webkit-flex-shrink: 0; flex-shrink: 0; width: 100%; height: 100% } :root, :host { --van-image-preview-index-text-color: var(--van-white); --van-image-preview-index-font-size: var(--van-font-size-md); --van-image-preview-index-line-height: var(--van-line-height-md); --van-image-preview-index-text-shadow: 0 1px 1px var(--van-gray-8); --van-image-preview-overlay-background: rgba(0, 0, 0, .9); --van-image-preview-close-icon-size: 22px; --van-image-preview-close-icon-color: var(--van-gray-5); --van-image-preview-close-icon-margin: var(--van-padding-md); --van-image-preview-close-icon-z-index: 1 } .van-image-preview { position: fixed; top: 0; left: 0; width: 100%; height: 100%; max-width: none; background-color: transparent; -webkit-transform: none; transform: none } .van-image-preview__swipe { height: 100% } .van-image-preview__swipe-item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; overflow: hidden } .van-image-preview__cover { position: absolute; top: 0; left: 0 } .van-image-preview__image, .van-image-preview__image-wrap { width: 100%; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform } .van-image-preview__image--vertical, .van-image-preview__image-wrap--vertical { width: auto; height: 100% } .van-image-preview__image img, .van-image-preview__image-wrap img, .van-image-preview__image video, .van-image-preview__image-wrap video { -webkit-user-drag: none } .van-image-preview__image .van-image__error, .van-image-preview__image-wrap .van-image__error { top: 30%; height: 40% } .van-image-preview__image .van-image__error-icon, .van-image-preview__image-wrap .van-image__error-icon { font-size: .48rem } .van-image-preview__image .van-image__loading, .van-image-preview__image-wrap .van-image__loading { background-color: transparent } .van-image-preview__index { position: absolute; top: var(--van-padding-md); left: 50%; color: var(--van-image-preview-index-text-color); font-size: var(--van-image-preview-index-font-size); line-height: var(--van-image-preview-index-line-height); text-shadow: var(--van-image-preview-index-text-shadow); -webkit-transform: translate(-50%); transform: translate(-50%) } .van-image-preview__overlay { background: var(--van-image-preview-overlay-background) } .van-image-preview__close-icon { position: absolute; z-index: var(--van-image-preview-close-icon-z-index); color: var(--van-image-preview-close-icon-color); font-size: var(--van-image-preview-close-icon-size) } .van-image-preview__close-icon--top-left { top: var(--van-image-preview-close-icon-margin); left: var(--van-image-preview-close-icon-margin) } .van-image-preview__close-icon--top-right { top: var(--van-image-preview-close-icon-margin); right: var(--van-image-preview-close-icon-margin) } .van-image-preview__close-icon--bottom-left { bottom: var(--van-image-preview-close-icon-margin); left: var(--van-image-preview-close-icon-margin) } .van-image-preview__close-icon--bottom-right { right: var(--van-image-preview-close-icon-margin); bottom: var(--van-image-preview-close-icon-margin) } :root, :host { --van-uploader-size: 80px; --van-uploader-icon-size: 24px; --van-uploader-icon-color: var(--van-gray-4); --van-uploader-text-color: var(--van-text-color-2); --van-uploader-text-font-size: var(--van-font-size-sm); --van-uploader-upload-background: var(--van-gray-1); --van-uploader-upload-active-color: var(--van-active-color); --van-uploader-delete-color: var(--van-white); --van-uploader-delete-icon-size: 14px; --van-uploader-delete-background: rgba(0, 0, 0, .7); --van-uploader-file-background: var(--van-background); --van-uploader-file-icon-size: 20px; --van-uploader-file-icon-color: var(--van-gray-7); --van-uploader-file-name-padding: 0 var(--van-padding-base); --van-uploader-file-name-margin-top: var(--van-padding-xs); --van-uploader-file-name-font-size: var(--van-font-size-sm); --van-uploader-file-name-text-color: var(--van-gray-7); --van-uploader-mask-text-color: var(--van-white); --van-uploader-mask-background: rgba(50, 50, 51, .88); --van-uploader-mask-icon-size: 22px; --van-uploader-mask-message-font-size: var(--van-font-size-sm); --van-uploader-mask-message-line-height: var(--van-line-height-xs); --van-uploader-loading-icon-size: 22px; --van-uploader-loading-icon-color: var(--van-white); --van-uploader-disabled-opacity: var(--van-disabled-opacity); --van-uploader-border-radius: 0px } .van-uploader { position: relative; display: inline-block } .van-uploader__wrapper { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap } .van-uploader__wrapper--disabled { opacity: var(--van-uploader-disabled-opacity) } .van-uploader__input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; cursor: pointer; opacity: 0 } .van-uploader__input-wrapper { position: relative } .van-uploader__input:disabled { cursor: not-allowed } .van-uploader__upload { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; box-sizing: border-box; width: var(--van-uploader-size); height: var(--van-uploader-size); margin: 0 var(--van-padding-xs) var(--van-padding-xs) 0; background: var(--van-uploader-upload-background); border-radius: var(--van-uploader-border-radius) } .van-uploader__upload:active { background-color: var(--van-uploader-upload-active-color) } .van-uploader__upload--readonly:active { background-color: var(--van-uploader-upload-background) } .van-uploader__upload-icon { color: var(--van-uploader-icon-color); font-size: var(--van-uploader-icon-size) } .van-uploader__upload-text { margin-top: var(--van-padding-xs); color: var(--van-uploader-text-color); font-size: var(--van-uploader-text-font-size) } .van-uploader__preview { position: relative; margin: 0 var(--van-padding-xs) var(--van-padding-xs) 0; cursor: pointer } .van-uploader__preview-image { display: block; width: var(--van-uploader-size); height: var(--van-uploader-size); overflow: hidden; border-radius: var(--van-uploader-border-radius) } .van-uploader__preview-delete { position: absolute; top: 0; right: 0 } .van-uploader__preview-delete--shadow { width: var(--van-uploader-delete-icon-size); height: var(--van-uploader-delete-icon-size); background: var(--van-uploader-delete-background); border-radius: 0 0 0 .16rem } .van-uploader__preview-delete-icon { position: absolute; top: 0; right: 0; color: var(--van-uploader-delete-color); font-size: var(--van-uploader-delete-icon-size); -webkit-transform: scale(.7) translate(10%, -10%); transform: scale(.7) translate(10%, -10%) } .van-uploader__preview-cover { position: absolute; top: 0; right: 0; bottom: 0; left: 0 } .van-uploader__mask { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; color: var(--van-uploader-mask-text-color); background: var(--van-uploader-mask-background); border-radius: var(--van-uploader-border-radius) } .van-uploader__mask-icon { font-size: var(--van-uploader-mask-icon-size) } .van-uploader__mask-message { margin-top: .08rem; padding: 0 var(--van-padding-base); font-size: var(--van-uploader-mask-message-font-size); line-height: var(--van-uploader-mask-message-line-height) } .van-uploader__loading { width: var(--van-uploader-loading-icon-size); height: var(--van-uploader-loading-icon-size); color: var(--van-uploader-loading-icon-color) } .van-uploader__file { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; width: var(--van-uploader-size); height: var(--van-uploader-size); background: var(--van-uploader-file-background) } .van-uploader__file-icon { color: var(--van-uploader-file-icon-color); font-size: var(--van-uploader-file-icon-size) } .van-uploader__file-name { box-sizing: border-box; width: 100%; margin-top: var(--van-uploader-file-name-margin-top); padding: var(--van-uploader-file-name-padding); color: var(--van-uploader-file-name-text-color); font-size: var(--van-uploader-file-name-font-size); text-align: center } :root, :host { --van-tab-text-color: var(--van-gray-7); --van-tab-active-text-color: var(--van-text-color); --van-tab-disabled-text-color: var(--van-text-color-3); --van-tab-font-size: var(--van-font-size-md); --van-tab-line-height: var(--van-line-height-md); --van-tabs-default-color: var(--van-primary-color); --van-tabs-line-height: 44px; --van-tabs-card-height: 30px; --van-tabs-nav-background: var(--van-background-2); --van-tabs-bottom-bar-width: 40px; --van-tabs-bottom-bar-height: 3px; --van-tabs-bottom-bar-color: var(--van-primary-color) } .van-tab { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; box-sizing: border-box; padding: 0 var(--van-padding-base); color: var(--van-tab-text-color); font-size: var(--van-tab-font-size); line-height: var(--van-tab-line-height); cursor: pointer } .van-tab--active { color: var(--van-tab-active-text-color); font-weight: var(--van-font-bold) } .van-tab--disabled { color: var(--van-tab-disabled-text-color); cursor: not-allowed } .van-tab--grow { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; flex: 1 0 auto; padding: 0 var(--van-padding-sm) } .van-tab--shrink { -webkit-box-flex: 0; -webkit-flex: none; flex: none; padding: 0 var(--van-padding-xs) } .van-tab--card { color: var(--van-tabs-default-color); border-right: var(--van-border-width) solid var(--van-tabs-default-color) } .van-tab--card:last-child { border-right: none } .van-tab--card.van-tab--active { color: var(--van-white); background-color: var(--van-tabs-default-color) } .van-tab--card--disabled { color: var(--van-tab-disabled-text-color) } .van-tab__text--ellipsis { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical } .van-tabs { position: relative } .van-tabs__wrap { overflow: hidden } .van-tabs__wrap--page-top { position: fixed } .van-tabs__wrap--content-bottom { top: auto; bottom: 0 } .van-tabs__nav { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; background: var(--van-tabs-nav-background); -webkit-user-select: none; user-select: none } .van-tabs__nav--complete { overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch } .van-tabs__nav--complete::-webkit-scrollbar { display: none } .van-tabs__nav--line { box-sizing: content-box; height: 100%; padding-bottom: .2rem } .van-tabs__nav--line.van-tabs__nav--shrink, .van-tabs__nav--line.van-tabs__nav--complete { padding-right: var(--van-padding-xs); padding-left: var(--van-padding-xs) } .van-tabs__nav--card { box-sizing: border-box; height: var(--van-tabs-card-height); margin: 0 var(--van-padding-md); border: var(--van-border-width) solid var(--van-tabs-default-color); border-radius: var(--van-radius-sm) } .van-tabs__nav--card.van-tabs__nav--shrink { display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex } .van-tabs__line { position: absolute; bottom: .2rem; left: 0; z-index: 1; width: var(--van-tabs-bottom-bar-width); height: var(--van-tabs-bottom-bar-height); background: var(--van-tabs-bottom-bar-color); border-radius: var(--van-tabs-bottom-bar-height) } .van-tabs__track { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; width: 100%; height: 100%; will-change: left } .van-tabs__content--animated { overflow: hidden } .van-tabs--line .van-tabs__wrap { height: var(--van-tabs-line-height) } .van-tabs--card>.van-tabs__wrap { height: var(--van-tabs-card-height) } .van-tab__panel, .van-tab__panel-wrapper { -webkit-flex-shrink: 0; flex-shrink: 0; box-sizing: border-box; width: 100% } .van-tab__panel-wrapper--inactive { height: 0; overflow: visible } :root, :host { --van-cascader-header-height: 48px; --van-cascader-header-padding: 0 var(--van-padding-md); --van-cascader-title-font-size: var(--van-font-size-lg); --van-cascader-title-line-height: 20px; --van-cascader-close-icon-size: 22px; --van-cascader-close-icon-color: var(--van-gray-5); --van-cascader-selected-icon-size: 18px; --van-cascader-tabs-height: 48px; --van-cascader-active-color: var(--van-primary-color); --van-cascader-options-height: 384px; --van-cascader-option-disabled-color: var(--van-text-color-3); --van-cascader-tab-color: var(--van-text-color); --van-cascader-unselected-tab-color: var(--van-text-color-2) } .van-cascader__header { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; height: var(--van-cascader-header-height); padding: var(--van-cascader-header-padding) } .van-cascader__title { font-weight: var(--van-font-bold); font-size: var(--van-cascader-title-font-size); line-height: var(--van-cascader-title-line-height) } .van-cascader__close-icon { color: var(--van-cascader-close-icon-color); font-size: var(--van-cascader-close-icon-size) } .van-cascader__tabs.van-tabs--line .van-tabs__wrap { height: var(--van-cascader-tabs-height) } .van-cascader__tab { color: var(--van-cascader-tab-color); font-weight: var(--van-font-bold) } .van-cascader__tab--unselected { color: var(--van-cascader-unselected-tab-color); font-weight: 400 } .van-cascader__option { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding: .13333rem var(--van-padding-md); font-size: var(--van-font-size-md); line-height: var(--van-line-height-md); cursor: pointer } .van-cascader__option:active { background-color: var(--van-active-color) } .van-cascader__option--selected { color: var(--van-cascader-active-color); font-weight: var(--van-font-bold) } .van-cascader__option--disabled { color: var(--van-cascader-option-disabled-color); cursor: not-allowed } .van-cascader__option--disabled:active { background-color: transparent } .van-cascader__selected-icon { font-size: var(--van-cascader-selected-icon-size) } .van-cascader__options { box-sizing: border-box; height: var(--van-cascader-options-height); padding-top: .08rem; overflow-y: auto; -webkit-overflow-scrolling: touch } :root, :host { --van-picker-background: var(--van-background-2); --van-picker-toolbar-height: 44px; --van-picker-title-font-size: var(--van-font-size-lg); --van-picker-title-line-height: var(--van-line-height-md); --van-picker-action-padding: 0 var(--van-padding-md); --van-picker-action-font-size: var(--van-font-size-md); --van-picker-confirm-action-color: var(--van-primary-color); --van-picker-cancel-action-color: var(--van-text-color-2); --van-picker-option-font-size: var(--van-font-size-lg); --van-picker-option-padding: 0 var(--van-padding-base); --van-picker-option-text-color: var(--van-text-color); --van-picker-option-disabled-opacity: .3; --van-picker-loading-icon-color: var(--van-primary-color); --van-picker-loading-mask-color: rgba(255, 255, 255, .9); --van-picker-mask-color: linear-gradient(180deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4)), linear-gradient(0deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4)) } .van-theme-dark { --van-picker-loading-mask-color: rgba(0, 0, 0, .6); --van-picker-mask-color: linear-gradient(180deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .1)), linear-gradient(0deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .1)) } .van-picker { position: relative; background: var(--van-picker-background); -webkit-user-select: none; user-select: none } .van-picker__toolbar { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; height: var(--van-picker-toolbar-height) } .van-picker__cancel, .van-picker__confirm { height: 100%; padding: var(--van-picker-action-padding); font-size: var(--van-picker-action-font-size); background-color: transparent; border: none } .van-picker__confirm { color: var(--van-picker-confirm-action-color) } .van-picker__cancel { color: var(--van-picker-cancel-action-color) } .van-picker__title { position: absolute; left: 50%; color: var(--van-text-color); max-width: 50%; font-weight: var(--van-font-bold); font-size: var(--van-picker-title-font-size); line-height: var(--van-picker-title-line-height); text-align: center; -webkit-transform: translate(-50%); transform: translate(-50%) } .van-picker__columns { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; cursor: grab } .van-picker__loading { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; color: var(--van-picker-loading-icon-color); background: var(--van-picker-loading-mask-color) } .van-picker__frame { position: absolute; top: 50%; right: var(--van-padding-md); left: var(--van-padding-md); z-index: 2; -webkit-transform: translateY(-50%); transform: translateY(-50%); pointer-events: none } .van-picker__mask { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-image: var(--van-picker-mask-color); background-repeat: no-repeat; background-position: top, bottom; -webkit-transform: translateZ(0); transform: translateZ(0); pointer-events: none } .van-picker-column { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; overflow: hidden; font-size: var(--van-picker-option-font-size) } .van-picker-column__wrapper { -webkit-transition-timing-function: cubic-bezier(.23, 1, .68, 1); transition-timing-function: cubic-bezier(.23, 1, .68, 1) } .van-picker-column__item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; padding: var(--van-picker-option-padding); color: var(--van-picker-option-text-color) } .van-picker-column__item--disabled { cursor: not-allowed; opacity: var(--van-picker-option-disabled-opacity) } :root, :host { --van-picker-group-background: var(--van-background-2) } .van-picker-group { background: var(--van-picker-group-background) } .van-picker-group__tabs { margin-top: var(--van-padding-base) } .van-picker-group__tab-title { margin-right: .21333rem } :root, :host { --van-calendar-background: var(--van-background-2); --van-calendar-popup-height: 80%; --van-calendar-header-shadow: 0 2px 10px rgba(125, 126, 128, .16); --van-calendar-header-title-height: 44px; --van-calendar-header-title-font-size: var(--van-font-size-lg); --van-calendar-header-subtitle-font-size: var(--van-font-size-md); --van-calendar-header-action-width: 28px; --van-calendar-header-action-color: var(--van-text-color); --van-calendar-header-action-disabled-color: var(--van-text-color-3); --van-calendar-weekdays-height: 30px; --van-calendar-weekdays-font-size: var(--van-font-size-sm); --van-calendar-month-title-font-size: var(--van-font-size-md); --van-calendar-month-mark-color: rgba(242, 243, 245, .8); --van-calendar-month-mark-font-size: 160px; --van-calendar-day-height: 64px; --van-calendar-day-font-size: var(--van-font-size-lg); --van-calendar-day-margin-bottom: 4px; --van-calendar-range-edge-color: var(--van-white); --van-calendar-range-edge-background: var(--van-primary-color); --van-calendar-range-middle-color: var(--van-primary-color); --van-calendar-range-middle-background-opacity: .1; --van-calendar-selected-day-size: 54px; --van-calendar-selected-day-color: var(--van-white); --van-calendar-info-font-size: var(--van-font-size-xs); --van-calendar-info-line-height: var(--van-line-height-xs); --van-calendar-selected-day-background: var(--van-primary-color); --van-calendar-day-disabled-color: var(--van-text-color-3); --van-calendar-confirm-button-height: 36px; --van-calendar-confirm-button-margin: 7px 0 } .van-theme-dark { --van-calendar-month-mark-color: rgba(100, 101, 102, .2); --van-calendar-day-disabled-color: var(--van-gray-7) } .van-calendar { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; height: 100%; background: var(--van-calendar-background) } .van-calendar__popup.van-popup--top, .van-calendar__popup.van-popup--bottom { height: var(--van-calendar-popup-height) } .van-calendar__popup.van-popup--left, .van-calendar__popup.van-popup--right { height: 100% } .van-calendar__popup .van-popup__close-icon { top: .14667rem } .van-calendar__header { -webkit-flex-shrink: 0; flex-shrink: 0; box-shadow: var(--van-calendar-header-shadow) } .van-calendar__month-title, .van-calendar__header-title, .van-calendar__header-subtitle { color: var(--van-text-color); height: var(--van-calendar-header-title-height); font-weight: var(--van-font-bold); line-height: var(--van-calendar-header-title-height); text-align: center } .van-calendar__header-title { font-size: var(--van-calendar-header-title-font-size) } .van-calendar__header-subtitle { font-size: var(--van-calendar-header-subtitle-font-size) } .van-calendar__header-subtitle--with-swicth { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding: 0 var(--van-padding-base) } .van-calendar__header-subtitle-text { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1 } .van-calendar__header-action { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; min-width: var(--van-calendar-header-action-width); height: 100%; color: var(--van-calendar-header-action-color); cursor: pointer } .van-calendar__header-action--disabled { color: var(--van-calendar-header-action-disabled-color); cursor: not-allowed } .van-calendar__month-title { font-size: var(--van-calendar-month-title-font-size) } .van-calendar__weekdays { display: -webkit-box; display: -webkit-flex; display: flex } .van-calendar__weekday { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; font-size: var(--van-calendar-weekdays-font-size); line-height: var(--van-calendar-weekdays-height); text-align: center } .van-calendar__body { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; overflow: auto; -webkit-overflow-scrolling: touch } .van-calendar__days { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-user-select: none; user-select: none } .van-calendar__month-mark { position: absolute; top: 50%; left: 50%; z-index: 0; color: var(--van-calendar-month-mark-color); font-size: var(--van-calendar-month-mark-font-size); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); pointer-events: none } .van-calendar__day, .van-calendar__selected-day { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; text-align: center } .van-calendar__day { position: relative; width: 14.285%; height: var(--van-calendar-day-height); font-size: var(--van-calendar-day-font-size); margin-bottom: var(--van-calendar-day-margin-bottom); cursor: pointer } .van-calendar__day--end, .van-calendar__day--start, .van-calendar__day--start-end, .van-calendar__day--multiple-middle, .van-calendar__day--multiple-selected { color: var(--van-calendar-range-edge-color); background: var(--van-calendar-range-edge-background) } .van-calendar__day--start { border-radius: var(--van-radius-md) 0 0 var(--van-radius-md) } .van-calendar__day--end { border-radius: 0 var(--van-radius-md) var(--van-radius-md) 0 } .van-calendar__day--start-end, .van-calendar__day--multiple-selected { border-radius: var(--van-radius-md) } .van-calendar__day--middle { color: var(--van-calendar-range-middle-color) } .van-calendar__day--middle:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: currentColor; opacity: var(--van-calendar-range-middle-background-opacity); content: "" } .van-calendar__day--disabled { color: var(--van-calendar-day-disabled-color); cursor: default } .van-calendar__top-info, .van-calendar__bottom-info { position: absolute; right: 0; left: 0; font-size: var(--van-calendar-info-font-size); line-height: var(--van-calendar-info-line-height) } @media (max-width: 350px) { .van-calendar__top-info, .van-calendar__bottom-info { font-size: .12rem } } .van-calendar__top-info { top: .08rem } .van-calendar__bottom-info { bottom: .08rem } .van-calendar__selected-day { width: var(--van-calendar-selected-day-size); height: var(--van-calendar-selected-day-size); color: var(--van-calendar-selected-day-color); background: var(--van-calendar-selected-day-background); border-radius: var(--van-radius-md) } .van-calendar__footer { -webkit-flex-shrink: 0; flex-shrink: 0; padding-left: var(--van-padding-md); padding-right: var(--van-padding-md) } .van-calendar__confirm { height: var(--van-calendar-confirm-button-height); margin: var(--van-calendar-confirm-button-margin) } :root, :host { --van-address-edit-padding: var(--van-padding-sm); --van-address-edit-buttons-padding: var(--van-padding-xl) var(--van-padding-base); --van-address-edit-button-margin-bottom: var(--van-padding-sm); --van-address-edit-button-font-size: var(--van-font-size-lg) } .van-address-edit { padding: var(--van-address-edit-padding) } .van-address-edit__fields { overflow: hidden; border-radius: var(--van-padding-xs) } .van-address-edit__fields .van-field__label { width: 4.1em } .van-address-edit__default { margin-top: var(--van-padding-sm); overflow: hidden; border-radius: var(--van-padding-xs) } .van-address-edit__buttons { padding: var(--van-address-edit-buttons-padding) } .van-address-edit__button { margin-bottom: var(--van-address-edit-button-margin-bottom); font-size: var(--van-address-edit-button-font-size) } .van-address-edit-detail__search-item { background: var(--van-gray-2) } .van-radio-group--horizontal, .van-checkbox-group--horizontal { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap } :root, :host { --van-checkbox-size: 20px; --van-checkbox-border-color: var(--van-gray-5); --van-checkbox-duration: var(--van-duration-fast); --van-checkbox-label-margin: var(--van-padding-xs); --van-checkbox-label-color: var(--van-text-color); --van-checkbox-checked-icon-color: var(--van-primary-color); --van-checkbox-disabled-icon-color: var(--van-gray-5); --van-checkbox-disabled-label-color: var(--van-text-color-3); --van-checkbox-disabled-background: var(--van-border-color) } .van-checkbox { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; overflow: hidden; cursor: pointer; -webkit-user-select: none; user-select: none } .van-checkbox--disabled { cursor: not-allowed } .van-checkbox--label-disabled { cursor: default } .van-checkbox--horizontal { margin-right: var(--van-padding-sm) } .van-checkbox__icon { -webkit-box-flex: 0; -webkit-flex: none; flex: none; height: 1em; font-size: var(--van-checkbox-size); line-height: 1em; cursor: pointer } .van-checkbox__icon .van-icon { display: block; box-sizing: border-box; width: 1.25em; height: 1.25em; color: transparent; font-size: .8em; line-height: 1.25; text-align: center; border: .01333rem solid var(--van-checkbox-border-color); -webkit-transition-duration: var(--van-checkbox-duration); transition-duration: var(--van-checkbox-duration); -webkit-transition-property: color, border-color, background-color; transition-property: color, border-color, background-color } .van-checkbox__icon--round .van-icon { border-radius: 100% } .van-checkbox__icon--indeterminate .van-icon { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; color: var(--van-white); border-color: var(--van-checkbox-checked-icon-color); background-color: var(--van-checkbox-checked-icon-color) } .van-checkbox__icon--checked .van-icon { color: var(--van-white); background-color: var(--van-checkbox-checked-icon-color); border-color: var(--van-checkbox-checked-icon-color) } .van-checkbox__icon--disabled { cursor: not-allowed } .van-checkbox__icon--disabled .van-icon { background-color: var(--van-checkbox-disabled-background); border-color: var(--van-checkbox-disabled-icon-color) } .van-checkbox__icon--disabled.van-checkbox__icon--checked .van-icon { color: var(--van-checkbox-disabled-icon-color) } .van-checkbox__label { margin-left: var(--van-checkbox-label-margin); color: var(--van-checkbox-label-color); line-height: var(--van-checkbox-size) } .van-checkbox__label--left { margin: 0 var(--van-checkbox-label-margin) 0 0 } .van-checkbox__label--disabled { color: var(--van-checkbox-disabled-label-color) } :root, :host { --van-coupon-margin: 0 var(--van-padding-sm) var(--van-padding-sm); --van-coupon-content-height: 84px; --van-coupon-content-padding: 14px 0; --van-coupon-content-text-color: var(--van-text-color); --van-coupon-background: var(--van-background-2); --van-coupon-active-background: var(--van-active-color); --van-coupon-radius: var(--van-radius-lg); --van-coupon-shadow: 0 0 4px rgba(0, 0, 0, .1); --van-coupon-head-width: 96px; --van-coupon-amount-color: var(--van-primary-color); --van-coupon-amount-font-size: 30px; --van-coupon-currency-font-size: 40%; --van-coupon-name-font-size: var(--van-font-size-md); --van-coupon-disabled-text-color: var(--van-text-color-2); --van-coupon-description-padding: var(--van-padding-xs) var(--van-padding-md); --van-coupon-description-border-color: var(--van-border-color); --van-coupon-checkbox-color: var(--van-primary-color) } .van-coupon { margin: var(--van-coupon-margin); overflow: hidden; background: var(--van-coupon-background); border-radius: var(--van-coupon-radius); box-shadow: var(--van-coupon-shadow) } .van-coupon:active { background-color: var(--van-coupon-active-background) } .van-coupon__content { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; box-sizing: border-box; min-height: var(--van-coupon-content-height); padding: var(--van-coupon-content-padding); color: var(--van-coupon-content-text-color) } .van-coupon__head { position: relative; min-width: var(--van-coupon-head-width); padding: 0 var(--van-padding-xs); color: var(--van-coupon-amount-color); text-align: center } .van-coupon__amount, .van-coupon__condition, .van-coupon__name, .van-coupon__valid { overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .van-coupon__amount { margin-bottom: .08rem; font-weight: var(--van-font-bold); font-size: var(--van-coupon-amount-font-size); overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .van-coupon__amount span { font-size: var(--van-coupon-currency-font-size) } .van-coupon__amount span:not(:empty) { margin-left: .02667rem } .van-coupon__condition { font-size: var(--van-font-size-sm); line-height: .21333rem; white-space: pre-wrap } .van-coupon__body { position: relative; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1 } .van-coupon__name { margin-bottom: .13333rem; font-weight: var(--van-font-bold); font-size: var(--van-coupon-name-font-size); line-height: var(--van-line-height-md) } .van-coupon__valid { font-size: var(--van-font-size-sm) } .van-coupon__corner { position: absolute; top: 0; right: var(--van-padding-md); bottom: 0 } .van-coupon__corner .van-checkbox__icon--checked .van-icon { background-color: var(--van-coupon-checkbox-color); border-color: var(--van-coupon-checkbox-color) } .van-coupon__description { padding: var(--van-coupon-description-padding); font-size: var(--van-font-size-sm); border-top: .01333rem dashed var(--van-coupon-description-border-color) } .van-coupon--disabled:active { background-color: var(--van-coupon-background) } .van-coupon--disabled .van-coupon-item__content { height: calc(var(--van-coupon-content-height) - .13333rem) } .van-coupon--disabled .van-coupon__head { color: inherit } :root, :host { --van-radio-size: 20px; --van-radio-dot-size: 8px; --van-radio-border-color: var(--van-gray-5); --van-radio-duration: var(--van-duration-fast); --van-radio-label-margin: var(--van-padding-xs); --van-radio-label-color: var(--van-text-color); --van-radio-checked-icon-color: var(--van-primary-color); --van-radio-disabled-icon-color: var(--van-gray-5); --van-radio-disabled-label-color: var(--van-text-color-3); --van-radio-disabled-background: var(--van-border-color) } .van-radio { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; overflow: hidden; cursor: pointer; -webkit-user-select: none; user-select: none } .van-radio--disabled { cursor: not-allowed } .van-radio--label-disabled { cursor: default } .van-radio--horizontal { margin-right: var(--van-padding-sm) } .van-radio__icon { -webkit-box-flex: 0; -webkit-flex: none; flex: none; height: 1em; font-size: var(--van-radio-size); line-height: 1em; cursor: pointer } .van-radio__icon .van-icon { display: block; box-sizing: border-box; width: 1.25em; height: 1.25em; color: transparent; font-size: .8em; line-height: 1.25; text-align: center; border: .01333rem solid var(--van-radio-border-color); -webkit-transition-duration: var(--van-radio-duration); transition-duration: var(--van-radio-duration); -webkit-transition-property: color, border-color, background-color; transition-property: color, border-color, background-color } .van-radio__icon--round .van-icon { border-radius: 100% } .van-radio__icon--dot { position: relative; border-radius: 100%; box-sizing: border-box; width: var(--van-radio-size); height: var(--van-radio-size); border: .01333rem solid var(--van-radio-border-color); -webkit-transition-duration: var(--van-radio-duration); transition-duration: var(--van-radio-duration); -webkit-transition-property: border-color; transition-property: border-color } .van-radio__icon--dot__icon { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 100%; height: calc(100% - var(--van-radio-dot-size)); width: calc(100% - var(--van-radio-dot-size)); -webkit-transition-duration: var(--van-radio-duration); transition-duration: var(--van-radio-duration); -webkit-transition-property: background-color; transition-property: background-color } .van-radio__icon--checked .van-icon { color: var(--van-white); background-color: var(--van-radio-checked-icon-color); border-color: var(--van-radio-checked-icon-color) } .van-radio__icon--checked.van-radio__icon--dot { border-color: var(--van-radio-checked-icon-color) } .van-radio__icon--checked.van-radio__icon--dot .van-radio__icon--dot__icon { background: var(--van-radio-checked-icon-color) } .van-radio__icon--disabled { cursor: not-allowed } .van-radio__icon--disabled .van-icon { background-color: var(--van-radio-disabled-background); border-color: var(--van-radio-disabled-icon-color) } .van-radio__icon--disabled.van-radio__icon--checked .van-icon { color: var(--van-radio-disabled-icon-color) } .van-radio__label { margin-left: var(--van-radio-label-margin); color: var(--van-radio-label-color); line-height: var(--van-radio-size) } .van-radio__label--left { margin: 0 var(--van-radio-label-margin) 0 0 } .van-radio__label--disabled { color: var(--van-radio-disabled-label-color) } :root, :host { --van-contact-list-padding: var(--van-padding-sm) var(--van-padding-sm) 80px; --van-contact-list-edit-icon-size: 16px; --van-contact-list-add-button-z-index: 999; --van-contact-list-radio-color: var(--van-primary-color); --van-contact-list-item-padding: var(--van-padding-md) } .van-contact-list { box-sizing: border-box; height: 100%; padding: var(--van-contact-list-padding) } .van-contact-list__item { padding: var(--van-contact-list-item-padding) } .van-contact-list__item-title { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding-right: var(--van-padding-xl); padding-left: var(--van-padding-xs) } .van-contact-list__item-tag { -webkit-box-flex: 0; -webkit-flex: none; flex: none; margin-left: var(--van-padding-xs); padding-top: 0; padding-bottom: 0; line-height: 1.4em } .van-contact-list__group { box-sizing: border-box; height: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; border-radius: var(--van-radius-lg) } .van-contact-list__edit { font-size: var(--van-contact-list-edit-icon-size) } .van-contact-list__radio .van-radio__icon--checked .van-icon { background-color: var(--van-contact-list-radio-color); border-color: var(--van-contact-list-radio-color) } .van-contact-list__bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: var(--van-contact-list-add-button-z-index); padding-left: var(--van-padding-md); padding-right: var(--van-padding-md); background-color: var(--van-background-2) } .van-contact-list__add { height: .53333rem; margin: .06667rem 0 } :root, :host { --van-address-list-padding: var(--van-padding-sm) var(--van-padding-sm) 80px; --van-address-list-disabled-text-color: var(--van-text-color-2); --van-address-list-disabled-text-padding: calc(var(--van-padding-base) * 5) 0; --van-address-list-disabled-text-font-size: var(--van-font-size-md); --van-address-list-disabled-text-line-height: var(--van-line-height-md); --van-address-list-add-button-z-index: 999; --van-address-list-item-padding: var(--van-padding-sm); --van-address-list-item-text-color: var(--van-text-color); --van-address-list-item-disabled-text-color: var(--van-text-color-3); --van-address-list-item-font-size: 13px; --van-address-list-item-line-height: var(--van-line-height-sm); --van-address-list-radio-color: var(--van-primary-color); --van-address-list-edit-icon-size: 20px } .van-address-list { box-sizing: border-box; height: 100%; padding: var(--van-address-list-padding) } .van-address-list__bottom { position: fixed; bottom: 0; left: 0; z-index: var(--van-address-list-add-button-z-index); box-sizing: border-box; width: 100%; padding-left: var(--van-padding-md); padding-right: var(--van-padding-md); background-color: var(--van-background-2) } .van-address-list__add { height: .53333rem; margin: .06667rem 0 } .van-address-list__disabled-text { padding: var(--van-address-list-disabled-text-padding); color: var(--van-address-list-disabled-text-color); font-size: var(--van-address-list-disabled-text-font-size); line-height: var(--van-address-list-disabled-text-line-height) } .van-address-item { padding: var(--van-address-list-item-padding); background-color: var(--van-background-2); border-radius: var(--van-radius-lg) } .van-address-item:not(:last-child) { margin-bottom: var(--van-padding-sm) } .van-address-item__title { padding-right: .58667rem } .van-address-item__name { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin-bottom: var(--van-padding-xs); font-size: var(--van-font-size-lg); line-height: var(--van-line-height-lg) } .van-address-item__tag { -webkit-box-flex: 0; -webkit-flex: none; flex: none; margin-left: var(--van-padding-xs); padding-top: 0; padding-bottom: 0; line-height: 1.4em } .van-address-item__address { color: var(--van-address-list-item-text-color); font-size: var(--van-address-list-item-font-size); line-height: var(--van-address-list-item-line-height) } .van-address-item--disabled .van-address-item__name, .van-address-item--disabled .van-address-item__address { color: var(--van-address-list-item-disabled-text-color) } .van-address-item__edit { position: absolute; top: 50%; right: var(--van-padding-md); color: var(--van-gray-6); font-size: var(--van-address-list-edit-icon-size); -webkit-transform: translateY(-50%); transform: translateY(-50%) } .van-address-item .van-cell { padding: 0 } .van-address-item .van-radio__label { margin-left: var(--van-padding-sm) } .van-address-item .van-radio__icon--checked .van-icon { background-color: var(--van-address-list-radio-color); border-color: var(--van-address-list-radio-color) } :root, :host { --van-barrage-font-size: 16px; --van-barrage-space: 10px; --van-barrage-font: inherit; --van-barrage-color: var(--van-white) } .van-barrage { position: relative; overflow: hidden } .van-barrage__item { position: absolute; top: 0; right: 0; z-index: 99; padding-bottom: var(--van-barrage-space); opacity: .75; line-height: 1; font-size: var(--van-barrage-font-size); font-family: var(--van-barrage-font); font-weight: 700; white-space: nowrap; color: var(--van-barrage-color); text-shadow: .01333rem 0 .01333rem #000000, 0 .01333rem .01333rem #000000, 0 -.01333rem .01333rem #000000, -.01333rem 0 .01333rem #000000; -webkit-user-select: none; user-select: none; will-change: transform; -webkit-transform: translate(110%); transform: translate(110%) } @-webkit-keyframes van-barrage { 0% { -webkit-transform: translate(110%); transform: translate(110%) } to { -webkit-transform: translate(var(--move-distance)); transform: translate(var(--move-distance)) } } @keyframes van-barrage { 0% { -webkit-transform: translate(110%); transform: translate(110%) } to { -webkit-transform: translate(var(--move-distance)); transform: translate(var(--move-distance)) } } :root, :host { --van-cell-group-background: var(--van-background-2); --van-cell-group-title-color: var(--van-text-color-2); --van-cell-group-title-padding: var(--van-padding-md) var(--van-padding-md); --van-cell-group-title-font-size: var(--van-font-size-md); --van-cell-group-title-line-height: 16px; --van-cell-group-inset-padding: 0 var(--van-padding-md); --van-cell-group-inset-radius: var(--van-radius-lg); --van-cell-group-inset-title-padding: var(--van-padding-md) var(--van-padding-md) } .van-cell-group { background: var(--van-cell-group-background) } .van-cell-group--inset { margin: var(--van-cell-group-inset-padding); border-radius: var(--van-cell-group-inset-radius); overflow: hidden } .van-cell-group__title { padding: var(--van-cell-group-title-padding); color: var(--van-cell-group-title-color); font-size: var(--van-cell-group-title-font-size); line-height: var(--van-cell-group-title-line-height) } .van-cell-group__title--inset { padding: var(--van-cell-group-inset-title-padding) } :root, :host { --van-circle-size: 100px; --van-circle-color: var(--van-primary-color); --van-circle-layer-color: var(--van-white); --van-circle-text-color: var(--van-text-color); --van-circle-text-font-weight: var(--van-font-bold); --van-circle-text-font-size: var(--van-font-size-md); --van-circle-text-line-height: var(--van-line-height-md) } .van-circle { position: relative; display: inline-block; width: var(--van-circle-size); height: var(--van-circle-size); text-align: center } .van-circle svg { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .van-circle__layer { stroke: var(--van-circle-layer-color) } .van-circle__hover { fill: none; stroke: var(--van-circle-color); stroke-linecap: round } .van-circle__text { position: absolute; top: 50%; left: 0; box-sizing: border-box; width: 100%; padding: 0 var(--van-padding-base); color: var(--van-circle-text-color); font-weight: var(--van-circle-text-font-weight); font-size: var(--van-circle-text-font-size); line-height: var(--van-circle-text-line-height); -webkit-transform: translateY(-50%); transform: translateY(-50%) } .van-row { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap } .van-row--nowrap { -webkit-flex-wrap: nowrap; flex-wrap: nowrap } .van-row--justify-center { -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .van-row--justify-end { -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end } .van-row--justify-space-between { -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .van-row--justify-space-around { -webkit-justify-content: space-around; justify-content: space-around } .van-row--align-center { -webkit-box-align: center; -webkit-align-items: center; align-items: center } .van-row--align-bottom { -webkit-box-align: end; -webkit-align-items: flex-end; align-items: flex-end } .van-col { display: block; box-sizing: border-box; min-height: .01333rem } .van-col--1 { -webkit-box-flex: 0; -webkit-flex: 0 0 4.16666667%; flex: 0 0 4.16666667%; max-width: 4.16666667% } .van-col--offset-1 { margin-left: 4.16666667% } .van-col--2 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.33333333%; flex: 0 0 8.33333333%; max-width: 8.33333333% } .van-col--offset-2 { margin-left: 8.33333333% } .van-col--3 { -webkit-box-flex: 0; -webkit-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5% } .van-col--offset-3 { margin-left: 12.5% } .van-col--4 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66666667%; flex: 0 0 16.66666667%; max-width: 16.66666667% } .van-col--offset-4 { margin-left: 16.66666667% } .van-col--5 { -webkit-box-flex: 0; -webkit-flex: 0 0 20.83333333%; flex: 0 0 20.83333333%; max-width: 20.83333333% } .van-col--offset-5 { margin-left: 20.83333333% } .van-col--6 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .van-col--offset-6 { margin-left: 25% } .van-col--7 { -webkit-box-flex: 0; -webkit-flex: 0 0 29.16666667%; flex: 0 0 29.16666667%; max-width: 29.16666667% } .van-col--offset-7 { margin-left: 29.16666667% } .van-col--8 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333333%; flex: 0 0 33.33333333%; max-width: 33.33333333% } .van-col--offset-8 { margin-left: 33.33333333% } .van-col--9 { -webkit-box-flex: 0; -webkit-flex: 0 0 37.5%; flex: 0 0 37.5%; max-width: 37.5% } .van-col--offset-9 { margin-left: 37.5% } .van-col--10 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.66666667%; flex: 0 0 41.66666667%; max-width: 41.66666667% } .van-col--offset-10 { margin-left: 41.66666667% } .van-col--11 { -webkit-box-flex: 0; -webkit-flex: 0 0 45.83333333%; flex: 0 0 45.83333333%; max-width: 45.83333333% } .van-col--offset-11 { margin-left: 45.83333333% } .van-col--12 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .van-col--offset-12 { margin-left: 50% } .van-col--13 { -webkit-box-flex: 0; -webkit-flex: 0 0 54.16666667%; flex: 0 0 54.16666667%; max-width: 54.16666667% } .van-col--offset-13 { margin-left: 54.16666667% } .van-col--14 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.33333333%; flex: 0 0 58.33333333%; max-width: 58.33333333% } .van-col--offset-14 { margin-left: 58.33333333% } .van-col--15 { -webkit-box-flex: 0; -webkit-flex: 0 0 62.5%; flex: 0 0 62.5%; max-width: 62.5% } .van-col--offset-15 { margin-left: 62.5% } .van-col--16 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.66666667%; flex: 0 0 66.66666667%; max-width: 66.66666667% } .van-col--offset-16 { margin-left: 66.66666667% } .van-col--17 { -webkit-box-flex: 0; -webkit-flex: 0 0 70.83333333%; flex: 0 0 70.83333333%; max-width: 70.83333333% } .van-col--offset-17 { margin-left: 70.83333333% } .van-col--18 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .van-col--offset-18 { margin-left: 75% } .van-col--19 { -webkit-box-flex: 0; -webkit-flex: 0 0 79.16666667%; flex: 0 0 79.16666667%; max-width: 79.16666667% } .van-col--offset-19 { margin-left: 79.16666667% } .van-col--20 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.33333333%; flex: 0 0 83.33333333%; max-width: 83.33333333% } .van-col--offset-20 { margin-left: 83.33333333% } .van-col--21 { -webkit-box-flex: 0; -webkit-flex: 0 0 87.5%; flex: 0 0 87.5%; max-width: 87.5% } .van-col--offset-21 { margin-left: 87.5% } .van-col--22 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.66666667%; flex: 0 0 91.66666667%; max-width: 91.66666667% } .van-col--offset-22 { margin-left: 91.66666667% } .van-col--23 { -webkit-box-flex: 0; -webkit-flex: 0 0 95.83333333%; flex: 0 0 95.83333333%; max-width: 95.83333333% } .van-col--offset-23 { margin-left: 95.83333333% } .van-col--24 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .van-col--offset-24 { margin-left: 100% } :root, :host { --van-count-down-text-color: var(--van-text-color); --van-count-down-font-size: var(--van-font-size-md); --van-count-down-line-height: var(--van-line-height-md) } .van-count-down { color: var(--van-count-down-text-color); font-size: var(--van-count-down-font-size); line-height: var(--van-count-down-line-height) } :root, :host { --van-empty-padding: var(--van-padding-xl) 0; --van-empty-image-size: 160px; --van-empty-description-margin-top: var(--van-padding-md); --van-empty-description-padding: 0 60px; --van-empty-description-color: var(--van-text-color-2); --van-empty-description-font-size: var(--van-font-size-md); --van-empty-description-line-height: var(--van-line-height-md); --van-empty-bottom-margin-top: 24px } .van-empty { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; box-sizing: border-box; padding: var(--van-empty-padding) } .van-empty__image { width: var(--van-empty-image-size); height: var(--van-empty-image-size) } .van-empty__image img { width: 100%; height: 100% } .van-empty__description { margin-top: var(--van-empty-description-margin-top); padding: var(--van-empty-description-padding); color: var(--van-empty-description-color); font-size: var(--van-empty-description-font-size); line-height: var(--van-empty-description-line-height) } .van-empty__bottom { margin-top: var(--van-empty-bottom-margin-top) } .van-theme-dark .van-empty { opacity: .5 } :root, :host { --van-coupon-list-background: var(--van-background); --van-coupon-list-field-padding: 5px 0 5px var(--van-padding-md); --van-coupon-list-exchange-button-height: 32px; --van-coupon-list-close-button-height: 40px; --van-coupon-list-empty-tip-color: var(--van-text-color-2); --van-coupon-list-empty-tip-font-size: var(--van-font-size-md); --van-coupon-list-empty-tip-line-height: var(--van-line-height-md) } .van-coupon-list { position: relative; height: 100%; background: var(--van-coupon-list-background) } .van-coupon-list__field { padding: var(--van-coupon-list-field-padding) } .van-coupon-list__field .van-field__body { height: .45333rem; padding-left: var(--van-padding-sm); line-height: .45333rem; background: var(--van-background); border-radius: var(--van-radius-max) } .van-coupon-list__field .van-field__body::-webkit-input-placeholder { color: var(--van-text-color-3) } .van-coupon-list__field .van-field__body::placeholder { color: var(--van-text-color-3) } .van-coupon-list__field .van-field__clear { margin-right: 0 } .van-coupon-list__exchange-bar { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; background-color: var(--van-background-2) } .van-coupon-list__exchange { -webkit-box-flex: 0; -webkit-flex: none; flex: none; height: var(--van-coupon-list-exchange-button-height); font-size: var(--van-font-size-lg); line-height: calc(var(--van-coupon-list-exchange-button-height) - .02667rem); border: 0 } .van-coupon-list .van-tabs__wrap { box-shadow: 0 .08rem .16rem -.16rem var(--van-gray-6) } .van-coupon-list__list { box-sizing: border-box; padding: var(--van-padding-md) 0 var(--van-padding-lg); overflow-y: auto; -webkit-overflow-scrolling: touch } .van-coupon-list__list--with-bottom { padding-bottom: .66667rem } .van-coupon-list__bottom { position: absolute; bottom: 0; left: 0; z-index: 999; box-sizing: border-box; width: 100%; padding: .06667rem var(--van-padding-md); font-weight: var(--van-font-bold); background-color: var(--van-background-2) } .van-coupon-list__close { height: var(--van-coupon-list-close-button-height) } .van-coupon-list__empty-tip { color: var(--van-coupon-list-empty-tip-color); font-size: var(--van-coupon-list-empty-tip-font-size); line-height: var(--van-coupon-list-empty-tip-line-height) } :root, :host { --van-divider-margin: var(--van-padding-md) 0; --van-divider-vertical-margin: 0 var(--van-padding-xs); --van-divider-text-color: var(--van-text-color-2); --van-divider-font-size: var(--van-font-size-md); --van-divider-line-height: 24px; --van-divider-border-color: var(--van-border-color); --van-divider-content-padding: var(--van-padding-md); --van-divider-content-left-width: 10%; --van-divider-content-right-width: 10% } .van-divider { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin: var(--van-divider-margin); color: var(--van-divider-text-color); font-size: var(--van-divider-font-size); line-height: var(--van-divider-line-height); border-color: var(--van-divider-border-color); border-style: solid; border-width: 0 } .van-divider:before, .van-divider:after { display: block; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; box-sizing: border-box; height: .01333rem; border-color: inherit; border-style: inherit; border-width: var(--van-border-width) 0 0 } .van-divider:before { content: "" } .van-divider--hairline:before, .van-divider--hairline:after { -webkit-transform: scaleY(.5); transform: scaleY(.5) } .van-divider--dashed { border-style: dashed } .van-divider--content-center:before, .van-divider--content-left:before, .van-divider--content-right:before { margin-right: var(--van-divider-content-padding) } .van-divider--content-center:after, .van-divider--content-left:after, .van-divider--content-right:after { margin-left: var(--van-divider-content-padding); content: "" } .van-divider--content-left:before { max-width: var(--van-divider-content-left-width) } .van-divider--content-right:after { max-width: var(--van-divider-content-right-width) } .van-divider--vertical { display: inline-block; width: var(--van-border-width); height: 1em; margin: var(--van-divider-vertical-margin); vertical-align: middle } .van-divider--vertical:before { height: 100%; border-width: 0 0 0 var(--van-border-width) } .van-divider--vertical:after { display: none } .van-divider--vertical.van-divider--hairline:before { -webkit-transform: scaleX(.5); transform: scaleX(.5) } :root, :host { --van-dropdown-menu-height: 48px; --van-dropdown-menu-background: var(--van-background-2); --van-dropdown-menu-shadow: 0 2px 12px rgba(100, 101, 102, .12); --van-dropdown-menu-title-font-size: 15px; --van-dropdown-menu-title-text-color: var(--van-text-color); --van-dropdown-menu-title-active-text-color: var(--van-primary-color); --van-dropdown-menu-title-disabled-text-color: var(--van-text-color-2); --van-dropdown-menu-title-padding: 0 var(--van-padding-xs); --van-dropdown-menu-title-line-height: var(--van-line-height-lg); --van-dropdown-menu-option-active-color: var(--van-primary-color); --van-dropdown-menu-option-disabled-color: var(--van-text-color-3); --van-dropdown-menu-content-max-height: 80% } .van-dropdown-menu { -webkit-user-select: none; user-select: none } .van-dropdown-menu__bar { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; height: var(--van-dropdown-menu-height); background: var(--van-dropdown-menu-background); box-shadow: var(--van-dropdown-menu-shadow) } .van-dropdown-menu__bar--opened { z-index: calc(var(--van-dropdown-item-z-index) + 1) } .van-dropdown-menu__bar--scrollable { padding-left: var(--van-padding-base); padding-right: var(--van-padding-xs); overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch } .van-dropdown-menu__bar--scrollable::-webkit-scrollbar { display: none } .van-dropdown-menu__item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; min-width: 0 } .van-dropdown-menu__item--disabled .van-dropdown-menu__title { color: var(--van-dropdown-menu-title-disabled-text-color) } .van-dropdown-menu__item--grow { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; flex: 1 0 auto; padding-left: var(--van-padding-base); padding-right: var(--van-padding-sm) } .van-dropdown-menu__title { position: relative; box-sizing: border-box; max-width: 100%; padding: var(--van-dropdown-menu-title-padding); color: var(--van-dropdown-menu-title-text-color); font-size: var(--van-dropdown-menu-title-font-size); line-height: var(--van-dropdown-menu-title-line-height) } .van-dropdown-menu__title:after { position: absolute; top: 50%; right: -.05333rem; margin-top: -.06667rem; border: .04rem solid; border-color: transparent transparent var(--van-gray-4) var(--van-gray-4); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: .8; content: "" } .van-dropdown-menu__title--active { color: var(--van-dropdown-menu-title-active-text-color) } .van-dropdown-menu__title--active:after { border-color: transparent transparent currentColor currentColor } .van-dropdown-menu__title--down:after { margin-top: -.01333rem; -webkit-transform: rotate(135deg); transform: rotate(135deg) } :root, :host { --van-dropdown-item-z-index: 10 } .van-dropdown-item { position: fixed; right: 0; left: 0; z-index: var(--van-dropdown-item-z-index); overflow: hidden } .van-dropdown-item__icon { display: block; line-height: inherit } .van-dropdown-item__option { text-align: left } .van-dropdown-item__option--active, .van-dropdown-item__option--active .van-dropdown-item__icon { color: var(--van-dropdown-menu-option-active-color) } .van-dropdown-item__option--disabled, .van-dropdown-item__option--disabled .van-dropdown-item__icon { color: var(--van-dropdown-menu-option-disabled-color) } .van-dropdown-item--up { top: 0 } .van-dropdown-item--down { bottom: 0 } .van-dropdown-item__content { position: absolute; max-height: var(--van-dropdown-menu-content-max-height) } :root, :host { --van-floating-panel-border-radius: 16px; --van-floating-panel-header-height: 30px; --van-floating-panel-z-index: 999; --van-floating-panel-background: var(--van-background-2); --van-floating-panel-bar-width: 20px; --van-floating-panel-bar-height: 3px; --van-floating-panel-bar-color: var(--van-gray-5) } .van-floating-panel { position: fixed; left: 0; bottom: 0; width: 100vw; z-index: var(--van-floating-panel-z-index); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; touch-action: none; border-top-left-radius: var(--van-floating-panel-border-radius); border-top-right-radius: var(--van-floating-panel-border-radius); background: var(--van-floating-panel-background); will-change: transform } .van-floating-panel:after { content: ""; display: block; position: absolute; bottom: -100vh; height: 100vh; width: 100vw; background-color: inherit } .van-floating-panel__header { height: var(--van-floating-panel-header-height); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; cursor: grab; -webkit-user-select: none; user-select: none } .van-floating-panel__header-bar { height: var(--van-floating-panel-bar-height); width: var(--van-floating-panel-bar-width); border-radius: var(--van-radius-md); background: var(--van-floating-panel-bar-color) } .van-floating-panel__content { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; overflow-y: auto; background-color: var(--van-floating-panel-background) } .van-grid { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap } :root, :host { --van-grid-item-content-padding: var(--van-padding-md) var(--van-padding-xs); --van-grid-item-content-background: var(--van-background-2); --van-grid-item-content-active-color: var(--van-active-color); --van-grid-item-icon-size: 28px; --van-grid-item-text-color: var(--van-text-color); --van-grid-item-text-font-size: var(--van-font-size-sm) } .van-grid-item { position: relative; box-sizing: border-box } .van-grid-item--square { height: 0 } .van-grid-item__icon { font-size: var(--van-grid-item-icon-size) } .van-grid-item__text { color: var(--van-grid-item-text-color); font-size: var(--van-grid-item-text-font-size); line-height: 1.5; word-break: break-all } .van-grid-item__icon+.van-grid-item__text { margin-top: var(--van-padding-xs) } .van-grid-item__content { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; box-sizing: border-box; height: 100%; padding: var(--van-grid-item-content-padding); background: var(--van-grid-item-content-background) } .van-grid-item__content:after { z-index: 1; border-width: 0 var(--van-border-width) var(--van-border-width) 0 } .van-grid-item__content--square { position: absolute; top: 0; right: 0; left: 0 } .van-grid-item__content--center { -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .van-grid-item__content--horizontal { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row } .van-grid-item__content--horizontal .van-grid-item__text { margin: 0 0 0 var(--van-padding-xs) } .van-grid-item__content--reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; flex-direction: column-reverse } .van-grid-item__content--reverse .van-grid-item__text { margin: 0 0 var(--van-padding-xs) } .van-grid-item__content--horizontal.van-grid-item__content--reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; flex-direction: row-reverse } .van-grid-item__content--horizontal.van-grid-item__content--reverse .van-grid-item__text { margin: 0 var(--van-padding-xs) 0 0 } .van-grid-item__content--surround:after { border-width: var(--van-border-width) } .van-grid-item__content--clickable { cursor: pointer } .van-grid-item__content--clickable:active { background-color: var(--van-grid-item-content-active-color) } :root, :host { --van-highlight-tag-color: var(--van-primary-color) } .van-highlight__tag { color: var(--van-highlight-tag-color) } :root, :host { --van-index-bar-sidebar-z-index: 2; --van-index-bar-index-font-size: var(--van-font-size-xs); --van-index-bar-index-line-height: var(--van-line-height-xs); --van-index-bar-index-active-color: var(--van-primary-color) } .van-index-bar__sidebar { position: fixed; top: 50%; right: 0; z-index: var(--van-index-bar-sidebar-z-index); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; text-align: center; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; -webkit-user-select: none; user-select: none } .van-index-bar__index { padding: 0 var(--van-padding-xs) 0 var(--van-padding-md); font-weight: var(--van-font-bold); font-size: var(--van-index-bar-index-font-size); line-height: var(--van-index-bar-index-line-height) } .van-index-bar__index--active { color: var(--van-index-bar-index-active-color); font-weight: 700 } :root, :host { --van-index-anchor-z-index: 1; --van-index-anchor-padding: 0 var(--van-padding-md); --van-index-anchor-text-color: var(--van-text-color); --van-index-anchor-font-weight: var(--van-font-bold); --van-index-anchor-font-size: var(--van-font-size-md); --van-index-anchor-line-height: 32px; --van-index-anchor-background: transparent; --van-index-anchor-sticky-text-color: var(--van-primary-color); --van-index-anchor-sticky-background: var(--van-background-2) } .van-index-anchor { z-index: var(--van-index-anchor-z-index); box-sizing: border-box; padding: var(--van-index-anchor-padding); color: var(--van-index-anchor-text-color); font-weight: var(--van-index-anchor-font-weight); font-size: var(--van-index-anchor-font-size); line-height: var(--van-index-anchor-line-height); background: var(--van-index-anchor-background) } .van-index-anchor--sticky { position: fixed; top: 0; right: 0; left: 0; color: var(--van-index-anchor-sticky-text-color); background: var(--van-index-anchor-sticky-background) } :root, :host { --van-pagination-height: 40px; --van-pagination-font-size: var(--van-font-size-md); --van-pagination-item-width: 36px; --van-pagination-item-default-color: var(--van-primary-color); --van-pagination-item-disabled-color: var(--van-gray-7); --van-pagination-item-disabled-background: var(--van-background); --van-pagination-background: var(--van-background-2); --van-pagination-desc-color: var(--van-gray-7); --van-pagination-disabled-opacity: var(--van-disabled-opacity) } .van-pagination { font-size: var(--van-pagination-font-size) } .van-pagination__items { display: -webkit-box; display: -webkit-flex; display: flex } .van-pagination__item, .van-pagination__page-desc { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .van-pagination__item { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; box-sizing: border-box; min-width: var(--van-pagination-item-width); height: var(--van-pagination-height); color: var(--van-pagination-item-default-color); background: var(--van-pagination-background); cursor: pointer; -webkit-user-select: none; user-select: none } .van-pagination__item button { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; height: 100%; border: none; padding: 0; background: transparent } .van-pagination__item button[disabled] { cursor: not-allowed } .van-pagination__item:active { color: var(--van-white); background-color: var(--van-pagination-item-default-color) } .van-pagination__item:not(:last-child):after { border-right-width: 0 } .van-pagination__item--active { color: var(--van-white); background-color: var(--van-pagination-item-default-color) } .van-pagination__item--page { -webkit-box-flex: 0; -webkit-flex-grow: 0; flex-grow: 0 } .van-pagination__item--prev, .van-pagination__item--next { padding: 0 var(--van-padding-base); cursor: pointer } .van-pagination__item--border:first-child:after { border-right-width: var(--van-border-width) } .van-pagination__item--disabled, .van-pagination__item--disabled:active { color: var(--van-pagination-item-disabled-color); background-color: var(--van-pagination-item-disabled-background); opacity: var(--van-pagination-disabled-opacity) } .van-pagination__page-desc { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; height: var(--van-pagination-height); color: var(--van-pagination-desc-color) } :root, :host { --van-password-input-height: 50px; --van-password-input-margin: 0 var(--van-padding-md); --van-password-input-font-size: 20px; --van-password-input-radius: 6px; --van-password-input-background: var(--van-background-2); --van-password-input-info-color: var(--van-text-color-2); --van-password-input-info-font-size: var(--van-font-size-md); --van-password-input-error-info-color: var(--van-danger-color); --van-password-input-dot-size: 10px; --van-password-input-dot-color: var(--van-text-color); --van-password-input-text-color: var(--van-text-color); --van-password-input-cursor-color: var(--van-text-color); --van-password-input-cursor-width: 1px; --van-password-input-cursor-height: 40%; --van-password-input-cursor-duration: 1s } .van-password-input { position: relative; margin: var(--van-password-input-margin); -webkit-user-select: none; user-select: none } .van-password-input__info, .van-password-input__error-info { margin-top: var(--van-padding-md); font-size: var(--van-password-input-info-font-size); text-align: center } .van-password-input__info { color: var(--van-password-input-info-color) } .van-password-input__error-info { color: var(--van-password-input-error-info-color) } .van-password-input__security { display: -webkit-box; display: -webkit-flex; display: flex; width: 100%; height: var(--van-password-input-height); cursor: pointer } .van-password-input__security:after { border-radius: var(--van-password-input-radius) } .van-password-input__security li { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; height: 100%; color: var(--van-password-input-text-color); font-size: var(--van-password-input-font-size); line-height: 1.2; background: var(--van-password-input-background) } .van-password-input__security i { position: absolute; top: 50%; left: 50%; width: var(--van-password-input-dot-size); height: var(--van-password-input-dot-size); background: var(--van-password-input-dot-color); border-radius: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); visibility: hidden } .van-password-input__cursor { position: absolute; top: 50%; left: 50%; width: var(--van-password-input-cursor-width); height: var(--van-password-input-cursor-height); background: var(--van-password-input-cursor-color); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-animation: var(--van-password-input-cursor-duration) van-cursor-flicker infinite; animation: var(--van-password-input-cursor-duration) van-cursor-flicker infinite } @-webkit-keyframes van-cursor-flicker { 0% { opacity: 0 } 50% { opacity: 1 } to { opacity: 0 } } @keyframes van-cursor-flicker { 0% { opacity: 0 } 50% { opacity: 1 } to { opacity: 0 } } :root, :host { --van-progress-height: 4px; --van-progress-color: var(--van-primary-color); --van-progress-inactive-color: var(--van-gray-5); --van-progress-background: var(--van-gray-3); --van-progress-pivot-padding: 0 5px; --van-progress-pivot-text-color: var(--van-white); --van-progress-pivot-font-size: var(--van-font-size-xs); --van-progress-pivot-line-height: 1.6; --van-progress-pivot-background: var(--van-primary-color) } .van-progress { position: relative; height: var(--van-progress-height); background: var(--van-progress-background); border-radius: var(--van-progress-height) } .van-progress__portion { position: absolute; left: 0; width: 100%; height: 100%; background: var(--van-progress-color); border-radius: inherit; -webkit-transform-origin: 0; transform-origin: 0; -webkit-transition: all var(--van-duration-base) var(--van-ease-out); transition: all var(--van-duration-base) var(--van-ease-out) } .van-progress__portion--inactive { background: var(--van-progress-inactive-color) } .van-progress__pivot { position: absolute; top: 50%; box-sizing: border-box; min-width: 3.6em; padding: var(--van-progress-pivot-padding); color: var(--van-progress-pivot-text-color); font-size: var(--van-progress-pivot-font-size); line-height: var(--van-progress-pivot-line-height); text-align: center; word-break: keep-all; background: var(--van-progress-pivot-background); border-radius: 1em; -webkit-transition: all var(--van-duration-base) var(--van-ease-out); transition: all var(--van-duration-base) var(--van-ease-out) } .van-progress__pivot--inactive { background: var(--van-progress-inactive-color) } :root, :host { --van-rolling-text-background: inherit; --van-rolling-text-color: var(--van-text-color); --van-rolling-text-font-size: var(--van-font-size-md); --van-rolling-text-gap: 0px; --van-rolling-text-item-width: 15px; --van-rolling-text-item-border-radius: 0px } .van-rolling-text { display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; font-size: var(--van-rolling-text-font-size); color: var(--van-rolling-text-color) } .van-rolling-text-item { margin-right: var(--van-rolling-text-gap); width: var(--van-rolling-text-item-width); border-radius: var(--van-rolling-text-item-border-radius); background: var(--van-rolling-text-background); overflow: hidden } .van-rolling-text-item:last-child { margin-right: 0 } .van-rolling-text-item__box { overflow: hidden } .van-rolling-text-item__box--animate { -webkit-animation: van-up var(--van-duration) ease-in-out var(--van-delay); animation: van-up var(--van-duration) ease-in-out var(--van-delay); -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: both; animation-fill-mode: both } .van-rolling-text-item__item { text-align: center } .van-rolling-text-item--down .van-rolling-text-item__box { -webkit-transform: translateY(var(--van-translate)); transform: translateY(var(--van-translate)) } .van-rolling-text-item--down .van-rolling-text-item__box--animate { -webkit-animation-name: van-down; animation-name: van-down } @-webkit-keyframes van-down { 0% { -webkit-transform: translateY(var(--van-translate)); transform: translateY(var(--van-translate)) } to { -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes van-down { 0% { -webkit-transform: translateY(var(--van-translate)); transform: translateY(var(--van-translate)) } to { -webkit-transform: translateY(0); transform: translateY(0) } } @-webkit-keyframes van-up { 0% { -webkit-transform: translateY(0); transform: translateY(0) } to { -webkit-transform: translateY(var(--van-translate)); transform: translateY(var(--van-translate)) } } @keyframes van-up { 0% { -webkit-transform: translateY(0); transform: translateY(0) } to { -webkit-transform: translateY(var(--van-translate)); transform: translateY(var(--van-translate)) } } :root, :host { --van-sidebar-width: 80px } .van-sidebar { width: var(--van-sidebar-width); overflow-y: auto; -webkit-overflow-scrolling: touch } :root, :host { --van-sidebar-font-size: var(--van-font-size-md); --van-sidebar-line-height: var(--van-line-height-md); --van-sidebar-text-color: var(--van-text-color); --van-sidebar-disabled-text-color: var(--van-text-color-3); --van-sidebar-padding: 20px var(--van-padding-sm); --van-sidebar-active-color: var(--van-active-color); --van-sidebar-background: var(--van-background); --van-sidebar-selected-font-weight: var(--van-font-bold); --van-sidebar-selected-text-color: var(--van-text-color); --van-sidebar-selected-border-width: 4px; --van-sidebar-selected-border-height: 16px; --van-sidebar-selected-border-color: var(--van-primary-color); --van-sidebar-selected-background: var(--van-background-2) } .van-sidebar-item { position: relative; display: block; box-sizing: border-box; padding: var(--van-sidebar-padding); overflow: hidden; color: var(--van-sidebar-text-color); font-size: var(--van-sidebar-font-size); line-height: var(--van-sidebar-line-height); background: var(--van-sidebar-background); cursor: pointer; -webkit-user-select: none; user-select: none } .van-sidebar-item:active { background-color: var(--van-sidebar-active-color) } .van-sidebar-item:not(:last-child):after { border-bottom-width: .01333rem } .van-sidebar-item__text { word-break: break-all } .van-sidebar-item--select { color: var(--van-sidebar-selected-text-color); font-weight: var(--van-sidebar-selected-font-weight) } .van-sidebar-item--select, .van-sidebar-item--select:active { background-color: var(--van-sidebar-selected-background) } .van-sidebar-item--select:before { position: absolute; top: 50%; left: 0; width: var(--van-sidebar-selected-border-width); height: var(--van-sidebar-selected-border-height); background-color: var(--van-sidebar-selected-border-color); -webkit-transform: translateY(-50%); transform: translateY(-50%); content: "" } .van-sidebar-item--disabled { color: var(--van-sidebar-disabled-text-color); cursor: not-allowed } .van-sidebar-item--disabled:active { background-color: var(--van-sidebar-background) } :root, :host { --van-tree-select-font-size: var(--van-font-size-md); --van-tree-select-nav-background: var(--van-background); --van-tree-select-content-background: var(--van-background-2); --van-tree-select-nav-item-padding: 14px var(--van-padding-sm); --van-tree-select-item-height: 48px; --van-tree-select-item-active-color: var(--van-primary-color); --van-tree-select-item-disabled-color: var(--van-gray-5); --van-tree-select-item-selected-size: 16px } .van-tree-select { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; font-size: var(--van-tree-select-font-size) } .van-tree-select__nav { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; overflow-y: auto; background: var(--van-tree-select-nav-background); -webkit-overflow-scrolling: touch } .van-tree-select__nav-item { padding: var(--van-tree-select-nav-item-padding) } .van-tree-select__content { -webkit-box-flex: 2; -webkit-flex: 2; flex: 2; overflow-y: auto; background: var(--van-tree-select-content-background); -webkit-overflow-scrolling: touch } .van-tree-select__item { position: relative; padding: 0 .42667rem 0 var(--van-padding-md); font-weight: var(--van-font-bold); line-height: var(--van-tree-select-item-height); -webkit-user-select: none; user-select: none; cursor: pointer } .van-tree-select__item--active { color: var(--van-tree-select-item-active-color) } .van-tree-select__item:active { background-color: var(--van-active-color) } .van-tree-select__item--disabled { color: var(--van-tree-select-item-disabled-color); cursor: not-allowed } .van-tree-select__item--disabled:active { background-color: transparent } .van-tree-select__selected { position: absolute; top: 50%; right: var(--van-padding-md); margin-top: calc(var(--van-padding-xs) * -1); font-size: var(--van-tree-select-item-selected-size) } :root, :host { --van-skeleton-title-width: 40% } .van-skeleton-title { height: var(--van-skeleton-paragraph-height); background: var(--van-skeleton-paragraph-background) } .van-skeleton-title--round { border-radius: var(--van-radius-max) } .van-skeleton-title { width: var(--van-skeleton-title-width); margin: 0 } .van-skeleton-title+.van-skeleton-paragraph { margin-top: .26667rem } :root, :host { --van-skeleton-avatar-size: 32px; --van-skeleton-avatar-background: var(--van-active-color) } .van-skeleton-avatar { -webkit-flex-shrink: 0; flex-shrink: 0; width: var(--van-skeleton-avatar-size); height: var(--van-skeleton-avatar-size); margin-right: var(--van-padding-md); background: var(--van-skeleton-avatar-background) } .van-skeleton-avatar--round { border-radius: var(--van-radius-max) } .van-skeleton-avatar+.van-skeleton__content { padding-top: var(--van-padding-xs) } :root, :host { --van-skeleton-paragraph-height: 16px; --van-skeleton-paragraph-background: var(--van-active-color); --van-skeleton-paragraph-margin-top: var(--van-padding-sm) } .van-skeleton-paragraph { height: var(--van-skeleton-paragraph-height); background: var(--van-skeleton-paragraph-background) } .van-skeleton-paragraph--round { border-radius: var(--van-radius-max) } .van-skeleton-paragraph:not(:first-child) { margin-top: var(--van-skeleton-paragraph-margin-top) } :root, :host { --van-skeleton-duration: 1.2s } .van-skeleton { display: -webkit-box; display: -webkit-flex; display: flex; padding: 0 var(--van-padding-md) } .van-skeleton__content { width: 100% } .van-skeleton--animate { -webkit-animation: van-skeleton-blink var(--van-skeleton-duration) ease-in-out infinite; animation: van-skeleton-blink var(--van-skeleton-duration) ease-in-out infinite } @-webkit-keyframes van-skeleton-blink { 50% { opacity: .6 } } @keyframes van-skeleton-blink { 50% { opacity: .6 } } :root, :host { --van-slider-active-background: var(--van-primary-color); --van-slider-inactive-background: var(--van-gray-3); --van-slider-disabled-opacity: var(--van-disabled-opacity); --van-slider-bar-height: 2px; --van-slider-button-width: 24px; --van-slider-button-height: 24px; --van-slider-button-radius: 50%; --van-slider-button-background: var(--van-white); --van-slider-button-shadow: 0 1px 2px rgba(0, 0, 0, .5) } .van-theme-dark { --van-slider-inactive-background: var(--van-background-3) } .van-slider { position: relative; width: 100%; height: var(--van-slider-bar-height); background: var(--van-slider-inactive-background); border-radius: var(--van-radius-max); cursor: pointer } .van-slider:before { position: absolute; top: calc(var(--van-padding-xs) * -1); right: 0; bottom: calc(var(--van-padding-xs) * -1); left: 0; content: "" } .van-slider__bar { position: absolute; width: 100%; height: 100%; background: var(--van-slider-active-background); border-radius: inherit; -webkit-transition: all var(--van-duration-fast); transition: all var(--van-duration-fast) } .van-slider__button { width: var(--van-slider-button-width); height: var(--van-slider-button-height); background: var(--van-slider-button-background); border-radius: var(--van-slider-button-radius); box-shadow: var(--van-slider-button-shadow) } .van-slider__button-wrapper { position: absolute; cursor: grab; top: 50% } .van-slider__button-wrapper--right { right: 0; -webkit-transform: translate3d(50%, -50%, 0); transform: translate3d(50%, -50%, 0) } .van-slider__button-wrapper--left { left: 0; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0) } .van-slider--disabled { cursor: not-allowed; opacity: var(--van-slider-disabled-opacity) } .van-slider--disabled .van-slider__button-wrapper { cursor: not-allowed } .van-slider--vertical { display: inline-block; width: var(--van-slider-bar-height); height: 100% } .van-slider--vertical .van-slider__button-wrapper--right { top: auto; right: 50%; bottom: 0; -webkit-transform: translate3d(50%, 50%, 0); transform: translate3d(50%, 50%, 0) } .van-slider--vertical .van-slider__button-wrapper--left { top: 0; right: 50%; left: auto; -webkit-transform: translate3d(50%, -50%, 0); transform: translate3d(50%, -50%, 0) } .van-slider--vertical:before { top: 0; right: calc(var(--van-padding-xs) * -1); bottom: 0; left: calc(var(--van-padding-xs) * -1) } .van-space { display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex } .van-space--horizontal .van-space-item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .van-space--vertical { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column } .van-space--align-baseline { -webkit-box-align: baseline; -webkit-align-items: baseline; align-items: baseline } .van-space--align-start { -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start } .van-space--align-end { -webkit-box-align: end; -webkit-align-items: flex-end; align-items: flex-end } .van-space--align-center { -webkit-box-align: center; -webkit-align-items: center; align-items: center } .van-space--wrap { -webkit-flex-wrap: wrap; flex-wrap: wrap } .van-space--fill { display: -webkit-box; display: -webkit-flex; display: flex } :root, :host { --van-steps-background: var(--van-background-2) } .van-steps { overflow: hidden; background-color: var(--van-steps-background) } .van-steps--horizontal { padding: .13333rem .13333rem 0 } .van-steps--horizontal .van-steps__items { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; margin: 0 0 .13333rem; padding-bottom: .29333rem } .van-steps--vertical { padding: 0 0 0 var(--van-padding-xl) } :root, :host { --van-step-text-color: var(--van-text-color-2); --van-step-active-color: var(--van-primary-color); --van-step-process-text-color: var(--van-text-color); --van-step-font-size: var(--van-font-size-md); --van-step-line-color: var(--van-border-color); --van-step-finish-line-color: var(--van-primary-color); --van-step-finish-text-color: var(--van-text-color); --van-step-icon-size: 12px; --van-step-circle-size: 5px; --van-step-circle-color: var(--van-gray-6); --van-step-horizontal-title-font-size: var(--van-font-size-sm) } .van-step { position: relative; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; color: var(--van-step-text-color); font-size: var(--van-step-font-size) } .van-step__circle { display: block; width: var(--van-step-circle-size); height: var(--van-step-circle-size); background-color: var(--van-step-circle-color); border-radius: 50% } .van-step__line { position: absolute; background-color: var(--van-step-line-color); -webkit-transition: background-color var(--van-duration-base); transition: background-color var(--van-duration-base) } .van-step--horizontal { float: left } .van-step--horizontal:first-child .van-step__title { margin-left: 0; -webkit-transform: none; transform: none } .van-step--horizontal:last-child:not(:first-child) { position: absolute; right: .01333rem; width: auto } .van-step--horizontal:last-child:not(:first-child) .van-step__title { margin-left: 0; -webkit-transform: none; transform: none } .van-step--horizontal:last-child:not(:first-child) .van-step__circle-container { right: -.12rem; left: auto } .van-step--horizontal .van-step__circle-container { position: absolute; top: .4rem; left: calc(var(--van-padding-xs) * -1); z-index: 1; padding: 0 var(--van-padding-xs); background-color: var(--van-background-2); -webkit-transform: translateY(-50%); transform: translateY(-50%) } .van-step--horizontal .van-step__title { display: inline-block; margin-left: .04rem; font-size: var(--van-step-horizontal-title-font-size); -webkit-transform: translate(-50%); transform: translate(-50%) } .van-step--horizontal .van-step__line { top: .4rem; left: 0; width: 100%; height: .01333rem } .van-step--horizontal .van-step__icon { display: block; font-size: var(--van-step-icon-size) } .van-step--horizontal .van-step--process { color: var(--van-step-process-text-color) } .van-step--vertical { display: block; float: none; padding: .13333rem .13333rem .13333rem 0; line-height: var(--van-line-height-sm) } .van-step--vertical:not(:last-child):after { border-bottom-width: .01333rem } .van-step--vertical .van-step__circle-container { position: absolute; top: .25333rem; left: -.2rem; z-index: 1; font-size: var(--van-step-icon-size); line-height: 1; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .van-step--vertical .van-step__line { top: .21333rem; left: -.2rem; width: .01333rem; height: 100% } .van-step:last-child .van-step__line { width: 0 } .van-step--finish { color: var(--van-step-finish-text-color) } .van-step--finish .van-step__circle, .van-step--finish .van-step__line { background-color: var(--van-step-finish-line-color) } .van-step__icon, .van-step__title { -webkit-transition: color var(--van-duration-base); transition: color var(--van-duration-base) } .van-step__icon--active, .van-step__title--active, .van-step__icon--finish, .van-step__title--finish { color: var(--van-step-active-color) } :root, :host { --van-stepper-background: var(--van-active-color); --van-stepper-button-icon-color: var(--van-text-color); --van-stepper-button-disabled-color: var(--van-background); --van-stepper-button-disabled-icon-color: var(--van-gray-5); --van-stepper-button-round-theme-color: var(--van-primary-color); --van-stepper-input-width: 32px; --van-stepper-input-height: 28px; --van-stepper-input-font-size: var(--van-font-size-md); --van-stepper-input-line-height: normal; --van-stepper-input-text-color: var(--van-text-color); --van-stepper-input-disabled-text-color: var(--van-text-color-3); --van-stepper-input-disabled-background: var(--van-active-color); --van-stepper-radius: var(--van-radius-md) } .van-stepper { display: inline-block; -webkit-user-select: none; user-select: none } .van-stepper__minus, .van-stepper__plus { position: relative; box-sizing: border-box; width: var(--van-stepper-input-height); height: var(--van-stepper-input-height); margin: 0; padding: 0; color: var(--van-stepper-button-icon-color); vertical-align: middle; background: var(--van-stepper-background); border: 0 } .van-stepper__minus:before, .van-stepper__plus:before { width: 50%; height: .01333rem } .van-stepper__minus:after, .van-stepper__plus:after { width: .01333rem; height: 50% } .van-stepper__minus:before, .van-stepper__plus:before, .van-stepper__minus:after, .van-stepper__plus:after { position: absolute; top: 50%; left: 50%; background-color: currentColor; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); content: "" } .van-stepper__minus--disabled, .van-stepper__plus--disabled { color: var(--van-stepper-button-disabled-icon-color); background-color: var(--van-stepper-button-disabled-color); cursor: not-allowed } .van-stepper__minus { border-radius: var(--van-stepper-radius) 0 0 var(--van-stepper-radius) } .van-stepper__minus:after { display: none } .van-stepper__plus { border-radius: 0 var(--van-stepper-radius) var(--van-stepper-radius) 0 } .van-stepper__input { box-sizing: border-box; width: var(--van-stepper-input-width); height: var(--van-stepper-input-height); margin: 0 .02667rem; padding: 0; color: var(--van-stepper-input-text-color); font-size: var(--van-stepper-input-font-size); line-height: var(--van-stepper-input-line-height); text-align: center; vertical-align: middle; background: var(--van-stepper-background); border: 0; border-width: .01333rem 0; border-radius: 0; -webkit-appearance: none } .van-stepper__input:disabled { color: var(--van-stepper-input-disabled-text-color); background-color: var(--van-stepper-input-disabled-background); -webkit-text-fill-color: var(--van-stepper-input-disabled-text-color); opacity: 1 } .van-stepper__input:read-only { cursor: default } .van-stepper--round .van-stepper__input { background-color: transparent } .van-stepper--round .van-stepper__plus, .van-stepper--round .van-stepper__minus { border-radius: 100% } .van-stepper--round .van-stepper__plus--disabled, .van-stepper--round .van-stepper__minus--disabled { opacity: .3; cursor: not-allowed } .van-stepper--round .van-stepper__plus { color: var(--van-white); background: var(--van-stepper-button-round-theme-color) } .van-stepper--round .van-stepper__minus { color: var(--van-stepper-button-round-theme-color); background-color: var(--van-background-2); border: .01333rem solid var(--van-stepper-button-round-theme-color) } .van-swipe-cell { position: relative; overflow: hidden; cursor: grab } .van-swipe-cell__wrapper { -webkit-transition-timing-function: cubic-bezier(.18, .89, .32, 1); transition-timing-function: cubic-bezier(.18, .89, .32, 1); -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform } .van-swipe-cell__left, .van-swipe-cell__right { position: absolute; top: 0; height: 100% } .van-swipe-cell__left { left: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } .van-swipe-cell__right { right: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } :root, :host { --van-tabbar-height: 50px; --van-tabbar-z-index: 1; --van-tabbar-background: var(--van-background-2) } .van-tabbar { z-index: var(--van-tabbar-z-index); display: -webkit-box; display: -webkit-flex; display: flex; box-sizing: content-box; width: 100%; height: var(--van-tabbar-height); background: var(--van-tabbar-background) } .van-tabbar--fixed { position: fixed; bottom: 0; left: 0 } :root, :host { --van-tabbar-item-font-size: var(--van-font-size-sm); --van-tabbar-item-text-color: var(--van-text-color); --van-tabbar-item-active-color: var(--van-primary-color); --van-tabbar-item-active-background: var(--van-background-2); --van-tabbar-item-line-height: 1; --van-tabbar-item-icon-size: 22px; --van-tabbar-item-icon-margin-bottom: var(--van-padding-base) } .van-tabbar-item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; color: var(--van-tabbar-item-text-color); font-size: var(--van-tabbar-item-font-size); line-height: var(--van-tabbar-item-line-height); cursor: pointer } .van-tabbar-item__icon { margin-bottom: var(--van-tabbar-item-icon-margin-bottom); font-size: var(--van-tabbar-item-icon-size) } .van-tabbar-item__icon .van-icon { display: block } .van-tabbar-item__icon .van-badge { margin-top: var(--van-padding-base) } .van-tabbar-item__icon img { display: block; height: .26667rem } .van-tabbar-item--active { color: var(--van-tabbar-item-active-color); background-color: var(--van-tabbar-item-active-background) } :root, :host { --van-text-ellipsis-line-height: 1.6; --van-text-ellipsis-action-color: var(--van-blue) } .van-text-ellipsis { line-height: var(--van-text-ellipsis-line-height); white-space: pre-wrap; overflow-wrap: break-word } .van-text-ellipsis__action { cursor: pointer; color: var(--van-text-ellipsis-action-color) } .van-text-ellipsis__action:active { opacity: var(--van-active-opacity) } :root, :host { --van-watermark-z-index: 100 } .van-watermark { position: absolute; height: 100%; width: 100%; left: 0; top: 0; z-index: var(--van-watermark-z-index); background-repeat: repeat; pointer-events: none } .van-watermark__wrapper { display: none } .van-watermark--full { position: fixed } @font-face { font-family: swiper-icons; src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA); font-weight: 400; font-style: normal } :root { --swiper-theme-color: #007aff } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1 } .swiper-vertical>.swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; box-sizing: content-box } .swiper-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); transform: translateZ(0) } .swiper-pointer-events { touch-action: pan-y } .swiper-pointer-events.swiper-vertical { touch-action: pan-x } .swiper-slide { -webkit-flex-shrink: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform } .swiper-slide-invisible-blank { visibility: hidden } .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto } .swiper-autoheight .swiper-wrapper { -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform } .swiper-backface-hidden .swiper-slide { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper { -webkit-perspective: 16rem; perspective: 16rem } .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10 } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, .15) } .swiper-3d .swiper-slide-shadow-left { background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-3d .swiper-slide-shadow-right { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-3d .swiper-slide-shadow-top { background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-3d .swiper-slide-shadow-bottom { background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-css-mode>.swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none } .swiper-css-mode>.swiper-wrapper::-webkit-scrollbar { display: none } .swiper-css-mode>.swiper-wrapper>.swiper-slide { scroll-snap-align: start start } .swiper-horizontal.swiper-css-mode>.swiper-wrapper { -webkit-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory } .swiper-vertical.swiper-css-mode>.swiper-wrapper { -webkit-scroll-snap-type: y mandatory; scroll-snap-type: y mandatory } .swiper-centered>.swiper-wrapper:before { content: ""; -webkit-flex-shrink: 0; flex-shrink: 0; -webkit-box-ordinal-group: 10000; -webkit-order: 9999; order: 9999 } .swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child { -webkit-margin-start: var(--swiper-centered-offset-before); margin-inline-start: var(--swiper-centered-offset-before) } .swiper-centered.swiper-horizontal>.swiper-wrapper:before { height: 100%; min-height: .01333rem; width: var(--swiper-centered-offset-after) } .swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child { -webkit-margin-before: var(--swiper-centered-offset-before); margin-block-start: var(--swiper-centered-offset-before) } .swiper-centered.swiper-vertical>.swiper-wrapper:before { width: 100%; min-width: .01333rem; height: var(--swiper-centered-offset-after) } .swiper-centered>.swiper-wrapper>.swiper-slide { scroll-snap-align: center center; scroll-snap-stop: always } /* ===== assets/css/page-home-522c97b9.css ===== */ @charset "UTF-8"; .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .hot_container .platform, .hot_container .popular { margin-bottom: .34667rem } .hot_container .platform .title, .hot_container .popular .title { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin-bottom: .21333rem } .hot_container .platform .title span, .hot_container .popular .title span { font-size: .32rem; line-height: .4rem } .hot_container .platform .list, .hot_container .popular .list { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: .18667rem } .hot_container .platform .list>div, .hot_container .popular .list>div { width: 2.21333rem } .hot_container .platform .list .item, .hot_container .popular .list .item { position: relative; width: 2.21333rem; height: 2.21333rem; background: -webkit-linear-gradient(325deg, #FF8E89 12.38%, #FFC3A2 87.13%); background: linear-gradient(125deg, #FF8E89 12.38%, #FFC3A2 87.13%); box-shadow: var(--BoxShadowColor-9), var(--BoxShadowColor-20); border-radius: .21333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin-bottom: .16rem } .hot_container .platform .list .item img, .hot_container .popular .list .item img { width: 2rem; height: 2rem; border-radius: .21333rem } .hot_container .platform .list .item .hot_bage, .hot_container .popular .list .item .hot_bage { position: absolute; right: -.08rem; top: -.10667rem; width: .50667rem; height: .48rem } .hot_container .platform .list .win-odds, .hot_container .popular .list .win-odds { display: -webkit-box; display: -webkit-flex; display: flex; height: .48rem; background: var(--bg_color_L2); color: var(--text_color_L1); width: 100%; border-radius: .13333rem; font-size: .29333rem; overflow: hidden; margin-top: .08rem; margin-bottom: .13333rem; position: relative } .hot_container .platform .list .win-odds span, .hot_container .popular .list .win-odds span { position: relative; z-index: 1; display: block; height: 100%; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; line-height: .53333rem; color: var(--darkTextW, var(--text_color_L1)) } .hot_container .platform .list .win-odds span:first-child, .hot_container .popular .list .win-odds span:first-child { padding-left: .13333rem } .hot_container .platform .list .win-odds span:last-child, .hot_container .popular .list .win-odds span:last-child { text-align: right; padding-right: .13333rem } .hot_container .platform .list .win-odds .win-p, .hot_container .popular .list .win-odds .win-p { background: var(--darkLight, var(--main-color)); position: absolute; left: 0; height: 100% } html:lang(ar) .hot_container .platform .list .win-odds .win-p, html:lang(ar) .hot_container .popular .list .win-odds .win-p { left: unset; right: 0 } .hot_container .pupularAll .list>div { width: 2.88rem } .hot_container .pupularAll .list .item { width: 2.88rem; height: 2.88rem } .hot_container .pupularAll .list .item img { width: 2.66667rem; height: 2.66667rem } .hot_container .look_all { width: 100%; height: 1.06667rem; border: .01333rem solid var(--main-color); border-radius: .53333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; background-color: var(--bg_color_L2); font-size: .34667rem; color: var(--main-color) } .hot_container .look_all img { width: .64rem; height: .64rem; margin-right: .18667rem } .gameRec, .hotGames { width: .48rem; height: .48rem; margin-right: .16rem } .hotGames g path { fill: var(--colorText-26) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .minGame_container { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: .45333rem; margin-bottom: .4rem } .onlineGamesItem { width: 3.25333rem; height: 3.25333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; background: var(--main_gradient-color2); grid-gap: .18667rem } .onlineGamesItem .fish_img { width: 3.2rem; height: 3.2rem } .onlineGamesItem .min_game_img { width: 3.25333rem; height: 3.25333rem } .all_game { grid-template-columns: repeat(3, 1fr); grid-gap: .34667rem } .all_game .onlineGamesItem { width: 2.88rem; height: -webkit-fit-content; height: fit-content; border-radius: .26667rem } .all_game .onlineGamesItem .fish_img { width: 2.82667rem; height: auto; border-radius: .26667rem } .all_game .onlineGamesItem .min_game_img { width: 2.88rem; height: 2.88rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .lotterySlotItem { position: relative; width: 100%; height: 2.26667rem; text-align: end; background: var(--bg_color_L3); margin-bottom: .26667rem; border-radius: .53333rem } .lotterySlotItem img { height: 100% } .lotterySlotItem span { position: absolute; top: .26667rem; left: .4rem; color: var(--text_color_L1); white-space: break-spaces; font-weight: 700; font-size: .46667rem } .lotterySlotItem h4 { color: var(--text_color_L2); font-weight: 400; font-size: .29333rem; position: absolute; bottom: .26667rem; left: .4rem; white-space: pre-wrap; text-align: left; line-height: .46667rem; opacity: .7 } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .lotterySlotItem__container { width: 100%; height: -webkit-fit-content; height: fit-content; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; color: var(--textW); margin-bottom: .26667rem; position: relative; border-radius: .10667rem; overflow: hidden } .lotterySlotItem__container .title { width: 100%; position: absolute; z-index: 2; bottom: 0; left: 0; border-radius: .10667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; padding-bottom: .08rem } .lotterySlotItem__container .title .tit { text-align: center; font-size: .29333rem } .lotterySlotItem__container .game_img { width: 100%; height: auto; object-fit: contain; position: relative; top: 0; left: 0; z-index: 1 } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .onlineGamesItem__container { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: .21333rem; margin-bottom: .82667rem } .onlineGamesItem__container .item { width: 3.36rem; height: 4.26667rem; background: var(--main_gradient-color2); border-radius: .26667rem } .onlineGamesItem__container .item .gameImg { width: 3.36rem; height: 4.26667rem; border-radius: .26667rem } .allGame { grid-template-columns: repeat(3, 1fr) } .allGame .item, .allGame .item .gameImg { width: 2.96rem; height: 3.73333rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .WinRate { width: 6.96rem; height: 1.70667rem; margin-bottom: .4rem } .WinRate img { width: 100%; height: 100%; object-fit: cover } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .slot_list .slot_item { margin-bottom: .61333rem } .slot_list .slot_item .slot_title { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; align-items: center; font-size: .4rem; font-weight: 700; color: var(--darkTextW, var(--text_color_L1)); margin-bottom: .21333rem } .slot_list .slot_item .slot_title svg { height: .64rem; font-size: .90667rem; vertical-align: middle; color: var(--main-color) } .slot_list .slot_item .slot_img_box { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: .24rem; margin-bottom: .4rem } .slot_list .slot_item .slot_img_box img { width: 2.90667rem; height: 3.92rem; border-radius: .10667rem } .slot_list .slot_item .all_slot { margin: auto; width: 3.84rem; height: .8rem; background: var(--main_gradient-color); box-shadow: 0 .04rem .08rem .01333rem #00000029; border-radius: .4rem; line-height: .8rem; color: #fff; text-align: center; font-size: .32rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .gameListGrid__container { position: -webkit-sticky; position: sticky; top: 2.45333rem; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; width: 7.3852rem; height: -webkit-min-content; height: min-content; padding-left: .26667rem } .gameListGrid__container-gameRec { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin-bottom: .22173rem; font-size: .32rem; font-weight: 700 } .gameListGrid__container-gameRec svg { width: .48387rem; height: .48387rem; margin-right: .11147rem } .gameListGrid__container-gameRec .hotGames g path { fill: var(--colorText-26) } .gameListGrid__container-wrapper { display: grid; gap: .2rem .26667rem; padding-left: .13333rem } .gameListGrid__container-wrapper__item { position: relative; width: 3.28rem; height: 2.13333rem } .gameListGrid__container-wrapper__item img { width: 100%; height: 100% } .gameListGrid__container-wrapper__item .hotBadge { position: absolute; top: -.10667rem; right: -.10667rem; width: .51653rem; height: .48013rem } .gameListGrid__container-wrapper__item.hot { width: 2.21747rem; height: 2.21747rem } .look_all { width: 100%; height: 1.06667rem; border: .01333rem solid var(--main-color); border-radius: .53333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; background-color: var(--bg_color_L2); font-size: .34667rem; color: var(--main-color) } .look_all img { width: .64rem; height: .64rem; margin-right: .18667rem } .all_container { width: 100%; padding-left: 0 } .skeleton_hot { width: 100%; height: 100%; margin-right: .16rem } .skeleton_hot .hot_tit { width: 100%; height: .48rem; margin-bottom: .21333rem } .skeleton_hot .hot_list { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: .18667rem; margin-bottom: .34667rem } .skeleton_hot .hot_list div { width: 2.21333rem; height: 2.21333rem; background: -webkit-linear-gradient(325deg, #FF8E89 12.38%, #FFC3A2 87.13%); background: linear-gradient(125deg, #FF8E89 12.38%, #FFC3A2 87.13%); box-shadow: var(--BoxShadowColor-9), var(--BoxShadowColor-20); border-radius: .21333rem; margin-bottom: .16rem } .skeleton_other { width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column } .skeleton_other div { width: 100%; height: 2.66667rem; border-radius: .53333rem; background: var(--main_gradient-color2); box-shadow: var(--BoxShadowColor-20), var(--BoxShadowColor-25); margin-bottom: .26667rem } .skeleton_slot { width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: .21333rem } .skeleton_slot div { width: 3.36rem; height: 4.26667rem; background: var(--main_gradient-color2); box-shadow: var(--BoxShadowColor-9), var(--BoxShadowColor-20); border-radius: .26667rem } .skeleton_flash { width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: .45333rem; margin-bottom: .4rem } .skeleton_flash div { width: 3.25333rem; height: 3.25333rem; background: var(--main_gradient-color2); box-shadow: var(--BoxShadowColor-9), var(--BoxShadowColor-20); border-radius: .26667rem } .otherGame { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: .26667rem } .van-skeleton { padding: 0 } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .gamesList__container { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; padding: 0 .32rem } .gamesList__container-title { margin-top: .34667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin-bottom: .32rem; color: var(--darkTextW, var(--text_color_L1)); font-size: .4rem; font-weight: 600 } .gamesList__container-title:before { content: ""; display: block; width: .08rem; height: .4rem; background: var(--darkLight2, var(--main-color)); margin-right: .13333rem } .gamesList__container-list { display: grid; grid-template-columns: repeat(3, 1fr); justify-items: center; gap: .41333rem .26667rem } .gamesList__container-list__item { width: 2.88rem; min-height: 2.13333rem; max-height: 3.46667rem; background: var(--main_gradient-color2); border-radius: .53333rem; position: relative } .gamesList__container-list__item .lottery_text { color: var(--textW); font-size: .4rem; font-weight: 9.33333rem; position: absolute; top: .37333rem; left: .26667rem } html:lang(ar) .gamesList__container-list__item .lottery_text { left: unset; right: .26667rem } .gamesList__container-list__item .item_default { width: 100%; height: 100%; border-radius: .53333rem; object-fit: fill !important } .gamesList__container-list__item .item_img { height: 2rem; object-fit: cover; position: absolute; border-radius: .53333rem; left: .26667rem } html:lang(ar) .gamesList__container-list__item .item_img { left: unset; right: .26667rem } .gamesList__container-list__item .lottery_img { max-width: 2rem; height: 2rem; object-fit: cover; position: absolute; border-radius: .53333rem; right: .26667rem } .gamesList__container-list__item .logo_img { position: absolute; top: .13333rem; right: .37333rem; width: 1.30667rem } .gamesList__container-other { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin-top: .26667rem; color: var(--text_color_L2); font-size: .32rem; font-weight: 500; cursor: pointer } .gamesList__container-other__item { width: 100%; height: 2.66667rem } .fun-tab-item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .fun-tab-item__wrap { position: relative } .fun-tab-item__badge { position: absolute; top: .05333rem; right: -.13333rem; padding: 0 .05333rem; min-width: .10667rem; height: .18667rem; font-size: .12rem; line-height: .18667rem; color: #fff; background: #ff411c; white-space: nowrap; border-radius: 1.33333rem; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); text-align: center } .fun-tab-bar-wrap { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: stretch; -webkit-align-items: stretch; align-items: stretch; min-height: .66667rem; background: var(--bg_color_L2) } .fun-tab-bar .fun-tab-item { -webkit-box-flex: 1; -webkit-flex: 1 1; flex: 1 1; font-size: .16rem } .fun-tab-bar .fun-tab-item__badge { top: .02667rem; right: 0 } .fun-tabs { overflow: hidden; position: relative; width: 100%; background: var(--bg_color_L1) } .fun-tabs__tab-list { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; min-width: 100%; width: -webkit-min-content; width: min-content } .fun-tabs__active-line { position: absolute; bottom: .04rem; left: 0; width: .4rem; height: .04rem; border-radius: .05333rem } .fun-tabs .fun-tab-item { padding: .13333rem .05333rem; font-size: .18667rem; text-align: center; white-space: nowrap } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .allGames__container { overflow: hidden } .allGames__container .alGames__container-sticky { padding: 0 .32rem } .allGames__container .van-nav-bar { background-color: var(--bg_color_L2) } .allGames__container .van-nav-bar .van-nav-bar__content .van-nav-bar__left .van-icon { color: var(--text_color_L1) } .allGames__container .tabs { background: transparent } .allGames__container .tab_item { width: 2.53333rem; height: 1.33333rem; margin-inline: .06667rem; padding: 0; color: var(--text_color_L2) !important; border-radius: .13333rem; background: var(--bg_color_L2); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .allGames__container .tab_item img { height: .66667rem } .allGames__container .tab_item span { font-size: .32rem } .allGames__container .tab_active { color: var(--text_color_L4) !important; background: var(--main_gradient-color) } .allGames__container .fun-tabs .fun-tab-item { padding: .18667rem 0 } .allGames__container-tabBar { padding-inline: .32rem } .allGames__container-tabBar .van-tabs__nav--card { height: 1.86667rem; margin: 0 } .allGames__container-tabBar .van-tabs__nav--card .van-tab--card { width: 2.53333rem; height: 1.33333rem; margin-inline: .06667rem; padding: 0; color: var(--text_color_L2) !important; border-radius: .13333rem; background: var(--bgDark-2, var(--bg_color_L2)); box-shadow: var(--BoxShadowColor-42) } .allGames__container-tabBar .van-tabs__nav--card .van-tab--card>span { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; width: 100%; height: 100% } .allGames__container-tabBar .van-tabs__nav--card .van-tab--card>span img { width: .66667rem; height: auto } .allGames__container-tabBar .van-tabs__nav--card .van-tab--card>span span { font-size: .32rem } .allGames__container-tabBar .van-tabs__nav--card .van-tab--card.van-tab--active { color: var(--textW) !important; background: var(--main_gradient-color); box-shadow: var(--BoxShadowColor-42) } .allGames__container-list { height: calc(100vh - 3.09334rem); overflow: auto } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .lotteryGamesList__container { width: 4.34667rem; height: 2.13333rem } .lotteryGamesList__container-item { width: 100%; height: 100%; position: relative } .lotteryGamesList__container-item img { width: 100% } .lotteryGamesList__container-item__time { position: absolute; bottom: .4rem; left: .53333rem; width: 1.17333rem; height: .48rem; color: #ff6e68; font-size: .32rem; text-align: center; line-height: .48rem; border-radius: 9rem; background: var(--bg_color_L2) } html:lang(ar) .lotteryGamesList__container-item__time { right: .53333rem; left: unset } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .lotteryGames__container { overflow: hidden } .lotteryGames__container .van-nav-bar { background-color: var(--bg_color_L2) } .lotteryGames__container .van-nav-bar .van-nav-bar__content .van-nav-bar__left .van-icon { color: var(--text_color_L1) } .lotteryGames__container-tabBar { padding-inline: .16rem } .lotteryGames__container-tabBar .van-tabs__nav--card { height: .98667rem; margin: 0 } .lotteryGames__container-tabBar .van-tabs__nav--card .van-tab--card { width: 2.53333rem; height: .8rem; margin-right: .13333rem; color: var(--text_color_L2) !important; font-size: .34667rem; border-radius: 9rem; background: var(--bgDark-2, var(--bg_color_L2)); box-shadow: var(--BoxShadowColor-42) } .lotteryGames__container-tabBar .van-tabs__nav--card .van-tab--card.van-tab--active { color: #fff !important; background: var(--main_gradient-color); box-shadow: var(--BoxShadowColor-42) } .lotteryGames__container-tabBar .van-tabs__nav--card .van-tab--card:last-of-type { display: none } .lotteryGames__container-timeTab { padding-inline: .16rem } .lotteryGames__container-timeTab .van-tabs__nav .van-tab { color: var(--text_color_L2) !important } .lotteryGames__container-timeTab .van-tabs__nav .van-tab.van-tab--active { color: var(--main-color) !important } .lotteryGames__container-timeTab .van-tabs__nav .van-tab:last-of-type { display: none } .lotteryGames__container-list { display: grid; grid-template-columns: repeat(2, 1fr); justify-items: center; grid-auto-rows: 2.13333rem; height: calc(100vh - 4.05333rem); margin-top: .66667rem; overflow: scroll } :root { --van-tabs-card-height: auto } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .onlineGames__container { overflow: hidden } .onlineGames__container .navbar .navbar__content .navbar__content-center span { opacity: 1; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .onlineGames__container .navbar .navbar__content .navbar__content-center span.active { opacity: 0 } .onlineGames__container .navbar .navbar__content .navbar__content-center input { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(0, -50%); transform: translateY(-50%); width: .13333rem; height: .93333rem; padding: .06667rem; padding: .2rem 0 .2rem 1.46667rem; font-size: .37333rem; font-weight: 400; border: none; border-radius: .46667rem; background-color: var(--bg_color_L2); color: var(--text_color_L1); opacity: 0; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .onlineGames__container .navbar .navbar__content .navbar__content-center input.active { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 6.42667rem; opacity: 1 } .onlineGames__container .navbar .navbar__content .navbar__content-center input::-webkit-input-placeholder { color: var(--text_color_L3); font-size: .32rem; position: relative } .onlineGames__container .navbar .navbar__content .navbar__content-center input::placeholder { color: var(--text_color_L3); font-size: .32rem; position: relative } .onlineGames__container .navbar .navbar__content .navbar__content-right { width: .77333rem } .onlineGames__container .navbar .navbar__content .navbar__content-right svg { font-size: .64rem; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; color: var(--main-color) } .onlineGames__container .navbar .navbar__content .navbar__content-right svg.active { -webkit-transform: translateX(-6.8rem) translateY(.02667rem); transform: translate(-6.8rem) translateY(.02667rem) } .onlineGames__container .navbar .navbar__content .navbar__content-right span { position: absolute; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; color: var(--text_color_L2); font-size: .37333rem; line-height: .53333rem; white-space: nowrap; display: none } .onlineGames__container .navbar .navbar__content .navbar__content-right span.active { display: initial; top: .13333rem; right: 0 } .onlineGames__container .fun-tabs { background-color: transparent; padding-bottom: .26667rem } .onlineGames__container .fun-tabs .fun-tab-item { width: 2.93333rem; height: .8rem; color: var(--text_color_L2); text-align: center; font-style: normal; font-weight: 400; line-height: .34667rem; background: var(--bg_color_L2); margin-right: .26667rem; border-radius: .53333rem } .onlineGames__container .fun-tabs .fun-tab-item span { font-size: .32rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; padding: 0 .05333rem; width: 100% } .onlineGames__container .fun-tabs .fun-tab-item:last-child { margin-right: 0 } .onlineGames__container .fun-tabs .fun-tab-item.activeClassName { background: var(--main_gradient-color) } .onlineGames__container .fun-tabs .fun-tab-item.activeClassName span { color: var(--text_color_L4) !important } .onlineGames__container-tabBar { padding-inline: .26667rem } .onlineGames__container-tabBar .van-tabs__nav { padding-top: .37333rem; background: var(--bg_color_L1) } .onlineGames__container-tabBar .van-tabs__nav--card { height: 1.86667rem; margin: 0; border: none; background: var(--bg_color_L1) } .onlineGames__container-tabBar .van-tabs__nav--card .van-tab--card { width: 2.53333rem; height: 1.33333rem; margin-right: .2rem; padding: 0; color: var(--text_color_L2) !important; border-radius: .13333rem; background-color: var(--bg_color_L2); border: none } .onlineGames__container-tabBar .van-tabs__nav--card .van-tab--card>span { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; width: 100%; height: 100% } .onlineGames__container-tabBar .van-tabs__nav--card .van-tab--card>span img { max-height: 55%; max-width: 55% } .onlineGames__container-tabBar .van-tabs__nav--card .van-tab--card.van-tab--active { color: var(--text_color_L4) !important; background: var(--main_gradient-color) } .onlineGames__container-list { margin: auto; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: .13333rem .24rem; padding-bottom: .26667rem } .onlineGames__container-list__item { width: 100%; height: auto; border-radius: .06667rem } .onlineGames__container-list__item img { width: 100%; height: 4rem; object-fit: cover; border-radius: .08rem; background-color: var(--bg_color_L2) } .onlineGames__container-list__item div { margin-top: .08rem; width: 100%; height: .77333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .onlineGames__container-list__item span { font-size: .32rem; text-align: center; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; padding-inline: .13333rem; overflow: hidden; color: var(--text_color_L2) } .onlineGames__container-list.miniGames { height: calc(100vh - 1.6rem) } .onlineGames__container .gameIcon { width: 1.33333rem; height: .66667rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .luckyWinners__container>h1 { position: relative; margin-bottom: .34667rem; padding-left: .26667rem; font-size: .48rem; font-weight: 700; color: var(--darkTextW, var(--text_color_L1)) } .luckyWinners__container>h1:before { content: ""; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: .08rem; height: .4rem; background: var(--main-color) } .luckyWinners__container-wrapper { height: 8.66667rem; overflow: hidden } .luckyWinners__container-wrapper__item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; width: 100%; height: 1.6rem; margin-bottom: .13333rem; padding: .26667rem .24rem; border-radius: .13333rem; background: var(--darkBg, var(--bg_color_L2)) } .luckyWinners__container-wrapper__item-img { margin-right: .17333rem } .luckyWinners__container-wrapper__item-img img { width: 1.06667rem; height: 1.06667rem; border-radius: 50% } .luckyWinners__container-wrapper__item-info { width: 2.24rem; margin-right: .21333rem } .luckyWinners__container-wrapper__item-info h1 { color: var(--darkTextW, var(--text_color_L1)); font-size: .32rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100% } .luckyWinners__container-wrapper__item-info span { color: var(--text_color_L2); font-size: .29333rem } .luckyWinners__container-wrapper__item-winType { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; width: 1.68rem; height: 1.09333rem; margin-right: .22667rem; position: relative } .luckyWinners__container-wrapper__item-winType img { width: 100%; height: 100%; background: var(--main_gradient-color2); border-radius: .21333rem; box-shadow: var(--BoxShadowColor-20); object-fit: cover } .luckyWinners__container-wrapper__item-winType span { display: inline-block; width: .74667rem; font-weight: 700; font-size: .21333rem; color: #fff; position: absolute; left: .2rem; top: .16rem; word-break: keep-all } .luckyWinners__container-wrapper__item-winAmount { text-align: center; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column } .luckyWinners__container-wrapper__item-winAmount h1 { color: var(--text_color_L1); font-size: .34667rem; font-weight: 600; margin-bottom: .13333rem } .luckyWinners__container-wrapper__item-winAmount span { color: var(--text_color_L2); font-size: .32rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .mainContainer { height: auto; margin: .13333rem } .mainContainer_profitContainer { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; height: 1.68rem; border-radius: .13333rem; background: #22272f; margin-top: .13333rem } .mainContainer_profitContainer_medal { display: -webkit-box; display: -webkit-flex; display: flex; width: 1.2rem; height: 1.38667rem; margin-left: .2rem } .mainContainer_profitContainer_medal img { width: .96rem; height: 1.33333rem } .mainContainer_profitContainer_medal span { margin-top: -.13333rem; width: .96rem; height: .96rem } .mainContainer_profitContainer_medal .numberMedal { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; width: .96rem; height: .96rem; background: url(./imgs/MedalNumber.png) no-repeat center center; margin-top: .2rem; color: #7b8fae; font-family: Jost; font-size: .48rem; font-weight: 600 } .mainContainer_profitContainer_img { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; margin-left: .26667rem; width: 1.17333rem; height: 1.17333rem; border-radius: 50%; border: .04rem solid rgba(215, 143, 67, .1) } .mainContainer_profitContainer_img img { padding: .06667rem; width: 1.17333rem; height: 1.17333rem; border-radius: 50% } .mainContainer_profitContainer_title { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; height: 1.33333rem; padding: .2rem; color: #dce0e6; font-family: Inter; font-size: .34667rem; font-weight: 500; letter-spacing: -.00693rem } .mainContainer_profitContainer_amount { padding: .2rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; width: 100%; -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; color: var(--Red-400, #fea800); font-size: .37333rem; font-weight: 500; font-family: Inter } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .originalmainContainer { display: -webkit-box; display: -webkit-flex; display: flex; height: .96rem; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding: 0 .21333rem; background: #141b26 } .originalmainContainer .backSvg { background-image: url(/assets/svg/backButton-eadf8686.svg); background-repeat: no-repeat; background-position: center; width: 1.12rem; height: 100% } .originalmainContainer_title { display: -webkit-box; display: -webkit-flex; display: flex; padding: .13333rem; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; font-family: Inter; font-size: .48rem; font-style: italic; font-weight: 700; letter-spacing: -.0048rem; background: -webkit-linear-gradient(top, #f5f6ff -2.72%, rgba(245, 246, 255, 0) 219.64%); background: linear-gradient(180deg, #f5f6ff -2.72%, rgba(245, 246, 255, 0) 219.64%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent } .GameContainer { height: auto; padding: .26667rem } .GameContainer_games { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; height: auto; gap: .21333rem } .GameContainer_games>img { width: calc((100% - .42667rem) / 3); height: auto } .WinningContainer { display: -webkit-box; display: -webkit-flex; display: flex; padding: .26667rem; -webkit-box-align: center; -webkit-align-items: center; align-items: center; background: -webkit-linear-gradient(top, #f5f6ff -2.72%, rgba(245, 246, 255, 0) 219.64%); background: linear-gradient(180deg, #f5f6ff -2.72%, rgba(245, 246, 255, 0) 219.64%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; letter-spacing: -.0048rem; font-family: Inter; font-size: .48rem; font-style: italic; font-weight: 700; margin-top: -.2rem } .WinningContainer:before { content: ""; display: block; -webkit-box-flex: 0; -webkit-flex: none; flex: none; width: .33333rem; height: .34667rem; background-image: url(/assets/svg/Group20225-a3b6092b.svg); background-position: left; background-repeat: no-repeat } .profitRanking { padding: .09333rem; border-radius: .16rem; background: #141b26; -webkit-backdrop-filter: blur(1.09333rem); backdrop-filter: blur(1.09333rem) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .originalmainContainer { display: -webkit-box; display: -webkit-flex; display: flex; height: .96rem; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding: 0 .21333rem; background: #141b26 } .originalmainContainer .backSvg { background-image: url(/assets/svg/backButton-eadf8686.svg); background-repeat: no-repeat; background-position: center; width: 1.12rem; height: 100% } .originalmainContainer_title { display: -webkit-box; display: -webkit-flex; display: flex; padding: .13333rem; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; font-family: Inter; font-size: .48rem; font-style: italic; font-weight: 700; letter-spacing: -.0048rem; background: -webkit-linear-gradient(top, #f5f6ff -2.72%, rgba(245, 246, 255, 0) 219.64%); background: linear-gradient(180deg, #f5f6ff -2.72%, rgba(245, 246, 255, 0) 219.64%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent } .GameContainer { height: auto; padding: .26667rem } .GameContainer_games { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; height: auto; gap: .21333rem } .GameContainer_games>img { width: calc((100% - .42667rem) / 3); height: auto } .WinningContainer { display: -webkit-box; display: -webkit-flex; display: flex; padding: .26667rem; -webkit-box-align: center; -webkit-align-items: center; align-items: center; background: -webkit-linear-gradient(top, #f5f6ff -2.72%, rgba(245, 246, 255, 0) 219.64%); background: linear-gradient(180deg, #f5f6ff -2.72%, rgba(245, 246, 255, 0) 219.64%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; letter-spacing: -.0048rem; font-family: Inter; font-size: .48rem; font-style: italic; font-weight: 700 } .WinningContainer:before { content: ""; display: block; -webkit-box-flex: 0; -webkit-flex: none; flex: none; width: .33333rem; height: .34667rem; background-image: url(/assets/svg/Group20225-a3b6092b.svg); background-position: left; background-repeat: no-repeat } .Winningdata { padding: .22667rem } .profitRanking { padding: .09333rem; border-radius: .16rem; background: #141b26; -webkit-backdrop-filter: blur(1.09333rem); backdrop-filter: blur(1.09333rem) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .fish_game { padding: .32rem } .fish_game .fish_list { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: .32rem; margin-bottom: .82667rem } .fish_game .fish_list .gameImg { width: 2.88rem; height: 2.88rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .originalmainContainer { display: -webkit-box; display: -webkit-flex; display: flex; height: .96rem; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding: 0 .21333rem; background: #141b26 } .originalmainContainer .backSvg { background-image: url(/assets/svg/backButton-eadf8686.svg); background-repeat: no-repeat; background-position: center; width: 1.12rem; height: 100% } .originalmainContainer_title { display: -webkit-box; display: -webkit-flex; display: flex; padding: .13333rem; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; font-family: Inter; font-size: .48rem; font-style: italic; font-weight: 700; letter-spacing: -.0048rem; background: -webkit-linear-gradient(top, #f5f6ff -2.72%, rgba(245, 246, 255, 0) 219.64%); background: linear-gradient(180deg, #f5f6ff -2.72%, rgba(245, 246, 255, 0) 219.64%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent } .GameContainer { height: auto; padding: .26667rem } .GameContainer_games { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; height: auto; gap: .21333rem } .GameContainer_games>img { width: calc((100% - .42667rem) / 3); height: auto } .WinningContainer { display: -webkit-box; display: -webkit-flex; display: flex; padding: .26667rem; -webkit-box-align: center; -webkit-align-items: center; align-items: center; background: -webkit-linear-gradient(top, #f5f6ff -2.72%, rgba(245, 246, 255, 0) 219.64%); background: linear-gradient(180deg, #f5f6ff -2.72%, rgba(245, 246, 255, 0) 219.64%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; letter-spacing: -.0048rem; font-family: Inter; font-size: .48rem; font-style: italic; font-weight: 700; margin-top: -.2rem } .WinningContainer:before { content: ""; display: block; -webkit-box-flex: 0; -webkit-flex: none; flex: none; width: .33333rem; height: .34667rem; background-image: url(/assets/svg/Group20225-a3b6092b.svg); background-position: left; background-repeat: no-repeat } .Winningdata { padding: .22667rem } .profitRanking { padding: .09333rem; border-radius: .16rem; background: #141b26; -webkit-backdrop-filter: blur(1.09333rem); backdrop-filter: blur(1.09333rem) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .originalmainContainer { display: -webkit-box; display: -webkit-flex; display: flex; height: .96rem; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding: 0 .21333rem; background: #141b26 } .originalmainContainer .backSvg { background-image: url(/assets/svg/backButton-eadf8686.svg); background-repeat: no-repeat; background-position: center; width: 1.12rem; height: 100% } .originalmainContainer_title { display: -webkit-box; display: -webkit-flex; display: flex; padding: .13333rem; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; font-family: Inter; font-size: .48rem; font-style: italic; font-weight: 700; letter-spacing: -.0048rem; background: -webkit-linear-gradient(top, #f5f6ff -2.72%, rgba(245, 246, 255, 0) 219.64%); background: linear-gradient(180deg, #f5f6ff -2.72%, rgba(245, 246, 255, 0) 219.64%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent } .GameContainer { height: auto; padding: .26667rem } .GameContainer_games { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; height: auto; gap: .21333rem } .GameContainer_games>img { width: calc((100% - .42667rem) / 3); height: auto } .WinningContainer { display: -webkit-box; display: -webkit-flex; display: flex; padding: .26667rem; -webkit-box-align: center; -webkit-align-items: center; align-items: center; background: -webkit-linear-gradient(top, #f5f6ff -2.72%, rgba(245, 246, 255, 0) 219.64%); background: linear-gradient(180deg, #f5f6ff -2.72%, rgba(245, 246, 255, 0) 219.64%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; letter-spacing: -.0048rem; font-family: Inter; font-size: .48rem; font-style: italic; font-weight: 700; margin-top: -.2rem } .WinningContainer:before { content: ""; display: block; -webkit-box-flex: 0; -webkit-flex: none; flex: none; width: .33333rem; height: .34667rem; background-image: url(/assets/svg/Group20225-a3b6092b.svg); background-position: left; background-repeat: no-repeat } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .topContainer { display: -webkit-box; display: -webkit-flex; display: flex; height: .96rem; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding: .14667rem .21333rem; background: var(--Card, #141B26) } .topContainer .backSvg { background-image: url(/assets/svg/backButton-eadf8686.svg); background-repeat: no-repeat; background-position: center; width: 1.12rem; height: 100% } .topContainer .title { display: -webkit-box; display: -webkit-flex; display: flex; padding: .13333rem; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; font-family: Inter; font-size: .48rem; font-style: italic; font-weight: 700; letter-spacing: -.0048rem; background: var(--Text-effects, linear-gradient(180deg, #F5F6FF -2.72%, rgba(245, 246, 255, 0) 219.64%)); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent } .lotteryBanner { height: 4.16rem; padding: .22667rem } .lotteryBanner .banner { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; height: 4rem; border-radius: .16rem; background: url(/assets/png/LotteryBanner-2edb1124.png), lightgray 0 -.11107rem/100% 99.782% no-repeat } .lotteryBanner .banner .insideBanner { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; height: 1.36rem; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; background: rgba(98, 47, 0, .7); -webkit-backdrop-filter: blur(.05333rem); backdrop-filter: blur(.05333rem); border-bottom-left-radius: .16rem; border-bottom-right-radius: .16rem } .lotteryBanner .banner .insideBanner .Firstbanner { height: 1.06667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; gap: .2rem; margin-left: .16rem } .lotteryBanner .banner .insideBanner .Firstbanner .line { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; border-radius: .42667rem; background: #ffcb9a; width: .08rem; margin-top: .06667rem; height: .33333rem } .lotteryBanner .banner .insideBanner .Firstbanner .insideFirstbanner { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; height: 1.06667rem; color: var(--Light-blue-0, #fff); font-family: Inter; font-size: .42667rem; font-weight: 600; line-height: .48rem } .lotteryBanner .banner .insideBanner .Firstbanner .insideFirstbanner span:last-of-type { color: var(--Light-blue-0, #fff); font-family: Inter; font-size: .32rem; font-weight: 400; line-height: .4rem } .lotteryBanner .banner .insideBanner .Lastbanner { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; margin-right: .26667rem; gap: .08rem } .lotteryBanner .banner .insideBanner .Lastbanner .btnLottery { display: -webkit-box; display: -webkit-flex; display: flex; padding: .16rem .26667rem; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; gap: .13333rem; border-radius: .16rem; background: #ffe1d4; color: #723b23; font-family: Inter; font-size: .32rem; font-style: italic; font-weight: 600; text-align: center } .MainContainer { padding: .26667rem; margin-top: .13333rem } .MainContainer .insideMainContainer { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; height: 2.77333rem; margin-bottom: -.46667rem; background: var(--Card, #141B26); border-radius: .21333rem; overflow: hidden } .MainContainer .insideMainContainer img { padding: .13333rem; height: 100%; border-radius: .10667rem } .MainContainer .insideMainContainer .Typo { width: 8rem; max-width: 8rem; padding: .2rem .2rem .02667rem } .MainContainer .insideMainContainer .Typo span:first-of-type { color: var(--Grey-100, #cfcfcf); font-size: .4rem; font-family: Inter; font-weight: 600 } .MainContainer .insideMainContainer .Typo pre { margin-top: .13333rem; color: #fff; font-family: Inter; font-weight: 400; line-height: .45333rem } .MainContainer .insideMainContainer .Typo p { color: var(--Red-400, #fea800); font-size: .32rem; font-weight: 400; line-height: .22667rem } .MainContainer .insideMainContainer .Typo span:last-of-type { color: var(--Darker-text, #596679); font-size: .29333rem; font-weight: 400; line-height: .34667rem; font-family: Inter } .MainContainer .insideMainContainer .GoBtn { width: 1.66667rem; right: 0; border-radius: .10667rem; background: url(/assets/svg/Go-ebc6176d.svg); background-repeat: no-repeat; background-position: bottom; background-size: 1.2rem .88rem; margin-bottom: -.13333rem } .WinningContainer { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding: .22667rem; background: var(--Text-effects, linear-gradient(180deg, #F5F6FF -2.72%, rgba(245, 246, 255, 0) 219.64%)); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; letter-spacing: -.0048rem; font-family: Inter; font-size: .48rem; font-style: italic; font-weight: 700; margin-top: -.2rem } .WinningContainer:before { content: ""; display: block; -webkit-box-flex: 0; -webkit-flex: none; flex: none; width: .33333rem; height: .34667rem; background-image: url(/assets/svg/Group20225-a3b6092b.svg); background-position: left; background-repeat: no-repeat } .Winningdata { padding: .22667rem } .profitRanking { padding: .09333rem; border-radius: .16rem; background: #141b26; -webkit-backdrop-filter: blur(1.09333rem); backdrop-filter: blur(1.09333rem) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .sysMessage__container { font-family: Inter, sans-serif; padding: .32rem } .sysMessage__container .navbar .navbar__content .navbar__content-right { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .sysMessage__container .navbar .navbar__content .navbar__content-right svg { width: .58667rem; height: .58667rem; margin-right: .06667rem } .sysMessage__container .navbar .navbar__content .navbar__content-right span { color: var(--text_color_L2); font-size: .32rem } .sysMessage__container-msgWrapper { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: .32rem; overflow: hidden; overflow-y: scroll } .sysMessage__container-msgWrapper__item { padding: .26667rem; border-radius: .06667rem; background: var(--bg_color_L2) } .sysMessage__container-msgWrapper__item-title { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; color: var(--text_color_L1) } .sysMessage__container-msgWrapper__item-title>div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-align-content: center; align-content: center } .sysMessage__container-msgWrapper__item-title .svg { width: .64rem; height: .64rem } .sysMessage__container-msgWrapper__item-title .svg:last-of-type { width: .48rem; height: .48rem; margin-left: auto } .sysMessage__container-msgWrapper__item-title span { margin-left: .09333rem; font-size: .4rem; font-weight: 600 } .sysMessage__container-msgWrapper__item-time { margin-block: .10667rem .37333rem; color: var(--text_color_L3); font-size: .32rem; font-weight: 400 } .sysMessage__container-msgWrapper__item-content { color: var(--text_color_L2); font-size: .32rem; font-weight: 400; word-break: break-word } .sysMessage__container-msgWrapper__item+div { margin-top: .32rem } .sysMessage__container-empty { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .originalmainContainer { display: -webkit-box; display: -webkit-flex; display: flex; height: .96rem; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding: 0 .21333rem; background: #141b26 } .originalmainContainer .backSvg { background-image: url(/assets/svg/backButton-eadf8686.svg); background-repeat: no-repeat; background-position: center; width: 1.12rem; height: 100% } .originalmainContainer_title { display: -webkit-box; display: -webkit-flex; display: flex; padding: .13333rem; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; font-family: Inter; font-size: .48rem; font-style: italic; font-weight: 700; letter-spacing: -.0048rem; background: -webkit-linear-gradient(top, #f5f6ff -2.72%, rgba(245, 246, 255, 0) 219.64%); background: linear-gradient(180deg, #f5f6ff -2.72%, rgba(245, 246, 255, 0) 219.64%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent } .GameContainer { height: auto; padding: .26667rem } .GameContainer_games { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; height: auto; gap: .21333rem } .GameContainer_games>img { width: calc((100% - .42667rem) / 3); height: auto } .WinningContainer { display: -webkit-box; display: -webkit-flex; display: flex; padding: .26667rem; -webkit-box-align: center; -webkit-align-items: center; align-items: center; background: -webkit-linear-gradient(top, #f5f6ff -2.72%, rgba(245, 246, 255, 0) 219.64%); background: linear-gradient(180deg, #f5f6ff -2.72%, rgba(245, 246, 255, 0) 219.64%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; letter-spacing: -.0048rem; font-family: Inter; font-size: .48rem; font-style: italic; font-weight: 700; margin-top: -.2rem } .WinningContainer:before { content: ""; display: block; -webkit-box-flex: 0; -webkit-flex: none; flex: none; width: .33333rem; height: .34667rem; background-image: url(/assets/svg/Group20225-a3b6092b.svg); background-position: left; background-repeat: no-repeat } .Winningdata { padding: .22667rem } .profitRanking { padding: .09333rem; border-radius: .16rem; background: #141b26; -webkit-backdrop-filter: blur(1.09333rem); backdrop-filter: blur(1.09333rem) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .topContainer { display: -webkit-box; display: -webkit-flex; display: flex; height: .96rem; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding: 0 .21333rem; background: #141b26 } .topContainer .backSvg { background-image: url(/assets/svg/backButton-eadf8686.svg); background-repeat: no-repeat; background-position: center; width: 1.12rem; height: 100% } .topContainer .title { display: -webkit-box; display: -webkit-flex; display: flex; padding: .13333rem; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; font-family: Inter; font-size: .48rem; font-style: italic; font-weight: 700; letter-spacing: -.0048rem; background: -webkit-linear-gradient(top, #f5f6ff -2.72%, rgba(245, 246, 255, 0) 219.64%); background: linear-gradient(180deg, #f5f6ff -2.72%, rgba(245, 246, 255, 0) 219.64%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent } .slot_list { padding: .26667rem .32rem } .slot_list .awardbox { margin-bottom: .64rem } .slot_list .awardbox .title { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; background: var(--Text-effects, linear-gradient(180deg, #f5f6ff -2.72%, rgba(245, 246, 255, 0) 219.64%)); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: Inter; font-size: .48rem; font-style: italic; font-weight: 700; margin-bottom: .26667rem } .slot_list .awardbox .title img { width: .64rem; height: .64rem; margin-right: .16rem } .slot_list .awardbox .award_tip { color: #d3dae4; font-size: .37333rem; font-style: normal; font-weight: 400; font-family: Inter; line-height: .48rem } .slot_list .awardbox .list { display: grid; grid-template-columns: repeat(3, 1fr); margin-bottom: .16rem; gap: .2rem } .slot_list .awardbox .big_prize { width: 2.98667rem; height: 3.73333rem; position: relative; margin-top: .2rem; border-radius: .21333rem } .slot_list .awardbox .big_prize .bg { position: absolute; top: 0; left: 0; width: 2.98667rem; height: 3.73333rem; border-radius: .21333rem; background-repeat: no-repeat; background-size: 2.98667rem 3.73333rem; background-position: center; z-index: 1 } .slot_list .awardbox .big_prize .info { width: 100%; height: .90667rem; position: absolute; bottom: .10667rem; z-index: 3; -webkit-backdrop-filter: blur(.02667rem); backdrop-filter: blur(.02667rem) } .slot_list .awardbox .big_prize .info .text { margin-top: .13333rem; margin-left: .21333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start } .slot_list .awardbox .big_prize .info .text .tit { font-size: .26667rem; font-weight: 400; font-family: Inter; color: var(--off-white-texts, #f4f9ff); max-height: .4rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .slot_list .awardbox .big_prize .info .text .multiple { position: relative; z-index: 3; color: #fff; padding: .05333rem .10667rem; border: .01333rem solid #fff; font-family: Inter; border-radius: .08rem; font-size: .21333rem; margin-right: .21333rem; font-weight: 500 } .slot_list .awardbox .big_prize .info .award { font-size: .32rem; color: #fea800; font-family: Inter; font-weight: 400; margin-left: .2rem } .slot_list .awardbox .big_prize .bottom { position: absolute; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; bottom: 0; left: 0; height: 1.09333rem; z-index: 3; width: 100%; border: .01333rem solid red; background: #141c26 } .slot_list .awardbox .big_prize .bottom .foot { position: relative; color: #fff; font-weight: 500; font-size: .26667rem; text-align: center } .slot_list .awardbox .big_prize .bottom .amount { position: relative; color: #fecc21; font-size: .26667rem; text-align: center } .slot_list .awardbox .big_prize:after { content: ""; display: block; width: 2.98667rem; height: 1.12rem; position: absolute; bottom: 0; left: 0; z-index: 2; background: -webkit-linear-gradient(top, rgba(22, 35, 56, 0) -105.45%, #162338 75.17%); background: linear-gradient(180deg, rgba(22, 35, 56, 0) -105.45%, #162338 75.17%); border-bottom-left-radius: .21333rem; border-bottom-right-radius: .21333rem; margin-bottom: -.06667rem } .slot_list .awardbox .look_more { width: 5.33333rem; height: .88rem; border-radius: .42667rem; text-align: center; line-height: .88rem; font-family: Inter; color: var(--Grey-White, #E4E7ED); font-size: .32rem; font-style: italic; font-weight: 600; background: var(--Gradient-1, linear-gradient(93deg, #374992 7.38%, #4675D2 94.48%)); margin: auto } .slot_list .Slot_game { display: -webkit-box; display: -webkit-flex; display: flex; gap: .06667rem; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; background: var(--Text-effects, linear-gradient(180deg, #f5f6ff -2.72%, rgba(245, 246, 255, 0) 219.64%)); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: .48rem; font-style: italic; font-weight: 700; font-family: Inter; margin-bottom: .13333rem } .slot_list .Slot_game:before { content: ""; display: block; height: .53333rem; width: .88rem; background: url(/assets/svg/SlotGame-5cbc2f18.svg) no-repeat } .slot_list .GameContainer { height: auto } .slot_list .GameContainer_games { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; height: auto; gap: .21333rem } .slot_list .GameContainer_games>img { width: calc((100% - .42667rem) / 3); height: auto } .slot_list .WinningContainer { margin-top: .13333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; background: -webkit-linear-gradient(top, #f5f6ff -2.72%, rgba(245, 246, 255, 0) 219.64%); background: linear-gradient(180deg, #f5f6ff -2.72%, rgba(245, 246, 255, 0) 219.64%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; letter-spacing: -.0048rem; font-family: Inter; font-size: .48rem; font-style: italic; font-weight: 700 } .slot_list .WinningContainer:before { content: ""; display: block; -webkit-box-flex: 0; -webkit-flex: none; flex: none; width: .33333rem; height: .34667rem; background-image: url(/assets/svg/Group20225-a3b6092b.svg); background-position: left; background-repeat: no-repeat } .slot_list .profitRanking { margin-top: .26667rem; padding: .09333rem; border-radius: .16rem; background: #141b26; -webkit-backdrop-filter: blur(1.09333rem); backdrop-filter: blur(1.09333rem) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .originalmainContainer { display: -webkit-box; display: -webkit-flex; display: flex; height: .96rem; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding: 0 .21333rem; background: #141b26 } .originalmainContainer .backSvg { background-image: url(/assets/svg/backButton-eadf8686.svg); background-repeat: no-repeat; background-position: center; width: 1.12rem; height: 100% } .originalmainContainer_title { display: -webkit-box; display: -webkit-flex; display: flex; padding: .13333rem; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; font-family: Inter; font-size: .48rem; font-style: italic; font-weight: 700; letter-spacing: -.0048rem; background: -webkit-linear-gradient(top, #f5f6ff -2.72%, rgba(245, 246, 255, 0) 219.64%); background: linear-gradient(180deg, #f5f6ff -2.72%, rgba(245, 246, 255, 0) 219.64%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent } .GameContainer { height: auto; padding: .26667rem } .GameContainer_games { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; height: auto; gap: .21333rem } .GameContainer_games>img { width: calc((100% - .42667rem) / 3); height: auto } .WinningContainer { display: -webkit-box; display: -webkit-flex; display: flex; padding: .26667rem; -webkit-box-align: center; -webkit-align-items: center; align-items: center; background: -webkit-linear-gradient(top, #f5f6ff -2.72%, rgba(245, 246, 255, 0) 219.64%); background: linear-gradient(180deg, #f5f6ff -2.72%, rgba(245, 246, 255, 0) 219.64%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; letter-spacing: -.0048rem; font-family: Inter; font-size: .48rem; font-style: italic; font-weight: 700 } .WinningContainer:before { content: ""; display: block; -webkit-box-flex: 0; -webkit-flex: none; flex: none; width: .33333rem; height: .34667rem; background-image: url(/assets/svg/Group20225-a3b6092b.svg); background-position: left; background-repeat: no-repeat } .Winningdata { padding: .22667rem } .profitRanking { padding: .09333rem; border-radius: .16rem; background: #141b26; -webkit-backdrop-filter: blur(1.09333rem); backdrop-filter: blur(1.09333rem) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .game-iframe { width: 100%; height: 100vh } .game-iframe .close { position: fixed; z-index: 100; top: .4rem; left: .4rem } .game-iframe .close img { width: .8rem; height: .8rem } .game-iframe iframe { display: block; border: 0; width: 100%; height: 100% } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .x-4d-head { display: block; padding-top: .13333rem; background: var(--bg_color_L2) } .x-4d-head .time { text-align: center; height: .72rem; line-height: .72rem; max-width: 60%; margin: 0 auto .34667rem; font-size: .37333rem; color: #fff; border-top: .01333rem solid #fff; border-bottom: .01333rem solid #fff; position: relative } .x-4d-head .time:after, .x-4d-head .time:before { position: absolute; top: -.02667rem; content: ""; height: .72rem; width: .25333rem } .x-4d-head .time:after { left: -.25333rem; background: url(/assets/svg/arr-left-bfe1fd7a.svg) no-repeat left top; background-size: cover } .x-4d-head .time:before { right: -.25333rem; background: url(/assets/svg/arr-right-2572fbc2.svg) no-repeat left top; background-size: cover } .x-4d-head .time .menu { position: absolute; top: .72rem; left: 0; background: #FFF; color: var(--text_color_L1); width: 100%; border-radius: .13333rem; border: .01333rem solid var(--text_color_L1); font-size: .37333rem; line-height: .93333rem; z-index: 99 } .x-4d-head .time .menu h3 { height: .93333rem; color: var(--text_color_L4); background-color: #f6f6f6 } .x-4d-head .time .menu ul li { height: .93333rem; color: var(--text_color_L2) } .x-4d-head .time .menu ul li.active { color: var(--text_color_L4); background: var(--main-color) } .x-4d-head .main { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; position: relative; min-height: 3.73333rem; padding: 0 } .x-4d-head .main .item { width: 20% } .x-4d-head .main .item .box { height: 1.6rem; width: 1.6rem; overflow: hidden; text-align: center; margin: 0 auto; font-size: .53333rem; color: #fff; margin-bottom: .16rem; border-radius: 1.6rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .x-4d-head .main .item .box .img { display: block; width: 100%; height: 100%; border-radius: 80%; background-color: #fff; -webkit-filter: grayscale(100%); filter: grayscale(100%) } .x-4d-head .main .item .box.active { background: var(--main_gradient-color2) } .x-4d-head .main .item .box.active .img { -webkit-filter: grayscale(0%); filter: grayscale(0%) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .betType { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column } .betType .title { font-size: .42667rem; margin-bottom: .13333rem; font-weight: 400; position: relative; height: .48rem; line-height: .48rem; padding-left: .26667rem; color: var(--text_color_L1) } .betType .title:after { position: absolute; top: 0; left: 0; content: ""; display: block; width: .08rem; height: .4rem; background-color: var(--main-color); border-radius: .06667rem } .betType-list, .betType .flex { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-right: -.21333rem; width: 100%; padding: 0 } .betType-list .item, .betType .flex .item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; width: calc(33.3% - .21333rem); background: var(--bg_color_L3); height: .93333rem; border-radius: .13333rem; margin-bottom: .16rem; margin-right: .21333rem; text-align: center; font-size: .37333rem; color: var(--text_color_L2); overflow: hidden } .betType-list .item.action, .betType .flex .item.action { background: var(--main_gradient-color); color: var(--text_color_L4) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .howPay .title { font-size: .42667rem; margin-bottom: .13333rem; font-weight: 400; position: relative; height: .48rem; line-height: .48rem; padding-left: .26667rem; color: var(--text_color_L1) } .howPay .title:after { position: absolute; top: 0; left: 0; content: ""; display: block; width: .08rem; height: .4rem; background-color: var(--main-color); border-radius: .06667rem } .howPay-list, .howPay .flex { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding: 0 } .howPay-list .item, .howPay .flex .item { width: calc(50% - .09333rem); text-align: center; border: .01333rem solid var(--text_color_L2); border-radius: .13333rem; margin-bottom: .16rem; font-size: .37333rem; position: relative; overflow: hidden; background: var(--bg_color_L3) } .howPay-list .item:active:before, .howPay .flex .item:active:before { opacity: 0 } .howPay-list .item .icon, .howPay .flex .item .icon { position: absolute; right: 0; bottom: 0; height: .53333rem; width: .6rem; text-align: right; background-image: -webkit-linear-gradient(135deg, var(--main-color) 50%, rgba(255, 255, 255, 0) 50%); background-image: linear-gradient(315deg, var(--main-color) 50%, rgba(255, 255, 255, 0) 50%); color: #fff; line-height: .8rem } .howPay-list .item.action, .howPay .flex .item.action { border-color: var(--main-color); color: var(--main-color) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .betAmount .title { font-size: .42667rem; margin-bottom: .13333rem; font-weight: 400; position: relative; height: .48rem; line-height: .48rem; padding-left: .26667rem; color: var(--text_color_L1) } .betAmount .title:after { position: absolute; top: 0; left: 0; content: ""; display: block; width: .08rem; height: .4rem; background-color: var(--main-color); border-radius: .06667rem } .betAmount-list { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .betAmount-list .item { width: calc(16.6666666667% - .16rem); height: .93333rem; line-height: .93333rem; background-color: var(--bg_color_L3); text-align: center; border-radius: .13333rem; font-size: .37333rem; font-weight: 700; color: var(--text_color_L2) } .betAmount-list .item.active { background: var(--norm_green-color); color: #fff } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .select { margin-top: .4rem; margin: 0 -.32rem } .select .tab { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; height: 1.06667rem } .select .tab li { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; width: calc(25% - .05333rem); height: 1.06667rem; text-align: center; background-color: var(--bg_color_L3); border-radius: .13333rem .13333rem 0 0; color: var(--text_color_L2) } .select .tab li.active { background: var(--main-color); color: #fff } .select .numList { display: -webkit-box; display: -webkit-flex; display: flex; background-color: var(--bg_color_L2); border-radius: 0 0 .13333rem .13333rem; margin-top: .26667rem } .select .numList ul { width: 25%; text-align: center } .select .numList ul li { margin: 0 auto .26667rem; height: 1.46667rem; width: 1.46667rem; line-height: 1.46667rem; background: url(/assets/svg/nbg-dba06970.svg) no-repeat center center; background-size: cover; color: var(--text_color_L2); font-size: .66667rem; font-style: normal; font-weight: 700 } .select .numList ul li.action { color: var(--norm_red-color); background: url(/assets/svg/anbg-dde5866e.svg) no-repeat center center; background-size: cover } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .foot { position: fixed; bottom: 0; left: auto; height: 1.6rem; width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; text-align: center; font-size: .32rem; max-width: 10rem; background-color: var(--bg_color_L2) } .foot .item:first-child { border-right: .01333rem solid var(--Dividing-line_color) } .foot .item { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; background-color: var(--bg_color_L2); color: var(--text_color_L1) } .foot .item.bet { line-height: .66667rem; font-size: .42667rem; font-weight: 700; background: var(--bg_color_L3); color: var(--text_color_L1) } .foot .item.bet.active { background-color: var(--main-color); color: #fff } .foot .item>span { font-size: .4rem; font-weight: 700; color: var(--norm_red-color) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .x-bet { padding: .32rem } .x-bet-sub { text-align: center; color: var(--text_color_L1); font-size: .42667rem; position: relative; height: .8rem; line-height: .8rem } .x-bet-sub .clear { position: absolute; right: 0; top: 0; font-size: .32rem; color: var(--text_color_L2) } .x-bet-sub .clear .icon { color: var(--main-color); font-size: .4rem } .x-bet-maxbet { text-align: center } .x-bet-maxbet .tip { color: #ff7172; display: inline-block; padding: 0 .26667rem; height: .66667rem; line-height: .66667rem; border: .01333rem solid #ff7172; border-radius: .66667rem } .x-bet-title { font-size: .37333rem; color: var(--text_color_L1); margin-bottom: .13333rem } .x-bet-lottery .box { display: -webkit-box; display: -webkit-flex; display: flex } .x-bet-lottery .box .item { height: .82667rem; line-height: .82667rem; text-align: center; color: var(--textW); font-size: .53333rem; width: .82667rem; margin: 0 .05333rem; border-radius: .82667rem; background-color: #ffbd9f; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .x-bet-lottery .box .item .img { width: .66667rem; height: .66667rem; display: block } .x-bet-type .box { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; text-align: center; margin-right: -.13333rem } .x-bet-type .box .item { width: calc(25% - .13333rem); margin: 0 .13333rem .13333rem 0; height: .8rem; line-height: .8rem; border: .01333rem solid var(--text_color_L2); border-radius: .13333rem; color: var(--text_color_L2) } .x-bet-type .x-bet-title { color: var(--text_color_L2); margin: .26667rem 0 .13333rem } .x-bet-multiple { margin-top: .4rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .x-bet-multiple .tit { font-size: .37333rem; color: var(--text_color_L2) } .x-bet-multiple .box { display: -webkit-box; display: -webkit-flex; display: flex } .x-bet-multiple .box .li { width: .66667rem; height: .66667rem; font-size: .4rem; font-weight: 600; color: #fff; text-align: center; border-radius: .66667rem; background: var(--bg_color_L3); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .x-bet-multiple .box .digit { height: .66667rem; border-radius: .66667rem; width: 2.4rem; padding: 0; margin: 0 .06667rem; background: var(--bg_color_L3) } .x-bet-multiple .box .digit .van-field__control { text-align: center } .x-bet .multiple-list { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end } .x-bet .multiple-list .box { display: -webkit-box; display: -webkit-flex; display: flex; height: .8rem; line-height: .8rem; margin: .4rem 0 } .x-bet .multiple-list .box .item { text-align: center; min-width: 1.2rem; border: .01333rem solid var(--text_color_L2); color: var(--text_color_L2); font-size: .37333rem; border-radius: .13333rem; margin: 0 .05333rem } .x-bet .multiple-list .box .item.active { border: none; background: var(--norm_green-color); color: var(--text_color_L1) } .x-bet-list { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column } .x-bet-list .item { height: .8rem; line-height: .8rem; background-color: var(--bg_color_L3); margin-bottom: .16rem; padding: 0 .26667rem; display: -webkit-box; display: -webkit-flex; display: flex } .x-bet-list .item .lab { min-width: 2.66667rem; color: var(--text_color_L2); font-size: .34667rem } .x-bet-list .item .number { font-size: .4rem; font-weight: 400; color: var(--norm_red-color) } .x-bet-list .item .balance, .x-bet-list .item .amount { font-weight: 400; font-size: .37333rem; color: var(--text_color_L1) } .x-bet-list .item .amount { color: var(--norm_secondary-color) } .x-bet-wallet { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin-top: .16rem } .x-bet-wallet .tip { display: -webkit-box; display: -webkit-flex; display: flex; color: var(--norm_red-color); font-size: .29333rem } .x-bet-wallet .tip img { height: .4rem; width: .4rem; display: block; margin-right: .13333rem } .x-bet-wallet .txt { font-size: .32rem; color: var(--text_color_L1) } .x-bet-agree { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; font-size: .32rem; margin-top: .26667rem } .x-bet-agree .txt { color: var(--norm_red-color) } .x-bet-foot { display: -webkit-box; display: -webkit-flex; display: flex; height: 1.6rem; line-height: 1.6rem; text-align: center; font-size: .45333rem } .x-bet-foot .cancel { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; background-color: var(--bg_color_L3); color: var(--text_color_L2); font-weight: 400 } .x-bet-foot .bet { -webkit-box-flex: 1.5; -webkit-flex: 1.5; flex: 1.5; background-color: var(--main-color); color: var(--text_color_L4); font-weight: 700 } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .x-bet { padding: 0 } .x-bet-box { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .x-bet-box .item { width: calc(50% - .13333rem); border: .01333rem solid var(--text_color_L2); text-align: center; height: 1.46667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; border-radius: .13333rem } .x-bet-box .item .pay { color: var(--main-color); font-size: .32rem } .x-bet-box .item .num { font-size: .48rem; color: var(--main-color); font-weight: 600 } .x-bet-box .item .txt { margin-top: .06667rem; font-size: .37333rem; color: var(--text_color_L2) } .x-bet-pay { display: -webkit-box; display: -webkit-flex; display: flex; height: .8rem; line-height: .8rem; border: .01333rem solid var(--text_color_L2); color: var(--text_color_L2); border-radius: .13333rem; padding: 0 .26667rem } .x-bet-pay .x-bet-title { font-size: .37333rem; font-weight: 400 } .x-bet-pay .name { margin: 0 .26667rem; color: var(--main-color); font-size: .32rem; font-weight: 500 } .x-bet-dupleList { max-height: 4.73333rem; overflow-y: auto; margin: .32rem 0 } .x-bet-dupleList .box { display: -webkit-box; display: -webkit-flex; display: flex } .x-bet-dupleList .box .sub { color: var(--text_color_L2); font-size: .42667rem; min-width: 2.4rem } .x-bet-dupleList .box .digits { display: -webkit-box; display: -webkit-flex; display: flex; width: 100%; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin-bottom: .26667rem } .x-bet-dupleList .box .digits .list { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; width: 100% } .x-bet-dupleList .box .digits .list .num { width: 20% } .x-bet-dupleList .box .digits .list .num .item { margin: 0 auto; text-align: center; height: .93333rem; width: .93333rem; line-height: .93333rem; background: url(/assets/svg/anbg-dde5866e.svg) no-repeat center center; background-size: cover; color: var(--norm_red-color); font-size: .4rem; font-style: normal; font-weight: 700 } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .resultBox .r123 { display: -webkit-box; display: -webkit-flex; display: flex; gap: .13333rem } .resultBox .r123 .r { width: 33.3333333333%; background: var(--bg_color_L3); display: -webkit-box; display: -webkit-flex; display: flex; gap: .13333rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding: .2rem 0; border-radius: .13333rem } .resultBox .r123 .r .num { display: -webkit-box; display: -webkit-flex; display: flex; gap: .04rem } .resultBox .r123 .r .num span { display: block; background: var(--norm_red-color); border-radius: 50%; width: .53333rem; height: .53333rem; text-align: center; line-height: .53333rem; color: #fff; font-size: .37333rem; font-weight: 700 } .resultBox .r123 .r p { color: var(--text_color_L2); font-size: .37333rem } .resultBox .title { border-radius: .13333rem; background-color: var(--bg_color_L3); margin: .26667rem 0; color: var(--main-color); font-size: .37333rem; font-weight: 700; text-align: center; padding: .2rem 0 } .resultBox .rOther { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: .09333rem } .resultBox .rOther span { width: calc(20% - .09333rem); background: var(--bg_color_L3); color: var(--text_color_L1); font-size: .4rem; font-weight: 700; border-radius: .13333rem; text-align: center; padding: .13333rem 0; margin-bottom: .06667rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .gameBox { margin-top: .32rem } .gameBox>div { background: var(--bg_color_L2); border-radius: .13333rem } .gameBox .items .itemBox.active { border-radius: .13333rem; border: .01333rem solid var(--main-color) } .gameBox .items .itemBox.active .item { border-bottom: none; padding: .4rem .26667rem 0 } .gameBox .items .state1 { color: var(--norm_bule-color) } .gameBox .items .state2 { color: var(--norm_red-color) } .gameBox .items .state3 { color: var(--norm_green-color) } .gameBox .items .state4, .gameBox .items .state5 { color: var(--text_color_L1) } .gameBox .items .state6 { color: var(--norm_secondary-color) } .gameBox .items .green { color: var(--norm_green-color) } .gameBox .items .red { color: var(--norm_red-color) } .gameBox .items .item { padding: .4rem .26667rem; border-bottom: .01333rem solid var(--Dividing-line_color); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .gameBox .items .item>div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: .13333rem } .gameBox .items .item .name { font-size: .37333rem; color: var(--text_color_L1) } .gameBox .items .item .name.bold { font-size: .4rem; font-weight: 700 } .gameBox .items .item .time { color: var(--text_color_L2); font-size: .32rem } .gameBox .items .item .state { font-size: .37333rem } .gameBox .items .item .amount { font-size: .4rem; font-weight: 700 } .gameBox .items .info { margin: .13333rem .26667rem .26667rem; border-top: solid .01333rem var(--Dividing-line_color); padding-top: .26667rem } .gameBox .items .info .order .li { display: -webkit-box; display: -webkit-flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; color: var(--text_color_L2); display: flex; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .gameBox .items .info .order .li>span .svg { width: .33333rem; height: .33333rem; margin-right: .33333rem } .gameBox .items .info .order .li .numTit { color: var(--text_color_L2); font-size: .37333rem } .gameBox .items .info .order .li .copy { color: var(--text_color_L1) } .gameBox .items .info .order .li .copy .svg2 { width: .32rem; height: .32rem } .gameBox .items .info .order .li .otherTip { color: var(--text_color_L1) } .gameBox .items .info .order .li:first-child>span .svg1 { width: .33333rem; height: .33333rem; margin-right: .33333rem } .gameBox .items .info .order .line { height: .2rem; border-left: dashed .01333rem var(--main-color); margin-left: .13333rem } .gameBox .items .info .order .type { padding: .26667rem 0 .26667rem .46667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: .09333rem } .gameBox .items .info .order .type>span { background: var(--bg_color_L3); width: calc(33.3333333333% - .09333rem); text-align: center; color: var(--text_color_L2); font-size: .29333rem; border-radius: .13333rem; padding: .13333rem 0; margin-bottom: .06667rem } .gameBox .items .info .order .num { border-left: dashed .01333rem var(--main-color); margin-left: .13333rem } .gameBox .items .info .order .num>span { width: auto; padding: .13333rem .26667rem; color: var(--text_color_L2) } .gameBox .items .info .order .select { padding: .26667rem 0 .26667rem .46667rem } .gameBox .items .info .order .select>div { display: -webkit-box; display: -webkit-flex; display: flex; margin-bottom: .13333rem; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .gameBox .items .info .order .select>div h6 { width: 1.46667rem; color: var(--text_color_L2) } .gameBox .items .info .order .select>div .n { width: calc(100% - 1.46667rem); display: -webkit-box; display: -webkit-flex; display: flex; gap: .13333rem; -webkit-flex-wrap: wrap; flex-wrap: wrap } .gameBox .items .info .order .select>div .n span { border-radius: .08rem; background: var(--bg_color_L3); padding: .02667rem .18667rem; text-align: center; color: var(--text_color_L1); font-size: .29333rem } .gameBox .items .info .order .line1 { margin: .26667rem -.29333rem; background-color: var(--bg_color_L2); height: .57333rem; overflow: hidden; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .gameBox .items .info .order .line1>p { width: 85%; border-bottom: .01333rem dashed var(--Dividing-line_color) } .gameBox .items .info .order .line1:after, .gameBox .items .info .order .line1:before { content: ""; display: block; width: .53333rem; height: .53333rem; border-radius: .53333rem; border: .01333rem solid var(--main-color); position: absolute; top: 0 } .gameBox .items .info .order .line1:after { left: -.26667rem } html:lang(ar) .gameBox .items .info .order .line1:after { right: -.26667rem; left: unset } .gameBox .items .info .order .line1:before { right: -.26667rem } html:lang(ar) .gameBox .items .info .order .line1:before { left: -.26667rem; right: unset } .gameBox .items .info .order .stateInfo { font-size: .34667rem } .gameBox .items .info .order .amountInfo { font-weight: 700; color: var(text_color_L1) } .gameBox .items .info .reTitle { color: var(--text_color_L1); font-size: .4rem; font-weight: 700; margin: .26667rem 0 } .gameBox .items .btn { margin: .66667rem 0 .53333rem; background: var(--main_gradient-color); border-radius: .66667rem; color: var(--text_color_L4); font-size: .4rem; font-weight: 700; text-align: center; padding: .13333rem 0 } .gameBox .foot { padding: .13333rem 0; margin-top: .4rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; gap: .66667rem } .gameBox .foot .page { color: var(--text_color_L2) } .gameBox .foot .previous, .gameBox .foot .next { width: .93333rem; height: .93333rem; border-radius: .13333rem; background-color: var(--main-color); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .gameBox .foot .previous.disabled, .gameBox .foot .next.disabled { background: var(--bg_color_L3); pointer-events: none; color: #7f7f7f } .gameBox .foot .previous.disabled .van-icon, .gameBox .foot .next.disabled .van-icon { color: var(--saveTextColor-7) } .gameBox .foot .previous .van-icon, .gameBox .foot .next .van-icon { color: var(--text_color_L4) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .gamelist { margin-top: .4rem; padding: 0 .32rem } .gamelist .tab { display: -webkit-box; display: -webkit-flex; display: flex; height: 1.06667rem; line-height: 1.06667rem; background-color: var(--bg_color_L3); border-radius: .13333rem; font-size: .42667rem; color: var(--text_color_L2); overflow: hidden } .gamelist .tab>div { width: 50%; text-align: center } .gamelist .tab>div.active { color: var(--text_color_L4); background: var(--main_gradient-color); box-shadow: var(--BoxShadowColor-27) } .gamelist .con { position: relative; margin-top: .26667rem; padding: .26667rem .13333rem; border-radius: .13333rem } .gamelist .con .more { border-radius: .13333rem; border: .01333rem solid var(--main-color); padding: 0 .26667rem; position: absolute; height: .8rem; right: .13333rem; color: var(--main-color); font-size: .32rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; gap: .13333rem } .gamelist .con .more svg { width: .42667rem; height: .42667rem } .gamelist .con .items .head { background: var(--bg_color_L3); text-align: center; margin: 1.33333rem 0 .26667rem; padding-bottom: .13333rem; border-radius: .13333rem } .gamelist .con .items .head img { width: 1.43543rem; height: 1.43543rem; margin-top: -.66667rem; border-radius: 50%; overflow: hidden } .gamelist .con .items .head h1 { color: var(--text_color_L1); font-size: .4rem; font-weight: 700; margin: .13333rem 0 } .gamelist .con .items .head p { font-size: .34667rem; color: var(--text_color_L2) } .gameBox { margin-top: 1.06667rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .mb30 { margin-bottom: .4rem } .x-4d { width: 100%; min-height: 100vh; padding-bottom: 1.86667rem } .x-4d-more { display: -webkit-box; display: -webkit-flex; display: flex } .x-4d-more .svg { display: block; height: .64rem; width: .64rem; margin-left: .2rem } .x-4d-body { padding: .26667rem .32rem 0 } .x-4d-tab { display: -webkit-box; display: -webkit-flex; display: flex; height: 1.06667rem; line-height: 1.06667rem; background-color: var(--bg_color_L3); border-radius: .13333rem; font-size: .42667rem; color: var(--text_color_L2); overflow: hidden } .x-4d-tab>div { width: 50%; text-align: center } .x-4d-tab>div.active { color: var(--text_color_L4); background: var(--main_gradient-color); box-shadow: 0 .10667rem .21333rem #d0d0ed5c } .x-4d-content { background-color: var(--bg_color_L2); padding: .26667rem; margin-top: .26667rem; border-radius: .13333rem } .x-4d-content .enter { position: relative; margin-bottom: .4rem } .x-4d-content .enter .input { height: 1.06667rem; line-height: 1.06667rem; width: 100%; background-color: var(--bg_color_L3); border-radius: 1.06667rem; padding: 0 1.06667rem 0 .26667rem; font-size: .32rem; color: var(--text_color_L1) } .x-4d-content .enter .input.fz24 { font-size: .56rem } .x-4d-content .enter .input::-webkit-input-placeholder { color: var(--main_gradient-color) } .x-4d-content .enter .input::placeholder { color: var(--main_gradient-color) } .x-4d-content .enter .btn { position: absolute; right: 0; top: 0; height: 1.06667rem; width: 2.4rem; border-radius: 0 1.06667rem 1.06667rem 0; border: none; background: -webkit-linear-gradient(352deg, transparent .2rem, var(--main-color) 0); background: linear-gradient(98deg, transparent .2rem, var(--main-color) 0); color: #fff; font-size: .42667rem; font-weight: 600 } .x-4d-gamelist { margin-top: .4rem; padding: 0 .32rem } .x-4d-prompt { border: .01333rem solid var(--borderColor-5) } .x-4d-prompt .box { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; font-size: .48rem; color: var(--text_color_L1); font-weight: 600; background: var(--bg_color_L3) } .x-4d-prompt .box .svg { width: .8rem; height: .8rem; display: block; margin-right: .26667rem } .x-4d .PreSaleRule { width: 7.04rem } .x-4d .PreSaleRule .head { height: 1.2rem; line-height: 1.2rem; color: #fff; font-size: .4rem; text-align: center; background: var(--main_gradient-color) } .x-4d .PreSaleRule .body { max-height: 8rem; overflow-y: auto; padding: .4rem; font-size: .32rem; line-height: .8rem; color: var(--text_color_L2) } .x-4d .PreSaleRule .body p { margin-bottom: .2rem; line-height: .53333rem } .x-4d .PreSaleRule .foot { height: 1.86667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .x-4d .PreSaleRule .foot .btn { width: 60%; background: var(--main_gradient-color); border-radius: .53333rem; height: .93333rem; line-height: .93333rem; text-align: center; font-size: .37333rem; color: #fff } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .LR { padding: .4rem .26667rem } .LR .lotterys { display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: .26667rem } .LR .lotterys .main { margin: auto; width: 1.6rem; height: 1.6rem; border-radius: 1.06667rem; background: var(--bg_color_L2) } .LR .lotterys .main img { width: 100%; height: 1.6rem; border-radius: 50%; overflow: hidden; object-fit: cover !important; background-color: #fff; -webkit-filter: grayscale(100%); filter: grayscale(100%) } .LR .lotterys .main.active { background: var(--main_gradient-color2) } .LR .lotterys .main.active img { -webkit-filter: grayscale(0%); filter: grayscale(0%) } .LR .date { margin: .53333rem 0 .4rem; height: 1.17333rem; background: var(--main_gradient-color); border-radius: .66667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .LR .date .dateBox { border-top: .01333rem solid var(--text_color_L4); border-bottom: .01333rem solid var(--text_color_L4); position: relative; height: .73333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; width: 60% } .LR .date .dateBox svg { width: .26667rem; height: .72rem } .LR .date .dateBox svg:nth-child(1) { margin-left: -.26667rem } .LR .date .dateBox svg:last-child { margin-right: -.26667rem; -webkit-transform: rotate(180deg); transform: rotate(180deg) } .LR .date .dateBox .ar-searchbar__selector { color: var(--textW); font-size: .37333rem; font-weight: 500 } .LR .date .dateBox .ar-searchbar__selector>div { background: transparent; box-shadow: none } .LR .result { padding: .26667rem; background: var(--bg_color_L2); border-radius: .13333rem } .LR .result h1 { font-size: .4rem; font-weight: 700; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; gap: .13333rem; margin-bottom: .26667rem; color: var(--text_color_L1) } .LR .result h1:before { content: ""; display: block; width: .08rem; height: .4rem; background-color: var(--main-color) } .LR .van-calendar__selected-day { border: .01333rem solid var(--main-color); color: var(--main-color); background: none } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .oddsBox { padding: 0 .26667rem .4rem } .oddsBox .items { margin-bottom: .66667rem } .oddsBox .items .title { min-height: .82667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; color: var(--text_color_L4); font-size: .42667rem; font-weight: 600; position: relative } .oddsBox .items .title .words { position: absolute } .oddsBox .items .title .odd { height: .93333rem; width: 9.36rem } .oddsBox .items .tabHead { margin-top: .26667rem; background: var(--sheet_nva_color); border-radius: .13333rem .13333rem 0 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; min-height: 1.06667rem } .oddsBox .items .tabHead span { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; color: #fff; font-size: .4rem; font-weight: 700; text-align: center } .oddsBox .items .tabHead span:not(:last-of-type) { border-right: .01333rem solid var(--borderColor-5) } .oddsBox .items .tabHead.h2 span { font-size: .32rem } .oddsBox .items .tabCon1 { box-shadow: var(--BoxShadowColor-9); border-radius: 0 0 .13333rem .13333rem; overflow: hidden; margin-bottom: .4rem; display: -webkit-box; display: -webkit-flex; display: flex } .oddsBox .items .tabCon1>div { width: 50%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column } .oddsBox .items .tabCon1>div:not(:last-of-type) { border-right: .01333rem solid var(--gray-color-1) } .oddsBox .items .tabCon1 .item { display: -webkit-box; display: -webkit-flex; display: flex } .oddsBox .items .tabCon1 .item>div { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; color: var(--text_color_L1); font-size: .34667rem; min-height: 1.06667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; text-align: center } .oddsBox .items .tabCon1 .item>div:not(:last-of-type) { border-right: .01333rem solid var(--gray-color-1) } .oddsBox .items .tabCon1 .item>div:nth-child(2n) { font-size: .37333rem; font-weight: 500 } .oddsBox .items .tabCon1 .item:nth-child(n) { background-color: var(--textW) } .oddsBox .items .tabCon1 .item:nth-child(2n) { background-color: var(--sheet_detail_bg_color) } .oddsBox .items .tabCon1.c2 { -webkit-flex-wrap: wrap; flex-wrap: wrap } .oddsBox .items .tabCon1.c2 .itemR { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; width: 100% } .oddsBox .items .tabCon1.c2 .itemR>div { font-size: .37333rem; font-weight: 500 } .oddsBox .items .tabCon1.c2 .itemR>div:first-of-type { color: var(--main-color); font-size: .32rem } .oddsBox .items .tabCon2 { box-shadow: var(--BoxShadowColor-9); display: -webkit-box; display: -webkit-flex; display: flex; border-radius: 0 0 .13333rem .13333rem; overflow: hidden } .oddsBox .items .tabCon2>div { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; color: var(--text_color_L2); font-size: .37333rem; min-height: 1.06667rem; font-weight: 500; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .oddsBox .items .tabCon2>div:nth-child(n) { background-color: var(--textW) } .oddsBox .items .tabCon2>div:nth-child(2n) { background-color: var(--sheet_detail_bg_color) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .playBox { height: 100vb } .playBox .con { background: var(--bg_color_L2); box-shadow: var(--BoxShadowColor-9); padding: .26667rem; margin: 0 .4rem; border-radius: .13333rem; min-height: 100% } .playBox .con h1 { color: var(--main-color); font-size: .42667rem; margin: .13333rem 0 } .playBox .con h1 .icon { margin-right: .06667rem } .playBox .con .tip { color: var(--text_color_L2); font-size: .34667rem; padding-left: .53333rem; margin-bottom: .66667rem } .playBox .con .txt { border: .01333rem solid var(--gray-color-1); border-radius: .26667rem; padding: .26667rem .53333rem; color: var(--text_color_L2) } .playBox .con .txt>div { margin-bottom: .26667rem } .playBox .con .txt .num { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: .13333rem } .playBox .con .txt .num span { border-radius: .08rem; background: var(--bg_color_L3); padding: .06667rem .2rem; color: var(--text_color_L2); font-size: .34667rem } .red { color: var(--norm_red-color) } .van-tabs, .van-tabs .van-tabs__content { height: calc(100% - 1.6rem) } .van-tabs .van-tabs__content .van-tab__panel { height: 100% } .van-tabs__wrap { margin: .26667rem 0; height: 1.06667rem; line-height: 1.06667rem } .van-tabs__wrap .van-tabs__nav { height: 1.06667rem; line-height: 1.06667rem; background: var(--bg_color_L2); border: .01333rem solid var(--textW); border-radius: .13333rem; overflow: hidden } .van-tabs__wrap .van-tab--card { color: var(--text_color_L2); font-size: .37333rem; border-right: none; min-width: 2.66667rem } .van-tabs__wrap .van-tab--active { border-radius: .13333rem; background: var(--main_gradient-color2); border-right: .01333rem solid var(--walletBgColor-1); color: var(--textW); font-weight: 700 } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .MG { padding: .4rem .26667rem } .MG .ar-searchbar__selector { width: 100% } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .Wallet__C { padding: .48rem .34667rem 0; position: relative } .Wallet__C:before { content: ""; display: block; width: 100%; height: 7.66667rem; background: var(--light-main_gradient-color, var(--bg_color_L2)); border-radius: 0 0 1.53333rem 1.53333rem; position: absolute; z-index: 0; top: 0; left: 0 } html:lang(ar) .Wallet__C:before { left: unset; right: 0 } .Wallet__C-balance { min-height: 3.57333rem; background-color: var(--bg_color_L3); background-image: url(/assets/png/walletbg-5eabb579.png); background-repeat: no-repeat; background-size: contain; border-radius: .53333rem; padding: .46667rem .54667rem .4rem; position: relative; z-index: 0 } .Wallet__C-balance-l1 { min-height: .58667rem; line-height: .58667rem; text-align: center; font-weight: 700; font-size: .48rem; color: var(--darkTextW, var(--text_color_L1)); overflow: hidden } .Wallet__C-balance-l1>div { position: relative; word-break: break-all; pointer-events: none; width: -webkit-fit-content; width: fit-content; margin: auto } .Wallet__C-balance-l1>div:after { content: ""; display: block; position: absolute; right: -1.33333rem; top: 0; width: .48rem; height: .48rem; background-image: url(/assets/png/refireshIcon-2bc1b49f.png); background-position: center; background-repeat: no-repeat; background-size: .48rem; pointer-events: auto } .Wallet__C-balance-l2 { height: .53333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: space-evenly; -webkit-justify-content: space-evenly; justify-content: space-evenly; margin-top: .18667rem; font-size: .34667rem; color: var(--text_color_L1) } .Wallet__C-balance-l2>div { padding-left: .66667rem; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='%2324bc70' d='M5.75 7a.75.75 0 0 0 0 1.5h4a.75.75 0 0 0 0-1.5z'/%3E%3Cpath fill='%2324bc70' fill-rule='evenodd' d='M21.188 8.004q-.094-.005-.2-.004h-2.773C15.944 8 14 9.736 14 12s1.944 4 4.215 4h2.773q.106.001.2-.004c.923-.056 1.739-.757 1.808-1.737c.004-.064.004-.133.004-.197V9.938c0-.064 0-.133-.004-.197c-.069-.98-.885-1.68-1.808-1.737m-3.217 5.063c.584 0 1.058-.478 1.058-1.067c0-.59-.474-1.067-1.058-1.067s-1.06.478-1.06 1.067c0 .59.475 1.067 1.06 1.067' clip-rule='evenodd'/%3E%3Cpath fill='%2324bc70' d='M21.14 8.002c0-1.181-.044-2.448-.798-3.355a4 4 0 0 0-.233-.256c-.749-.748-1.698-1.08-2.87-1.238C16.099 3 14.644 3 12.806 3h-2.112C8.856 3 7.4 3 6.26 3.153c-1.172.158-2.121.49-2.87 1.238c-.748.749-1.08 1.698-1.238 2.87C2 8.401 2 9.856 2 11.694v.112c0 1.838 0 3.294.153 4.433c.158 1.172.49 2.121 1.238 2.87c.749.748 1.698 1.08 2.87 1.238c1.14.153 2.595.153 4.433.153h2.112c1.838 0 3.294 0 4.433-.153c1.172-.158 2.121-.49 2.87-1.238q.305-.308.526-.66c.45-.72.504-1.602.504-2.45l-.15.001h-2.774C15.944 16 14 14.264 14 12s1.944-4 4.215-4h2.773q.079 0 .151.002' opacity='0.5'/%3E%3C/svg%3E"); background-position: 0 0; background-repeat: no-repeat; background-size: .53333rem } .Wallet__C-balance-l3 { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin-top: .46667rem } .Wallet__C-balance-l3>div { width: 3.46667rem; height: .93333rem; line-height: .93333rem; background: var(--norm_red-color); border-radius: .53333rem; font-weight: 600; font-size: .4rem; color: #fff; text-align: center } .Wallet__C-balance-l3>div+div { background: var(--norm_green-color) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .GameList__C { height: 2.4rem; width: calc(100% - .69333rem); background: var(--bg_color_L3); border-radius: .26667rem; position: relative; margin: .34667rem auto 0; display: -webkit-box; display: -webkit-flex; display: flex } .GameList__C-item { width: 25%; height: 100%; position: relative; z-index: 2; text-align: center } .GameList__C-item>div { height: 100%; line-height: .4rem; font-size: .32rem; margin: auto; color: var(--text_color_L2); padding-top: 1.44rem; background-image: url(/time-5d4e96a3.png); background-size: 1.17333rem; background-position: center .18667rem; background-repeat: no-repeat } .GameList__C-item.active { background: var(--main_gradient-color2); border-radius: .26667rem } .GameList__C-item.active>div { color: var(--text_color_L4); background-image: url(/time_a-14078cf4.png) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .TimeLeft__C-PreSale { width: 7.04rem } .TimeLeft__C-PreSale-head { height: 1.2rem; line-height: 1.2rem; color: var(--text_color_L4); font-size: .4rem; text-align: center; background: var(--main_gradient-color) } .TimeLeft__C-PreSale-body { max-height: 8rem; overflow-y: auto; color: var(--text_color_L1); padding: .26667rem; font-size: .32rem; line-height: .8rem } .TimeLeft__C-PreSale-body p { margin-bottom: .2rem; line-height: .53333rem; color: var(--text_color_L1); word-wrap: break-word } .TimeLeft__C-PreSale-foot { height: 1.86667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; background: var(--bg_color_L2) } .TimeLeft__C-PreSale-foot-btn { width: 60%; background: var(--main_gradient-color); border-radius: .53333rem; height: .93333rem; line-height: .93333rem; text-align: center; font-size: .37333rem; color: #fff } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .FDTL__C { width: calc(100% - .69333rem); margin: .34667rem auto 0; background-color: var(--darkBg, var(--bg_color_L2)); background-repeat: no-repeat; background-size: cover; background-position: .01333rem center; padding: .42667rem .29333rem .45333rem; border-radius: .26667rem .26667rem 0 0 } .FDTL__C-rule { height: .61333rem; width: 2.93333rem; font-size: .29333rem; text-align: center; border: .01333rem solid var(--main-color); border-radius: .8rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; color: var(--darkLight, var(--main-color)); margin-left: .4rem; gap: .06667rem } .FDTL__C-rule svg { color: var(--secondary); height: .42667rem; width: .42667rem } .FDTL__C-l1 { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; height: .61333rem; color: var(--text_color_L2); font-size: .32rem } .FDTL__C-l1 .left { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; height: .61333rem } .FDTL__C-l1>div:not(.left) { -webkit-align-self: flex-start; align-self: flex-start } .FDTL__C-l2 { height: .8rem; line-height: .8rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; font-weight: 700; font-size: .53333rem; color: var(--text_color_L1) } .FDTL__C-l3 { height: 3.09333rem; margin-top: .48rem; background: #00B977; border-radius: .18667rem; position: relative; padding: .26667rem } .FDTL__C-l3:after, .FDTL__C-l3:before { content: ""; display: block; width: .13333rem; height: .69333rem; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 0; background: #008B59 } .FDTL__C-l3:before { border-radius: .13333rem 0 0 .13333rem; left: -.13333rem } .FDTL__C-l3:after { border-radius: 0 .13333rem .13333rem 0; right: -.13333rem } .FDTL__C-l3 .box { background: #003c26; border-radius: .13333rem; height: 100%; width: 100%; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding: .13333rem } .FDTL__C-l3 .box:after, .FDTL__C-l3 .box:before { position: absolute; width: 0; height: 0; border-top: .18667rem solid transparent; border-bottom: .18667rem solid transparent; content: ""; z-index: 3 } .FDTL__C-l3 .box:before { left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-right: .53333rem solid transparent; border-left: .53333rem solid #00B977 } .FDTL__C-l3 .box:after { right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-left: .53333rem solid transparent; border-right: .53333rem solid #00B977 } .FDTL__C-l3 .box .slot-column { display: inline-block; width: calc((100% - .53333rem)/5); height: 100%; border-radius: .10667rem; overflow: hidden; background: #727272; vertical-align: bottom; position: relative; text-align: center } @-webkit-keyframes slotScroll-69f351dd { 0% { -webkit-transform: translateY(-1.44rem); transform: translateY(-1.44rem) } to { -webkit-transform: translateY(-42.66667rem); transform: translateY(-29.33333rem) } } @keyframes slotScroll-69f351dd { 0% { -webkit-transform: translateY(-1.44rem); transform: translateY(-1.44rem) } to { -webkit-transform: translateY(-42.66667rem); transform: translateY(-29.33333rem) } } .FDTL__C-l3 .box .slot-column .slot-transform { -webkit-transform: translateY(-2.73333rem); transform: translateY(-2.73333rem) } .FDTL__C-l3 .box .slot-column .slot-transform.slot-scroll { -webkit-animation: slotScroll-69f351dd 3s cubic-bezier(.65, .02, .65, 1.06); animation: slotScroll-69f351dd 3s cubic-bezier(.65, .02, .65, 1.06); -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards } .FDTL__C-l3 .box .slot-column .slot-transform.slot-scroll.transform1 { -webkit-animation-delay: .12s; animation-delay: .12s } .FDTL__C-l3 .box .slot-column .slot-transform.slot-scroll.transform2 { -webkit-animation-delay: .24s; animation-delay: .24s } .FDTL__C-l3 .box .slot-column .slot-transform.slot-scroll.transform3 { -webkit-animation-delay: .36s; animation-delay: .36s } .FDTL__C-l3 .box .slot-column .slot-transform.slot-scroll.transform4 { -webkit-animation-delay: .48s; animation-delay: .48s } .FDTL__C-l3 .box .slot-column .slot-transform.transform0 .slot-num { background: #17B15E; color: #fff } .FDTL__C-l3 .box .slot-column .slot-transform .slot-num { width: 1.46667rem; height: 1.46667rem; line-height: 1.46667rem; background: #E1E1EC; border-radius: 50%; font-size: .8rem; color: var(--text_color_L2); font-weight: 700; margin: 0 auto .10667rem } .FDTL__C-time { height: .8rem; line-height: .8rem; bottom: .29333rem; right: .32rem; display: -webkit-box; display: -webkit-flex; display: flex } html:lang(ar) .FDTL__C-time { direction: ltr } .FDTL__C-time>div { background: var(--bg_color_L3); border-radius: .13333rem; color: var(--main-color); font-weight: 700; font-size: .48rem; text-align: center; padding: 0 .13333rem; background-position: center; background-size: 100% 100%; background-repeat: no-repeat } .FDTL__C-time>div[notime] { background-color: transparent !important } .FDTL__C-time>div+div { margin-left: .12rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .FDB__C-nav { display: -webkit-box; display: -webkit-flex; display: flex; border-bottom: .01333rem solid var(--Dividing-line_color) } .FDB__C-nav>div { width: 1.06667rem; height: 1.06667rem; line-height: 1.06667rem; background: var(--button_dis_color); font-size: .48rem; font-weight: 700; color: #fff; border-radius: .25333rem .25333rem 0 0; position: relative; margin-right: .26667rem; text-align: center } .FDB__C-nav>div:last-child { font-size: .42667rem } .FDB__C-nav>div.active { background: var(--main-color); color: var(--text_color_L4) } .FDB__C-nav>div.active:after { background: -webkit-radial-gradient(100% 0, circle, var(--bg_color_L2) .26667rem, var(--main-color) .26667rem); background: radial-gradient(circle at 100% 0, var(--bg_color_L2) .26667rem, var(--main-color) .26667rem) } .FDB__C-nav>div:after { content: ""; width: .26667rem; height: .26667rem; position: absolute; bottom: 0; right: -.26667rem; z-index: 9; background: var(--linerGradient-70) } html:lang(ar) .FDB__C-nav>div:after { left: -.26667rem; right: unset } .FDB__C-H { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; height: .88rem; line-height: .88rem; margin-top: .32rem; font-size: .37333rem; color: #fff } .FDB__C-H>div { width: calc((100% - 1.36rem)/4); height: 100%; background: var(--button_dis_color); border-radius: .13333rem; padding: 0 .16rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .FDB__C-H>div.active { color: #fff } .FDB__C-H>div.active1:nth-child(1) { background: var(--norm_secondary-color) } .FDB__C-H>div.active2:nth-child(2) { background: var(--norm_bule-color) } .FDB__C-H>div.active3:nth-child(3) { background: var(--norm_red-color) } .FDB__C-H>div.active4:nth-child(4) { background: var(--norm_Purple-color) } .FDB__C-Num { padding: .34667rem 0 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap; height: 3.33333rem } .FDB__C-Num>div { width: 20%; height: 50% } .FDB__C-Num>div .round { width: .88rem; height: .88rem; border: .01333rem solid var(--text_color_L3); border-radius: 50%; color: var(--text_color_L3); font-size: .37333rem; text-align: center; line-height: .88rem; margin: auto } .FDB__C-Num>div .rate { line-height: .32rem; font-size: .32rem; color: var(--text_color_L2); text-align: center } .bet-num-line .round.active { background: var(--main-color); border: .01333rem solid var(--main-color); color: #fff; } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .Betting__Popup-body { padding: .50667rem .34667rem .53333rem } .Betting__Popup-body-line { font-size: .42667rem; color: var(--text_color_L1); height: .74667rem; line-height: .74667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .Betting__Popup-body-line-list { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .Betting__Popup-body-line-item { padding: 0 .21333rem; background: var(--bg_color_L3); color: var(--text_color_L2); border-radius: .08rem } .Betting__Popup-body-line-item.action { background: var(--main-color); /* Replace with your desired color */ color: #fff; /* Optional: change text color */ } .Betting__Popup-body-line-item+div { margin-left: .16rem } .Betting__Popup-body-line+div { margin-top: .4rem } .Betting__Popup-body-line-btnL { -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; display: -webkit-box; display: -webkit-flex; display: flex } .Betting__Popup-body-line:last-child { -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start } .Betting__Popup-foot { height: .96rem; display: -webkit-box; display: -webkit-flex; display: flex; text-align: center; line-height: .96rem; font-size: .37333rem } .Betting__Popup-foot-c { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; background: var(--bg_color_L3); color: var(--text_color_L2) } .Betting__Popup-foot-s { -webkit-box-flex: 2; -webkit-flex: 2; flex: 2; background: var(--main-color); color: var(--text_color_L4) } .Betting__Popup-btn { width: .74667rem; height: .74667rem; pointer-events: none; text-align: center; font-size: .66667rem; padding: 0; background: var(--button_dis_color); color: var(--button_dis_color); -webkit-box-flex: 0; -webkit-flex: none; flex: none; border-radius: .08rem } .Betting__Popup-input { padding: .02667rem .26667rem; width: 2.10667rem; margin: 0 .16rem; background-color: var(--bg_color_L1); color: var(--text_color_L4) } .Betting__Popup-input:after { content: none } .Betting__Popup-input .van-field__control { text-align: center; font-size: .37333rem; line-height: .72rem } .Betting__Popup-agree { padding-left: .8rem; background-image: url(/assets/png/agree-b-47b8f86d.png); background-repeat: no-repeat; background-position: left center; background-size: .64rem; font-size: .32rem; color: var(--colorText-3) } html:lang(ar) .Betting__Popup-agree { background-position: right center } .Betting__Popup-agree.active { background-image: url(/assets/png/agree-a-6a68f3ca.png) } .Betting__Popup-preSaleShow { margin-left: .34667rem; font-size: .32rem; color: var(--norm_red-color) } .Betting__Popup-PreSale { width: 7.04rem } .Betting__Popup-PreSale-head { height: 1.2rem; line-height: 1.2rem; color: var(--text_color_L4); font-size: .4rem; text-align: center; background: var(--main_gradient-color) } .Betting__Popup-PreSale-body { max-height: 8rem; overflow-y: auto; color: var(--text_color_L1); padding: .4rem; font-size: .32rem; line-height: .8rem } .Betting__Popup-PreSale-body p { margin-bottom: .2rem; line-height: .53333rem } .Betting__Popup-PreSale-foot { height: 1.86667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .Betting__Popup-PreSale-foot-btn { width: 60%; background: var(--main_gradient-color); border-radius: .53333rem; height: .93333rem; line-height: .93333rem; text-align: center; font-size: .37333rem; color: var(--text_color_L4) } .bgcolor { pointer-events: all; color: var(--text_color_L4); background: var(--main-color) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .FDB__C { width: calc(100% - .69333rem); margin: auto; background-color: var(--darkBg, var(--bg_color_L2)); padding: .34667rem .34667rem 0; position: relative } .FDB__C-mark { width: 100%; height: 100%; background: rgba(0, 0, 0, .5); position: absolute; z-index: 99; top: 0; left: 0; color: var(--main-color); border-radius: .26667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center } html:lang(ar) .FDB__C-mark { direction: ltr } .FDB__C-mark>div { display: inline-block; border-radius: .4rem; padding: 0 .4rem; background-color: var(--bg_color_L3); font-weight: 700; font-size: 3.73333rem } .FDB__C-mark>div+div { margin-left: 1.04rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .RecordNav__C { width: calc(100% - .69333rem); height: .96rem; line-height: .96rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin: .32rem auto 0 } .RecordNav__C>div { width: calc((100% - .50667rem) / 3); height: 100%; background: var(--bg_color_L2); border-radius: .21333rem; font-size: .37333rem; color: var(--text_color_L2); text-align: center; overflow: hidden } .RecordNav__C>div.active { background: var(--main_gradient-color, var(--main_gradient-color)); font-weight: 600; color: var(--text_color_L4) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .GameRecord__C { width: calc(100% - .69333rem); margin: .48rem auto 0; text-align: center; font-size: .32rem } .GameRecord__C-head { height: 1.06667rem; line-height: 1.06667rem; background: var(--sheet_nva_color); border-radius: .13333rem .13333rem 0 0; font-weight: 700; font-size: .34667rem; color: #fff } .GameRecord__C-body { line-height: 1.06667rem; color: var(--darkTextW, var(--text_color_L1)) } .GameRecord__C-body-empty { height: 5.33333rem } .GameRecord__C-body>div { background: var(--darkBg, var(--bg_color_L2)); color: var(--text_color_L1) } .GameRecord__C-body>div+div { border-top: .01333rem solid var(--bgDark-2, var(--gray-color-1)) } .GameRecord__C-body-premium { display: -webkit-box; display: -webkit-flex; display: flex; height: 100%; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .GameRecord__C-body-premium>div { width: .53333rem; height: .53333rem; background-repeat: no-repeat; background-size: .53333rem; background-position: center } .GameRecord__C-body-premium .n1 { background-image: url(/assets/png/n1-4d914772.png) } .GameRecord__C-body-premium .n2 { background-image: url(/assets/png/n2-a7189ae3.png) } .GameRecord__C-body-premium .n3 { background-image: url(/assets/png/n3-162f6063.png) } .GameRecord__C-body-premium .n4 { background-image: url(/assets/png/n4-ae5fe4f6.png) } .GameRecord__C-body-premium .n5 { background-image: url(/assets/png/n5-562557ff.png) } .GameRecord__C-body-premium .n6 { background-image: url(/assets/png/n6-4fb0d7da.png) } .GameRecord__C-body .numList { height: 100%; width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .GameRecord__C-body .numList>.numItem { width: .53333rem; height: .53333rem; border-radius: 50%; border: .01333rem solid var(--darkLight, var(--text_color_L2)); text-align: center; line-height: .53333rem; font-size: .32rem; color: var(--darkLight, var(--text_color_L1)) } .GameRecord__C-body .numList>.numItem+.numItem { margin-left: .10667rem } .GameRecord__C-body .redNumItem { border-radius: 50%; color: var(--text_color_L4); font-size: .29333rem; text-align: center; line-height: .53333rem; background: var(--main-color); padding: .12rem } .GameRecord__C-foot { height: 1.86667rem; background: var(--darkBg, var(--bg_color_L2)); color: var(--text_color_L2); padding: .46667rem 2.37333rem; margin-top: .48rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .GameRecord__C-foot-previous, .GameRecord__C-foot-next { width: .93333rem; height: .93333rem; border-radius: .13333rem; background: var(--main-color); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .GameRecord__C-foot-previous.disabled, .GameRecord__C-foot-next.disabled { background: var(--bg_color_L3); pointer-events: none } .GameRecord__C-foot-previous.disabled .GameRecord__C-icon, .GameRecord__C-foot-next.disabled .GameRecord__C-icon { color: var(--text_color_L3) } .GameRecord__C-foot-previous .GameRecord__C-icon, .GameRecord__C-foot-next .GameRecord__C-icon { color: var(--text_color_L4) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .Trend__C { width: calc(100% - .69333rem); margin: .48rem auto 0; text-align: center; font-size: .32rem } .Trend__C-head { height: 1.06667rem; line-height: 1.06667rem; background: var(--sheet_nva_color); border-radius: .13333rem .13333rem 0 0; font-weight: 700; font-size: .34667rem; color: #fff } .Trend__C-body1 { background-color: var(--darkBg, var(--bg_color_L2)); margin-bottom: .50667rem; height: 5.33333rem; box-shadow: var(--boxShadowColor-35); border-radius: .26667rem; padding: .32rem } .Trend__C-body1-line { display: -webkit-box; display: -webkit-flex; display: flex; font-size: .34667rem; color: var(--text_color_L1); height: .41333rem } .Trend__C-body1-line>div:first-child { width: 3.70667rem; padding-left: .26667rem; text-align: left } .Trend__C-body1-line-num { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; padding-right: .2rem } .Trend__C-body1-line-num>div { width: .48rem; height: .48rem; line-height: .48rem; font-size: .34667rem; color: var(--text_color_L2); text-align: center } .Trend__C-body1-line.lottery .Trend__C-body1-line-num>div { border-radius: 50%; border: .01333rem solid var(--LotteryTrendColor); color: var(--LotteryTrendColor) !important } .Trend__C-body1-line+.Trend__C-body1-line { margin-top: .26667rem } .Trend__C-body1-line:first-child { padding-top: .34667rem; height: .76rem; padding-left: .26667rem } .Trend__C-body1-line-lottery { height: .48rem } .Trend__C-body2 { font-size: .32rem; background-color: var(--darkBg, var(--bg_color_L2)) } .Trend__C-body2>div { height: 1.33333rem; padding: .45333rem .26667rem; border-top: .01333rem solid var(--gray-color-1) } .Trend__C-body2>div.Trend__C-body2-empty { height: 5.33333rem } .Trend__C-body2-IssueNumber { color: var(--text_color_L1); text-align: left } .Trend__C-body2-Num { display: -webkit-box; display: -webkit-flex; display: flex; position: relative; height: .42667rem } .Trend__C-body2-Num>div { width: .4rem; height: .4rem; line-height: .4rem; text-align: center; border-radius: 50% } .Trend__C-body2-Num-item { border: .01333rem solid var(--text_color_L3); color: var(--text_color_L3); margin-right: .10667rem } .Trend__C-body2-Num-item.action { position: relative; z-index: 10; border: none; color: #fff; background: var(--norm_red-color) } .Trend__C-body2-Num-BS { color: #fff; border: .01333rem solid var(--norm_bule-color); background-color: var(--norm_bule-color); margin-left: .16rem } .Trend__C-body2-Num-BS.isB { border: .01333rem solid var(--norm_secondary-color); background: var(--norm_secondary-color); color: #fff } .Trend__C-body2-Num-OE { color: var(--norm_Purple-color); border: .01333rem solid var(--norm_Purple-color); margin-left: .08rem } .Trend__C-body2-Num-OE.isE { border: .01333rem solid var(--norm_green-color); background: var(--norm_green-color); color: #fff } .Trend__C-body2 .line-canvas { position: absolute; top: 50%; left: 0; height: 1.33333rem; width: calc(100% - .64rem); z-index: 9 } html:lang(ar) .Trend__C-body2 .line-canvas { left: unset; right: 0; -webkit-transform: scaleX(-1); transform: scaleX(-1) } .Trend__C-foot { height: 1.86667rem; background-color: var(--darkBg, var(--bg_color_L2)); padding: .46667rem 2.37333rem; margin-top: .48rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; color: var(--darkTextW, var(--text_color_L2)) } .Trend__C-foot-previous, .Trend__C-foot-next { width: .93333rem; height: .93333rem; border-radius: .13333rem; background: var(--main-color); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .Trend__C-foot-previous.disabled, .Trend__C-foot-next.disabled { background: var(--button_dis_color); pointer-events: none } .Trend__C-foot-previous.disabled .Trend__C-icon, .Trend__C-foot-next.disabled .Trend__C-icon { color: var(--text_color_L3) } .Trend__C-foot-previous .Trend__C-icon, .Trend__C-foot-next .Trend__C-icon { color: var(--text_color_L4) } .Trend__C-nav { display: -webkit-box; display: -webkit-flex; display: flex; border-bottom: .01333rem solid var(--Dividing-line_color); overflow: hidden } .Trend__C-nav>div { width: 1.06667rem; height: 1.06667rem; line-height: 1.06667rem; background: var(--bg_color_L3); font-size: .48rem; font-weight: 700; color: var(--text_color_L2); border-radius: .25333rem .25333rem 0 0; position: relative; margin-right: .26667rem; text-align: center; border-radius: 19px 19px 0 0 } .Trend__C-nav>div:last-child { font-size: .42667rem } .Trend__C-nav>div.active { background-color: var(--main-color); color: var(--text_color_L4) } .Trend__C-nav>div.active:after { background: -webkit-radial-gradient(100% 0, circle, var(--bg_color_L2) .26667rem, var(--main-color) .26667rem); background: radial-gradient(circle at 100% 0, var(--bg_color_L2) .26667rem, var(--main-color) .26667rem) } .Trend__C-nav>div.active:before { content: ""; width: .26667rem; height: .26667rem; position: absolute; bottom: 0; left: -.26667rem; z-index: 9 } html:lang(ar) .Trend__C-nav>div.active:before { right: -.26667rem; left: unset } .Trend__C-nav>div:after { content: ""; width: .26667rem; height: .26667rem; position: absolute; bottom: 0; right: -.26667rem; z-index: 9; background: var(--linerGradient-70) } html:lang(ar) .Trend__C-nav>div:after { left: -.26667rem; right: unset } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .MyGameRecordList__C { background-color: var(--darkBg, var(--bg_color_L2)) } .MyGameRecordList__C-empty { height: 5.33333rem } .MyGameRecordList__C-item { height: 1.81333rem; padding: .37333rem .13333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .MyGameRecordList__C-item+div { border-top: .01333rem solid var(--bg_color_L3) } .MyGameRecordList__C-item-l { height: .96rem; width: .96rem; line-height: .96rem; text-align: center; border-radius: .26667rem; color: #fff; font-size: .64rem; margin-right: .29333rem; -webkit-box-flex: 0; -webkit-flex: none; flex: none; overflow: hidden } .MyGameRecordList__C-item-l-red, .MyGameRecordList__C-item-l-2, .MyGameRecordList__C-item-l-4, .MyGameRecordList__C-item-l-6, .MyGameRecordList__C-item-l-8 { background-color: var(--norm_red-color) } .MyGameRecordList__C-item-l-violet { background-color: var(--norm_Purple-color) } .MyGameRecordList__C-item-l-green, .MyGameRecordList__C-item-l-1, .MyGameRecordList__C-item-l-3, .MyGameRecordList__C-item-l-7, .MyGameRecordList__C-item-l-9 { background-color: var(--norm_green-color) } .MyGameRecordList__C-item-l-0 { background-image: -webkit-linear-gradient(top left, var(--norm_red-color) 50%, var(--norm_Purple-color) 0) !important; background-image: linear-gradient(to bottom right, var(--norm_red-color) 50%, var(--norm_Purple-color) 0) !important } .MyGameRecordList__C-item-l-5 { background-image: -webkit-linear-gradient(top left, var(--norm_green-color) 50%, var(--norm_Purple-color) 0) !important; background-image: linear-gradient(to bottom right, var(--norm_green-color) 50%, var(--norm_Purple-color) 0) !important } .MyGameRecordList__C-item-l-small { background: var(--norm_bule-color); font-size: .32rem } .MyGameRecordList__C-item-l-big { background: var(--norm_secondary-color); font-size: .32rem } .MyGameRecordList__C-item-m { -webkit-box-flex: 0; -webkit-flex: none; flex: none } .MyGameRecordList__C-item-m-top { height: .45333rem; line-height: .45333rem; font-size: .37333rem; color: var(--darkTextW, var(--text_color_L1)); margin-bottom: .24rem } .MyGameRecordList__C-item-m-bottom { font-size: .29333rem; color: var(--text_color_L2) } .MyGameRecordList__C-item-r { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; font-weight: 500; font-size: .37333rem; height: .96rem; color: var(--norm_red-color); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; align-items: flex-end; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column } .MyGameRecordList__C-item-r span { word-wrap: break-word; word-break: break-all } .MyGameRecordList__C-item-r div { color: var(--norm_red-color); border: .01333rem solid var(--norm_red-color); border-radius: .13333rem; height: .48rem; line-height: .48rem; font-size: .29333rem; padding: 0 .48rem; margin-bottom: .08rem } .MyGameRecordList__C-item-r.success { color: var(--norm_green-color) } .MyGameRecordList__C-item-r.success div { color: var(--norm_green-color); border-color: var(--norm_green-color) } .MyGameRecordList__C-inlineB { display: inline-block } .MyGameRecordList__C-inlineB+div { margin-left: .21333rem } .MyGameRecordList__C-inlineB.big { color: var(--norm_secondary-color) } .MyGameRecordList__C-inlineB.small { color: var(--norm_bule-color) } .MyGameRecordList__C-inlineB.greenColor { color: var(--norm_green-color) } .MyGameRecordList__C-inlineB.redColor { color: var(--norm_red-color) } .MyGameRecordList__C-inlineB.purpleColor { color: var(--norm_Purple-color) } .MyGameRecordList__C-detail { padding: .4rem 0; border-bottom: .01333rem solid var(--bg_color_L3) } .MyGameRecordList__C-detail-text { font-size: .53333rem; color: var(--darkTextW, var(--text_color_L1)); margin-bottom: .26667rem } .MyGameRecordList__C-detail-line { height: auto; line-height: .66667rem; padding: 0 .06667rem; background-color: var(--bgDark-3, var(--bg_color_L3)); color: var(--text_color_L2); font-size: .37333rem; border-radius: .13333rem; margin-bottom: .21333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap } .MyGameRecordList__C-detail-line>span { color: var(--text_color_L1) } .MyGameRecordList__C-detail-line>div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .MyGameRecordList__C-detail-line img { width: .4rem; height: .4rem; margin-left: .06667rem } .MyGameRecordList__C-detail-line .red { color: var(--norm_red-color) } .MyGameRecordList__C-detail-line .green { color: var(--norm_green-color) } .MyGameRecordList__C-detail-line .numList { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; height: 100% } .MyGameRecordList__C-detail-line .numList>div { height: .48rem; width: .48rem; text-align: center; line-height: .48rem; border-radius: 50%; border: .01333rem solid var(--text_color_L1); font-size: .32rem; color: var(--text_color_L1) } .MyGameRecordList__C-detail-line .numList>div+div { margin: .08rem } .MyGameRecordList__C-detail-line .numList>div>div { height: .48rem; width: .48rem; background-repeat: no-repeat; background-size: .48rem; background-position: center } .MyGameRecordList__C-detail-line .numList>div>div.n1 { background-image: url(/assets/png/n1-4d914772.png) } .MyGameRecordList__C-detail-line .numList>div>div.n2 { background-image: url(/assets/png/n2-a7189ae3.png) } .MyGameRecordList__C-detail-line .numList>div>div.n3 { background-image: url(/assets/png/n3-162f6063.png) } .MyGameRecordList__C-detail-line .numList>div>div.n4 { background-image: url(/assets/png/n4-ae5fe4f6.png) } .MyGameRecordList__C-detail-line .numList>div>div.n5 { background-image: url(/assets/png/n5-562557ff.png) } .MyGameRecordList__C-detail-line .numList>div>div.n6 { background-image: url(/assets/png/n6-4fb0d7da.png) } .MyGameRecordList__C-detail-line .numList>div>div+div { margin-left: .10667rem } .MyGameRecordList__C-detail-line .line1 { display: -webkit-box; display: -webkit-flex; display: flex; width: 100%; -webkit-flex-wrap: wrap; flex-wrap: wrap } .MyGameRecordList__C-detail-line .line1 .num { margin-left: .08rem; height: .48rem; min-width: .48rem; text-align: center; line-height: .48rem; padding: 0 .06667rem; font-size: .32rem; color: var(--text_color_L1) } .MyGameRecordList__C-detail-line .line1 .btn { height: .53333rem; line-height: .53333rem; border-radius: .08rem; padding: 0 .26667rem; font-size: .32rem; margin: .05333rem .10667rem; background-color: var(--bg_color_L3) } .MyGameRecordList__C-detail-line .line1 .btn.actionViolet { color: var(--text_color_L1); background-color: var(--norm_Purple-color) } .MyGameRecordList__C-detail-line .line1 .btn.actionRed { color: var(--text_color_L1); background-color: var(--norm_red-color) } .MyGameRecordList__C-detail-line .line1 .btn.actionGreen { color: var(--text_color_L1); background-color: var(--bgColor-13) } .MyGameRecordList__C-detail-line .line1 .btn.actionRedGreen { color: var(--text_color_L1); background-color: var(--norm_red-color); background-image: var(--linearGradien-21) } .MyGameRecordList__C-item-l { background-color: var(--main-color) } .MyGameRecordList__C-item-l-O, .MyGameRecordList__C-item-l-E, .MyGameRecordList__C-item-l-H, .MyGameRecordList__C-item-l-L { font-size: .32rem } .MyGameRecordList__C-item-l-O { background-color: var(--norm_red-color) } .MyGameRecordList__C-item-l-E { background-color: var(--norm_Purple-color) } .MyGameRecordList__C-item-l-H { background-color: var(--norm_secondary-color) } .MyGameRecordList__C-item-l-L { background-color: var(--norm_bule-color) } .MyGameRecordList__C-item-l-0 { background: var(--main-color) !important } .MyGameRecordList__C-detail-line .line1 { width: auto } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .MyGameRecord__C { width: calc(100% - .69333rem); margin: .32rem auto 0 } .MyGameRecord__C-head { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; background-color: var(--darkBg, var(--bg_color_L2)); padding: .32rem .32rem 0 } .MyGameRecord__C-head-moreB { border: .01333rem solid var(--main-color); height: .8rem; line-height: .8rem; border-radius: .26667rem; padding: 0 .24rem; color: var(--main-color); font-size: .32rem; position: relative } .MyGameRecord__C-head-moreB svg { width: .4rem; height: .4rem } .MyGameRecord__C-body { background-color: var(--darkBg, var(--bg_color_L2)); padding: 0 .32rem } .MyGameRecord__C-body-empty { height: 5.33333rem } .MyGameRecord__C-foot { height: 1.86667rem; background: var(--darkBg, var(--bg_color_L2)); padding: .46667rem 2.37333rem; margin-top: .48rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .MyGameRecord__C-foot-page { font-size: .32rem; color: var(--text_color_L2) } .MyGameRecord__C-foot-previous, .MyGameRecord__C-foot-next { width: .93333rem; height: .93333rem; border-radius: .13333rem; background: var(--main-color); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .MyGameRecord__C-foot-previous.disabled, .MyGameRecord__C-foot-next.disabled { background: var(--button_dis_color); pointer-events: none } .MyGameRecord__C-foot-previous.disabled .MyGameRecord__C-icon, .MyGameRecord__C-foot-next.disabled .MyGameRecord__C-icon { color: var(--text_color_L3) } .MyGameRecord__C-foot-previous .MyGameRecord__C-icon, .MyGameRecord__C-foot-next .MyGameRecord__C-icon { color: var(--text_color_L4) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .FDP__C { height: 1.94667rem; width: calc(100% - .69333rem); margin: .34667rem auto .29333rem; border-radius: .26667rem; padding: .26667rem .34667rem; background: var(--darkBg, var(--bg_color_L2)); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start } .FDP__C-text { color: var(--text_color_L2); height: 1.33333rem; line-height: .66667rem; font-size: .34667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .FDP__C-symbol { width: .24rem; margin: 0 .13333rem; font-size: .34667rem; line-height: .93333rem; color: var(--text_color_L1) } .FDP__C-sum { height: .93333rem; width: .93333rem; line-height: .93333rem; background: var(--main-color); font-size: .34667rem; color: var(--text_color_L4); border-radius: 50%; text-align: center; -webkit-box-flex: 0; -webkit-flex: none; flex: none } .FDP__C-list { display: -webkit-box; display: -webkit-flex; display: flex; width: -webkit-fit-content; width: fit-content; -webkit-box-flex: 0; -webkit-flex: none; flex: none } .FDP__C-list>div { width: .93333rem; height: 100%; margin-left: .21333rem } .FDP__C-list>div .num { height: .93333rem; width: .93333rem; line-height: .93333rem; background: var(--bg_color_L3); font-size: .34667rem; color: var(--darkTextW, var(--text_color_L1)); border-radius: 50%; text-align: center } .FDP__C-list>div .letter { margin-top: .05333rem; text-align: center; font-size: .37333rem; color: var(--text_color_L2) } .FDP__C>div { height: .93333rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .WinningTip__C { position: fixed; width: 100%; height: 100%; z-index: 99; background-color: #00000080; top: 0; left: 0 } html:lang(ar) .WinningTip__C { right: 0; left: unset } .WinningTip__C-body { position: absolute; width: 7.73333rem; height: 10.93333rem; background-image: url(/assets/png/missningBg-c1f02bcd.png); background-repeat: no-repeat; background-position: center; background-size: cover; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translate(-50%) translateY(-50%); padding-top: 3.2rem } .WinningTip__C-body.isL { background-image: url(/assets/png/missningLBg-ca049a47.png) } .WinningTip__C-body.isL .WinningTip__C-body-l1, .WinningTip__C-body.isL .WinningTip__C-body-l2, .WinningTip__C-body.isL .WinningTip__C-body-l3, .WinningTip__C-body.isL .WinningTip__C-body-l4 { color: #587ba4 } .WinningTip__C-body-l1 { font-weight: 700; font-size: .64rem; text-align: center; color: #fff; height: .77333rem; line-height: .77333rem } .WinningTip__C-body-l2 { height: auto; color: #fff; font-size: .29333rem; margin-bottom: .64rem; text-align: center } .WinningTip__C-body-l2 .line1 { height: auto; width: 5.06667rem; margin: auto; font-size: .29333rem; color: #fff; display: -webkit-box; display: -webkit-flex; display: flex; margin-top: .05333rem } .WinningTip__C-body-l2 .line1>div { width: .82667rem; height: 1.44rem } .WinningTip__C-body-l2 .line1>div .title { width: .72rem; height: .72rem; background: var(--norm_secondary-color); border-radius: 50% 50% 0 0; font-size: .4rem; line-height: .72rem; position: relative } .WinningTip__C-body-l2 .line1>div .title:after { content: ""; width: .10667rem; height: .10667rem; position: absolute; bottom: 0; right: -.10667rem; z-index: 9; background: var(--linearGradien-38) } .WinningTip__C-body-l2 .line1>div .title.sum { font-size: .26667rem } .WinningTip__C-body-l2 .line1>div .num { width: .64rem; height: .64rem; color: #fff; border-radius: 50%; line-height: .64rem; text-align: center; border: .01333rem solid #fff; margin: .10667rem auto } .WinningTip__C-body-l2 .line2 { height: .58667rem; width: 3.57333rem; margin: .16rem auto 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .WinningTip__C-body-l2 .line2>div { height: .58667rem; line-height: .58667rem; background: var(--norm_red-color); border-radius: .13333rem; width: 1.33333rem; text-align: center } .WinningTip__C-body-l2 .line2>div.yuan { width: .53333rem; height: .53333rem; line-height: .53333rem; margin: 0 .18667rem; border-radius: 50% } .WinningTip__C-body-l3 { height: 1.73333rem } .WinningTip__C-body-l3 .isLose { font-weight: 700; font-size: .64rem; line-height: .77333rem; color: var(--text_color_L2); text-align: center; margin-bottom: .34667rem; padding-top: .26667rem } .WinningTip__C-body-l3 .head { height: .4rem; line-height: .4rem; font-weight: 700; font-size: .34667rem; color: #fb5b5b; text-align: center; margin-bottom: .10667rem } .WinningTip__C-body-l3 .bonus { height: .64rem; line-height: .64rem; font-weight: 700; font-size: .53333rem; color: #fb5b5b; text-align: center; margin-bottom: .26667rem } .WinningTip__C-body-l3 .gameDetail { height: .37333rem; line-height: .37333rem; font-size: .29333rem; text-align: center; color: var(--text_color_L2) } .WinningTip__C-body-l4 { height: .64rem; line-height: .64rem; font-size: .32rem; color: #fff; position: absolute; left: .74667rem; bottom: .74667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } html:lang(ar) .WinningTip__C-body-l4 { right: .74667rem; left: unset } .WinningTip__C-body-l4 .acitveBtn { height: .56rem; width: .56rem; border-radius: 50%; background: var(--winTips); border: .01333rem solid #fff; margin-right: .18667rem; position: relative } .WinningTip__C-body-l4 .acitveBtn.active:before { content: ""; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translate(-50%) translateY(-50%); height: .24rem; width: .32rem; display: block; background-image: url(/assets/png/vector-dc489162.png); background-repeat: no-repeat; background-size: .32rem .24rem; background-position: center } .WinningTip__C .closeBtn { width: .8rem; height: .8rem; background-image: url(/assets/png/close-84ce5e6a.png); background-repeat: no-repeat; background-size: .8rem; background-position: center; position: absolute; left: 50%; -webkit-transform: translateX(-50%) translateY(100%); transform: translate(-50%) translateY(100%); bottom: -.26667rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .changlongEnter { position: fixed; z-index: 99; width: 1.49333rem; height: 1.49333rem; background-repeat: no-repeat; background-position: center; background-size: 1.49333rem; background-image: url(/assets/svg/changlong-9eee1dec.svg); bottom: 4.26667rem; right: .4rem; box-shadow: 0 .02667rem .48rem #cbcadc8f; border-radius: 50% } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .FD__C { padding-bottom: .34667rem } .FD__C-head { height: 1.25333rem; background: -webkit-linear-gradient(left, #de2325 0%, #ff504a 100%); background: linear-gradient(90deg, #de2325 0%, #ff504a 100%); padding: 0 .34667rem; position: relative } .FD__C-head div { background-repeat: no-repeat; background-position: center } .FD__C-head-bcak { position: absolute; width: .64rem; height: .64rem; background-image: url(/assets/png/bcakIcon-b7c1d288.png); background-size: .64rem; left: .34667rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .FD__C-head-logo { background: url(/assets/png/headlogo-56515a97.png); background-size: 2.98667rem 1.12rem; height: 1.12rem; width: 2.98667rem; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translate(-50%) translateY(-50%) } .FD__C-head-more { position: absolute; width: 1.54667rem; height: .64rem; right: .34667rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .FD__C-head-more>div { width: .64rem; height: .64rem; background-image: url(/assets/png/kefu-b361c42f.png); background-size: .64rem } .FD__C-head-more>div:last-child { background-image: url(/assets/png/voice-62dbf38c.png) } .FD__C-head-more>div:last-child.disableVoice { background-image: url(/assets/png/voice-off-633f5ccc.png) } .FD__C .noticeBar__container { width: calc(100% - .69333rem) !important; margin: .45333rem auto; position: relative; z-index: 1; top: 0 } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .BettingRecord5D__C-head { height: 1.25333rem; line-height: 1.25333rem; text-align: center; background: var(--bg_color_L2); position: relative; font-weight: 500; font-size: .48rem; color: var(--text_color_L1) } .BettingRecord5D__C-head-bcak { position: absolute; width: .64rem; height: .64rem; background-image: url(/assets/png/bcakIcon-b7c1d288.png); background-size: .64rem; left: .34667rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .BettingRecord5D__C-list { margin: .48rem 0 .4rem } .BettingRecord5D__C-list .MyGameRecordList__C { padding: 0 .32rem } .BettingRecord5D__C-foot { height: 1.86667rem; background: var(--bg_color_L2); padding: .46667rem 2.37333rem; margin-top: .48rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .BettingRecord5D__C-foot-page { font-size: .32rem; color: var(--text_color_L2) } .BettingRecord5D__C-foot-previous, .BettingRecord5D__C-foot-next { width: .93333rem; height: .93333rem; border-radius: .13333rem; background: var(--main-color); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .BettingRecord5D__C-foot-previous.disabled, .BettingRecord5D__C-foot-next.disabled { background: var(--button_dis_color); pointer-events: none } .BettingRecord5D__C-foot-previous.disabled .BettingRecord5D__C-icon, .BettingRecord5D__C-foot-next.disabled .BettingRecord5D__C-icon { color: var(--text_color_L3) } .BettingRecord5D__C-foot-previous .BettingRecord5D__C-icon, .BettingRecord5D__C-foot-next .BettingRecord5D__C-icon { color: var(--text_color_L4) } .BettingRecord5D__C .van-tabs__line { background-color: var(--main-color) } .BettingRecord5D__C .van-tabs__nav { background-color: var(--bg_color_L2) } .BettingRecord5D__C .van-tab--active { color: var(--text_color_L1); font-weight: 500 } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .MyGameRecordList__C { background-color: var(--darkBg, var(--bg_color_L2)) } .MyGameRecordList__C-empty { height: 5.33333rem } .MyGameRecordList__C-item { height: 1.81333rem; padding: .37333rem .13333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .MyGameRecordList__C-item+div { border-top: .01333rem solid var(--bg_color_L3) } .MyGameRecordList__C-item-l { height: .96rem; width: .96rem; line-height: .96rem; text-align: center; border-radius: .26667rem; color: #fff; font-size: .64rem; margin-right: .29333rem; -webkit-box-flex: 0; -webkit-flex: none; flex: none; overflow: hidden } .MyGameRecordList__C-item-l-red, .MyGameRecordList__C-item-l-2, .MyGameRecordList__C-item-l-4, .MyGameRecordList__C-item-l-6, .MyGameRecordList__C-item-l-8 { background-color: var(--norm_red-color) } .MyGameRecordList__C-item-l-violet { background-color: var(--norm_Purple-color) } .MyGameRecordList__C-item-l-green, .MyGameRecordList__C-item-l-1, .MyGameRecordList__C-item-l-3, .MyGameRecordList__C-item-l-7, .MyGameRecordList__C-item-l-9 { background-color: var(--norm_green-color) } .MyGameRecordList__C-item-l-0 { background-image: -webkit-linear-gradient(top left, var(--norm_red-color) 50%, var(--norm_Purple-color) 0) !important; background-image: linear-gradient(to bottom right, var(--norm_red-color) 50%, var(--norm_Purple-color) 0) !important } .MyGameRecordList__C-item-l-5 { background-image: -webkit-linear-gradient(top left, var(--norm_green-color) 50%, var(--norm_Purple-color) 0) !important; background-image: linear-gradient(to bottom right, var(--norm_green-color) 50%, var(--norm_Purple-color) 0) !important } .MyGameRecordList__C-item-l-small { background: var(--norm_bule-color); font-size: .32rem } .MyGameRecordList__C-item-l-big { background: var(--norm_secondary-color); font-size: .32rem } .MyGameRecordList__C-item-m { -webkit-box-flex: 0; -webkit-flex: none; flex: none } .MyGameRecordList__C-item-m-top { height: .45333rem; line-height: .45333rem; font-size: .37333rem; color: var(--darkTextW, var(--text_color_L1)); margin-bottom: .24rem } .MyGameRecordList__C-item-m-bottom { font-size: .29333rem; color: var(--text_color_L2) } .MyGameRecordList__C-item-r { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; font-weight: 500; font-size: .37333rem; height: .96rem; color: var(--norm_red-color); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; align-items: flex-end; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column } .MyGameRecordList__C-item-r span { word-wrap: break-word; word-break: break-all } .MyGameRecordList__C-item-r div { color: var(--norm_red-color); border: .01333rem solid var(--norm_red-color); border-radius: .13333rem; height: .48rem; line-height: .48rem; font-size: .29333rem; padding: 0 .48rem; margin-bottom: .08rem } .MyGameRecordList__C-item-r.success { color: var(--norm_green-color) } .MyGameRecordList__C-item-r.success div { color: var(--norm_green-color); border-color: var(--norm_green-color) } .MyGameRecordList__C-inlineB { display: inline-block } .MyGameRecordList__C-inlineB+div { margin-left: .21333rem } .MyGameRecordList__C-inlineB.big { color: var(--norm_secondary-color) } .MyGameRecordList__C-inlineB.small { color: var(--norm_bule-color) } .MyGameRecordList__C-inlineB.greenColor { color: var(--norm_green-color) } .MyGameRecordList__C-inlineB.redColor { color: var(--norm_red-color) } .MyGameRecordList__C-inlineB.purpleColor { color: var(--norm_Purple-color) } .MyGameRecordList__C-detail { padding: .4rem 0; border-bottom: .01333rem solid var(--bg_color_L3) } .MyGameRecordList__C-detail-text { font-size: .53333rem; color: var(--darkTextW, var(--text_color_L1)); margin-bottom: .26667rem } .MyGameRecordList__C-detail-line { height: auto; line-height: .66667rem; padding: 0 .06667rem; background-color: var(--bgDark-3, var(--bg_color_L3)); color: var(--text_color_L2); font-size: .37333rem; border-radius: .13333rem; margin-bottom: .21333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap } .MyGameRecordList__C-detail-line>span { color: var(--text_color_L1) } .MyGameRecordList__C-detail-line>div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .MyGameRecordList__C-detail-line img { width: .4rem; height: .4rem; margin-left: .06667rem } .MyGameRecordList__C-detail-line .red { color: var(--norm_red-color) } .MyGameRecordList__C-detail-line .green { color: var(--norm_green-color) } .MyGameRecordList__C-detail-line .numList>div { height: .48rem; width: .48rem; text-align: center; line-height: .48rem; border-radius: 50%; border: .01333rem solid var(--text_color_L1); font-size: .32rem; color: var(--text_color_L1) } .MyGameRecordList__C-detail-line .numList>div+div { margin: .08rem } .MyGameRecordList__C-detail-line .numList>div>div { height: .48rem; width: .48rem; background-repeat: no-repeat; background-size: .48rem; background-position: center } .MyGameRecordList__C-detail-line .numList>div>div.n1 { background-image: url(/assets/png/n1-4d914772.png) } .MyGameRecordList__C-detail-line .numList>div>div.n2 { background-image: url(/assets/png/n2-a7189ae3.png) } .MyGameRecordList__C-detail-line .numList>div>div.n3 { background-image: url(/assets/png/n3-162f6063.png) } .MyGameRecordList__C-detail-line .numList>div>div.n4 { background-image: url(/assets/png/n4-ae5fe4f6.png) } .MyGameRecordList__C-detail-line .numList>div>div.n5 { background-image: url(/assets/png/n5-562557ff.png) } .MyGameRecordList__C-detail-line .numList>div>div.n6 { background-image: url(/assets/png/n6-4fb0d7da.png) } .MyGameRecordList__C-detail-line .numList>div>div+div { margin-left: .10667rem } .MyGameRecordList__C-detail-line .line1 { display: -webkit-box; display: -webkit-flex; display: flex; width: 100%; -webkit-flex-wrap: wrap; flex-wrap: wrap } .MyGameRecordList__C-detail-line .line1 .num { margin-left: .08rem; height: .48rem; min-width: .48rem; text-align: center; line-height: .48rem; padding: 0 .06667rem; font-size: .32rem; color: var(--text_color_L1) } .MyGameRecordList__C-detail-line .line1 .btn { height: .53333rem; line-height: .53333rem; border-radius: .08rem; padding: 0 .26667rem; font-size: .32rem; margin: .05333rem .10667rem; background-color: var(--bg_color_L3) } .MyGameRecordList__C-detail-line .line1 .btn.actionViolet { color: var(--text_color_L1); background-color: var(--norm_Purple-color) } .MyGameRecordList__C-detail-line .line1 .btn.actionRed { color: var(--text_color_L1); background-color: var(--norm_red-color) } .MyGameRecordList__C-detail-line .line1 .btn.actionGreen { color: var(--text_color_L1); background-color: var(--bgColor-13) } .MyGameRecordList__C-detail-line .line1 .btn.actionRedGreen { color: var(--text_color_L1); background-color: var(--norm_red-color); background-image: var(--linearGradien-21) } .MyGameRecordList__C-detail-line .numList { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; height: 100% } .MyGameRecordList__C-detail-line .numList>div { height: .48rem; width: .48rem; background-repeat: no-repeat; background-size: .48rem; background-position: center; border-radius: 0; border: 0 } .MyGameRecordList__C-detail-line .numList>div.n1 { background-image: url(/assets/png/n1-4d914772.png) } .MyGameRecordList__C-detail-line .numList>div.n2 { background-image: url(/assets/png/n2-a7189ae3.png) } .MyGameRecordList__C-detail-line .numList>div.n3 { background-image: url(/assets/png/n3-162f6063.png) } .MyGameRecordList__C-detail-line .numList>div.n4 { background-image: url(/assets/png/n4-ae5fe4f6.png) } .MyGameRecordList__C-detail-line .numList>div.n5 { background-image: url(/assets/png/n5-562557ff.png) } .MyGameRecordList__C-detail-line .numList>div.n6 { background-image: url(/assets/png/n6-4fb0d7da.png) } .MyGameRecordList__C-detail-line .numList>div+div { margin-left: .10667rem } .MyGameRecordList__C-item-l { height: .96rem; width: .96rem; line-height: normal; text-align: center; border-radius: .26667rem; color: #fff; font-size: .64rem; margin-right: .29333rem; -webkit-box-flex: 0; -webkit-flex: none; flex: none; background-color: var(--main-color); font-size: .32rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; word-wrap: break-word; word-break: break-all } .MyGameRecordList__C-item-l-H { background-color: var(--norm_secondary-color) } .MyGameRecordList__C-item-l-L { background-color: var(--norm_bule-color) } .MyGameRecordList__C-item-l-O { background: var(--norm_red-color) } .MyGameRecordList__C-item-l-E { background: var(--norm_Purple-color) } .MyGameRecordList__C-item-l-num { font-size: .32rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .BettingRecordK3__C-head { height: 1.25333rem; line-height: 1.25333rem; text-align: center; background: var(--bg_color_L2); position: relative; font-weight: 500; font-size: .48rem; color: var(--text_color_L1) } .BettingRecordK3__C-head-bcak { position: absolute; width: .64rem; height: .64rem; background-image: url(/assets/png/bcakIcon-b7c1d288.png); background-size: .64rem; left: .34667rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .BettingRecordK3__C-list { margin: .48rem 0 .4rem } .BettingRecordK3__C-list .MyGameRecordList__C { padding: 0 .32rem } .BettingRecordK3__C-foot { height: 1.86667rem; background: var(--bg_color_L2); color: var(--text_color_L1); padding: .46667rem 2.37333rem; margin-top: .48rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .BettingRecordK3__C-foot-page { font-size: .32rem } .BettingRecordK3__C-foot-previous, .BettingRecordK3__C-foot-next { width: .93333rem; height: .93333rem; border-radius: .13333rem; background: var(--main-color); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .BettingRecordK3__C-foot-previous.disabled, .BettingRecordK3__C-foot-next.disabled { background: var(--button_dis_color); pointer-events: none } .BettingRecordK3__C-foot-previous.disabled .BettingRecordK3__C-icon, .BettingRecordK3__C-foot-next.disabled .BettingRecordK3__C-icon { color: var(--text_color_L2) } .BettingRecordK3__C-foot-previous .BettingRecordK3__C-icon, .BettingRecordK3__C-foot-next .BettingRecordK3__C-icon { color: var(--text_color_L4) } .BettingRecordK3__C .van-tabs__line { background-color: var(--main-color) } .BettingRecordK3__C .van-tabs__nav { background-color: var(--bg_color_L2) } .BettingRecordK3__C .van-tab--active { color: var(--text_color_L1); font-weight: 500 } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .MyGameRecordList__C { background-color: var(--darkBg, var(--bg_color_L2)) } .MyGameRecordList__C-empty { height: 5.33333rem } .MyGameRecordList__C-item { height: 1.81333rem; padding: .37333rem .13333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .MyGameRecordList__C-item+div { border-top: .01333rem solid var(--bg_color_L3) } .MyGameRecordList__C-item-l { height: .96rem; width: .96rem; line-height: .96rem; text-align: center; border-radius: .26667rem; color: #fff; font-size: .64rem; margin-right: .29333rem; -webkit-box-flex: 0; -webkit-flex: none; flex: none; overflow: hidden } .MyGameRecordList__C-item-l-red, .MyGameRecordList__C-item-l-2, .MyGameRecordList__C-item-l-4, .MyGameRecordList__C-item-l-6, .MyGameRecordList__C-item-l-8 { background-color: var(--norm_red-color) } .MyGameRecordList__C-item-l-violet { background-color: var(--norm_Purple-color) } .MyGameRecordList__C-item-l-green, .MyGameRecordList__C-item-l-1, .MyGameRecordList__C-item-l-3, .MyGameRecordList__C-item-l-7, .MyGameRecordList__C-item-l-9 { background-color: var(--norm_green-color) } .MyGameRecordList__C-item-l-0 { background-image: -webkit-linear-gradient(top left, var(--norm_red-color) 50%, var(--norm_Purple-color) 0) !important; background-image: linear-gradient(to bottom right, var(--norm_red-color) 50%, var(--norm_Purple-color) 0) !important } .MyGameRecordList__C-item-l-5 { background-image: -webkit-linear-gradient(top left, var(--norm_green-color) 50%, var(--norm_Purple-color) 0) !important; background-image: linear-gradient(to bottom right, var(--norm_green-color) 50%, var(--norm_Purple-color) 0) !important } .MyGameRecordList__C-item-l-small { background: var(--norm_bule-color); font-size: .32rem } .MyGameRecordList__C-item-l-big { background: var(--norm_secondary-color); font-size: .32rem } .MyGameRecordList__C-item-m { -webkit-box-flex: 0; -webkit-flex: none; flex: none } .MyGameRecordList__C-item-m-top { height: .45333rem; line-height: .45333rem; font-size: .37333rem; color: var(--darkTextW, var(--text_color_L1)); margin-bottom: .24rem } .MyGameRecordList__C-item-m-bottom { font-size: .29333rem; color: var(--text_color_L2) } .MyGameRecordList__C-item-r { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; font-weight: 500; font-size: .37333rem; height: .96rem; color: var(--norm_red-color); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; align-items: flex-end; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column } .MyGameRecordList__C-item-r span { word-wrap: break-word; word-break: break-all } .MyGameRecordList__C-item-r div { color: var(--norm_red-color); border: .01333rem solid var(--norm_red-color); border-radius: .13333rem; height: .48rem; line-height: .48rem; font-size: .29333rem; padding: 0 .48rem; margin-bottom: .08rem } .MyGameRecordList__C-item-r.success { color: var(--norm_green-color) } .MyGameRecordList__C-item-r.success div { color: var(--norm_green-color); border-color: var(--norm_green-color) } .MyGameRecordList__C-inlineB { display: inline-block } .MyGameRecordList__C-inlineB+div { margin-left: .21333rem } .MyGameRecordList__C-inlineB.big { color: var(--norm_secondary-color) } .MyGameRecordList__C-inlineB.small { color: var(--norm_bule-color) } .MyGameRecordList__C-inlineB.greenColor { color: var(--norm_green-color) } .MyGameRecordList__C-inlineB.redColor { color: var(--norm_red-color) } .MyGameRecordList__C-inlineB.purpleColor { color: var(--norm_Purple-color) } .MyGameRecordList__C-detail { padding: .4rem 0; border-bottom: .01333rem solid var(--bg_color_L3) } .MyGameRecordList__C-detail-text { font-size: .53333rem; color: var(--darkTextW, var(--text_color_L1)); margin-bottom: .26667rem; margin-left: .2rem; } .MyGameRecordList__C-detail-line { height: auto; line-height: .66667rem; padding: 0 .06667rem; background-color: var(--bgDark-3, var(--bg_color_L3)); color: var(--text_color_L2); font-size: .37333rem; border-radius: .13333rem; margin-bottom: .21333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-left: .2rem; margin-right: .2rem; } .MyGameRecordList__C-detail-line>span { color: var(--text_color_L1) } .MyGameRecordList__C-detail-line>div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .MyGameRecordList__C-detail-line img { width: .4rem; height: .4rem; margin-left: .06667rem } .MyGameRecordList__C-detail-line .red { color: var(--norm_red-color) } .MyGameRecordList__C-detail-line .green { color: var(--norm_green-color) } .MyGameRecordList__C-detail-line .numList { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; height: 100% } .MyGameRecordList__C-detail-line .numList>div { height: .48rem; width: .48rem; text-align: center; line-height: .48rem; border-radius: 50%; border: .01333rem solid var(--text_color_L1); font-size: .32rem; color: var(--text_color_L1) } .MyGameRecordList__C-detail-line .numList>div+div { margin: .08rem } .MyGameRecordList__C-detail-line .numList>div>div { height: .48rem; width: .48rem; background-repeat: no-repeat; background-size: .48rem; background-position: center } .MyGameRecordList__C-detail-line .numList>div>div.n1 { background-image: url(/assets/png/n1-4d914772.png) } .MyGameRecordList__C-detail-line .numList>div>div.n2 { background-image: url(/assets/png/n2-a7189ae3.png) } .MyGameRecordList__C-detail-line .numList>div>div.n3 { background-image: url(/assets/png/n3-162f6063.png) } .MyGameRecordList__C-detail-line .numList>div>div.n4 { background-image: url(/assets/png/n4-ae5fe4f6.png) } .MyGameRecordList__C-detail-line .numList>div>div.n5 { background-image: url(/assets/png/n5-562557ff.png) } .MyGameRecordList__C-detail-line .numList>div>div.n6 { background-image: url(/assets/png/n6-4fb0d7da.png) } .MyGameRecordList__C-detail-line .numList>div>div+div { margin-left: .10667rem } .MyGameRecordList__C-detail-line .line1 { display: -webkit-box; display: -webkit-flex; display: flex; width: 100%; -webkit-flex-wrap: wrap; flex-wrap: wrap } .MyGameRecordList__C-detail-line .line1 .num { margin-left: .08rem; height: .48rem; min-width: .48rem; text-align: center; line-height: .48rem; padding: 0 .06667rem; font-size: .32rem; color: var(--text_color_L1) } .MyGameRecordList__C-detail-line .line1 .btn { height: .53333rem; line-height: .53333rem; border-radius: .08rem; padding: 0 .26667rem; font-size: .32rem; margin: .05333rem .10667rem; background-color: var(--bg_color_L3) } .MyGameRecordList__C-detail-line .line1 .btn.actionViolet { color: var(--text_color_L1); background-color: var(--norm_Purple-color) } .MyGameRecordList__C-detail-line .line1 .btn.actionRed { color: var(--text_color_L1); background-color: var(--norm_red-color) } .MyGameRecordList__C-detail-line .line1 .btn.actionGreen { color: var(--text_color_L1); background-color: var(--bgColor-13) } .MyGameRecordList__C-detail-line .line1 .btn.actionRedGreen { color: var(--text_color_L1); background-color: var(--norm_red-color); background-image: var(--linearGradien-21) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .BettingRecordWin__C-head { height: 1.25333rem; line-height: 1.25333rem; text-align: center; background: var(--bg_color_L2); position: relative; font-weight: 500; font-size: .48rem; color: var(--text_color_L1) } .BettingRecordWin__C-head-bcak { position: absolute; width: .64rem; height: .64rem; background-image: url(/assets/png/bcakIcon-b7c1d288.png); background-size: .64rem; left: .34667rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .BettingRecordWin__C-list { margin: .48rem 0 .4rem } .BettingRecordWin__C-list .MyGameRecordList__C { padding: 0 .32rem } .BettingRecordWin__C-foot { height: 1.86667rem; background: var(--bg_color_L2); color: var(--text_color_L2); padding: .46667rem 2.37333rem; margin-top: .48rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .BettingRecordWin__C-foot-page { font-size: .32rem } .BettingRecordWin__C-foot-previous, .BettingRecordWin__C-foot-next { width: .93333rem; height: .93333rem; border-radius: .13333rem; background: var(--main-color); color: var(--text_color_L4); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .BettingRecordWin__C-foot-previous.disabled, .BettingRecordWin__C-foot-next.disabled { background: var(--bg_color_L3); pointer-events: none } .BettingRecordWin__C-foot-previous.disabled .BettingRecordWin__C-icon, .BettingRecordWin__C-foot-next.disabled .BettingRecordWin__C-icon { color: var(--saveTextColor-7) } .BettingRecordWin__C-foot-previous .BettingRecordWin__C-icon, .BettingRecordWin__C-foot-next .BettingRecordWin__C-icon { color: var(--textW) } .BettingRecordWin__C .van-tabs { background-color: var(--main-color) } .BettingRecordWin__C .van-tabs .van-tabs__nav { background: var(--bg_color_L2) } .BettingRecordWin__C .van-tabs .van-tab--active { color: var(--text_color_L1) } .BettingRecordWin__C .van-tabs .van-tabs__line { background: var(--main-color) } .BettingRecordWin__C .van-tab--active { color: var(text-1); font-weight: 500 } .BettingRecordWin__C .MyGameRecordList__C { padding: 0 .32rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .BettingRecordWinTrx__C-head { height: 1.25333rem; line-height: 1.25333rem; text-align: center; background: var(--darkBg, var(--bg_color_L2)); position: relative; font-weight: 500; font-size: .48rem; color: var(--textW) } .BettingRecordWinTrx__C-head-bcak { position: absolute; width: .64rem; height: .64rem; background-image: url(/assets/png/bcakIcon-b7c1d288.png); background-size: .64rem; left: .34667rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .BettingRecordWinTrx__C-list { margin: .48rem 0 .4rem } .BettingRecordWinTrx__C-list .MyGameRecordList__C { padding: 0 .32rem } .BettingRecordWinTrx__C-foot { height: 1.86667rem; background: var(--darkBg, var(--bg_color_L2)); padding: .46667rem 2.37333rem; margin-top: .48rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; color: var(--darkTextW, var(--text_color_L1)) } .BettingRecordWinTrx__C-foot-previous, .BettingRecordWinTrx__C-foot-next { width: .93333rem; height: .93333rem; border-radius: .13333rem; background: var(--main-color); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .BettingRecordWinTrx__C-foot-previous.disabled, .BettingRecordWinTrx__C-foot-next.disabled { background: var(--gray-color-1); pointer-events: none } .BettingRecordWinTrx__C-foot-previous.disabled .BettingRecordWinTrx__C-icon, .BettingRecordWinTrx__C-foot-next.disabled .BettingRecordWinTrx__C-icon { color: var(--saveTextColor-7) } .BettingRecordWinTrx__C-foot-previous .BettingRecordWinTrx__C-icon, .BettingRecordWinTrx__C-foot-next .BettingRecordWinTrx__C-icon { color: var(--textW) } .BettingRecordWinTrx__C .van-tabs__line { background-color: var(--darkLight, var(--main-color)) } .BettingRecordWinTrx__C .van-tab--active { color: var(--darkTextW, var(--colorText-3)); font-weight: 500 } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .binguo_info { width: 100%; height: 2.66667rem; border-radius: .26667rem; background: #0d4e2f; margin-bottom: .26667rem } .binguo_info .binguo_award { padding-top: .26667rem; margin-bottom: .18667rem } .binguo_info .binguo_award .main { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .binguo_info .binguo_award .over_tip { padding-top: .26667rem; height: 1.25333rem; width: 100%; color: #f9bc36; font-size: .32rem; font-style: normal; font-weight: 400; line-height: .32rem; text-align: center } .binguo_info .binguo_award .current_award, .binguo_info .binguo_award .award_result, .binguo_info .binguo_award .award_time { width: 33%; height: 1.25333rem } .binguo_info .binguo_award .current_award .tit, .binguo_info .binguo_award .award_result .tit, .binguo_info .binguo_award .award_time .tit { padding-top: .13333rem; color: #fff; font-size: .29333rem; font-style: normal; font-weight: 400; line-height: .29333rem; margin-bottom: .08rem; text-align: center } .binguo_info .binguo_award .current_award .current_number, .binguo_info .binguo_award .award_result .current_number, .binguo_info .binguo_award .award_time .current_number { color: #fff; font-size: .32rem; font-style: normal; font-weight: 500; line-height: .66667rem; text-align: center } .binguo_info .binguo_award .current_award .award_type, .binguo_info .binguo_award .award_result .award_type, .binguo_info .binguo_award .award_time .award_type { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; width: 100%; height: .66667rem } .binguo_info .binguo_award .current_award .award_type div, .binguo_info .binguo_award .award_result .award_type div, .binguo_info .binguo_award .award_time .award_type div { width: .61333rem; height: .64rem; background-size: cover; background-repeat: no-repeat; background-position: center; margin: 0 .08rem } .binguo_info .binguo_award .award_time { width: 2.45333rem; height: 1.25333rem; background: url(/assets/png/binguo_time-92498640.png) no-repeat; background-size: 100% 100%; font-family: digitalDreamFat, sans-serif; vertical-align: bottom; font-size: .53333rem; color: #fff; line-height: 1.49333rem; text-align: center; font-style: normal; font-weight: 400 } .binguo_info .trend { height: .66667rem; padding: 0 .13333rem; background-color: 0A603E; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .binguo_info .trend .trend_result1 { width: 8.16rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; border-radius: .13333rem; background-color: #0a603e; height: .66667rem } .binguo_info .trend .trend_result1 .text { width: 1.17333rem; margin-left: .13333rem; color: #5dba47; font-size: .29333rem; font-style: normal; font-weight: 400 } .binguo_info .trend .trend_result1 .result_list { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; width: 100%; height: .42667rem } .binguo_info .trend .trend_result1 .result_list .tag { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; width: .42667rem; height: .42667rem; margin-left: .06667rem; text-align: center; border-radius: .13333rem; font-size: .29333rem; font-style: normal; font-weight: 400 } .binguo_info .trend .trend_result2 { width: 8.16rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; height: .66667rem } .binguo_info .trend .trend_result2 .result_list2 { width: 1.6rem; height: .66667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; background: #0a603e; border-radius: .66667rem } .binguo_info .trend .trend_result2 .result_list2 span { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; width: .42667rem; height: .42667rem; margin: 0 .01333rem; text-align: center; border-radius: 50%; font-size: .29333rem; font-style: normal; font-weight: 400 } .binguo_info .trend .trend_img { width: .64rem; height: .64rem; background: url(/assets/png/count_icon-841b89c6.png) no-repeat center center; background-size: 100% 100% } .small_tag { color: #0b462a; background: #fff } .big_tag { color: #fff; background: #0b462a } .sum_tag { color: #0b462a; background: #f9bc36 } .animation_tag { border: .01333rem solid #87c7af; color: #87c7af; -webkit-animation: opacityEl-5ba4aae3 2s infinite; animation: opacityEl-5ba4aae3 2s infinite } @-webkit-keyframes opacityEl-5ba4aae3 { 0% { opacity: .3 } 50% { opacity: 1 } to { opacity: .3 } } @keyframes opacityEl-5ba4aae3 { 0% { opacity: .3 } 50% { opacity: 1 } to { opacity: .3 } } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .main_desk { width: 100%; padding-top: .13333rem; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .main_desk .alike_box { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .main_desk .rule_tip { display: inline-block; white-space: wrap; color: #5dba47; font-size: .32rem; font-style: normal; font-weight: 400; line-height: .32rem; margin-bottom: .32rem; position: relative; margin: 0 auto .32rem; pointer-events: none; max-width: 8rem; text-align: center } .main_desk .rule_tip:after { content: ""; position: absolute; display: block; right: -.45333rem; top: -.08rem; width: .42667rem; height: .42667rem; background: url(/assets/png/rule_tip-5d3f81b0.png) no-repeat center center; background-size: .42667rem .42667rem; pointer-events: auto } .main_desk .bet_size { display: grid; grid-gap: .08rem; grid-template-columns: repeat(3, 1fr); margin-bottom: .13333rem } .main_desk .bet_size .size_item { height: 2.53333rem; border-radius: .13333rem; border: .05333rem solid #158054; background-color: #0a603e; color: #fff; position: relative; z-index: 1 } .main_desk .bet_size .size_item .hot { position: absolute; right: 0; bottom: 0; width: .48rem; height: .48rem; background: url(/assets/png/hot_top-db35cb37.png) no-repeat right bottom; background-size: .48rem .48rem } .main_desk .bet_size .size_item .head { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding: .13333rem; color: #acf8da; font-size: .29333rem; font-style: normal; font-weight: 400; line-height: .29333rem; margin-bottom: .13333rem } .main_desk .bet_size .size_item .value { text-shadow: 0 .05333rem .02667rem rgba(10, 69, 41, .5); font-size: .8rem; font-style: normal; font-weight: 700; line-height: .8rem; text-align: center; margin-bottom: .13333rem; position: relative; z-index: 2 } .main_desk .bet_size .size_item .value_2 { color: #f9bc36 } .main_desk .bet_size .size_item .value_3 { color: #0b462a } .main_desk .bet_size .size_item .range { font-size: .37333rem; font-style: normal; font-weight: 500; line-height: .37333rem; text-align: center } .main_desk .bet_size .size_item:after { content: ""; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 2.4rem; height: 100%; background: -webkit-radial-gradient(rgba(146, 233, 125, .355) 10%, rgba(10, 96, 62, .313) 70%); background: radial-gradient(rgba(146, 233, 125, .355) 10%, rgba(10, 96, 62, .313) 70%); -webkit-filter: blur(.13333rem); filter: blur(.13333rem); border-radius: 50%; z-index: 0 } .main_desk .bet_number { display: grid; grid-gap: .08rem; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(4, 1fr); margin-bottom: .32rem } .main_desk .bet_number .item { width: 2.26667rem; height: 2.02667rem; -webkit-flex-shrink: 0; flex-shrink: 0; border-radius: .13333rem; border: .02667rem solid #ffe4a6; background: -webkit-radial-gradient(50% 50%, 50% 50%, #ffeaab 0%, #f8c67d 100%); background: radial-gradient(50% 50% at 50% 50%, #ffeaab 0%, #f8c67d 100%); box-shadow: 0 .05333rem .05333rem #00000040; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; text-align: center; color: #0b462a; position: relative; margin-bottom: .13333rem } .main_desk .bet_number .item .hot { position: absolute; right: 0; top: 0; width: .48rem; height: .48rem; background: url(/assets/png/hot_top-db35cb37.png) no-repeat right top; background-size: .48rem .48rem } .main_desk .bet_number .item .hot2 { position: absolute; right: -.13333rem; top: -.18667rem; width: .48rem; height: .48rem; background: url(/assets/png/hot_top-db35cb37.png) no-repeat right top; background-size: .48rem .48rem } .main_desk .bet_number .item div:nth-child(1) { height: .34667rem; padding-top: .13333rem; color: #0f6946; font-size: .34667rem; font-style: normal; font-weight: 400; line-height: .34667rem; margin-bottom: .21333rem } .main_desk .bet_number .item div:nth-child(2) { font-size: .64rem; font-style: normal; font-weight: 700; line-height: .64rem } .main_desk .bet_number .item div:nth-child(3) { font-size: .29333rem; font-style: normal; font-weight: 400; line-height: .29333rem } .main_desk .betAll { grid-gap: .05333rem; grid-template-columns: repeat(8, 1fr); grid-template-rows: repeat(2, 1fr) } .main_desk .betAll .item { width: 1.12rem; height: 1.6rem } .main_desk .alike { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; height: 2.13333rem; background: #0f6946; border-radius: .16rem; padding: .08rem; margin-bottom: .32rem } .main_desk .alike .alike_item { width: 1.33333rem; height: 1.86667rem; border-radius: .08rem; font-size: .29333rem } .main_desk .alike .alike_item .amount { height: .29333rem; margin-bottom: .10667rem; color: #0b462a; text-align: center; font-style: normal; font-weight: 400; line-height: .29333rem; padding-top: .05333rem } .main_desk .alike .alike_item .third_list { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-flex-wrap: wrap; flex-wrap: wrap } .main_desk .alike .alike_item .third_list div { width: .56rem !important; height: .56rem !important; line-height: .56rem; font-size: .4rem } .main_desk .alike .alike_item .third_list div .ball2 { width: .56rem !important; height: .56rem !important; font-size: .4rem; line-height: .56rem } .main_desk .alike .alike_item:nth-child(2n) { background: #0a4529 } .main_desk .alike .alike_item:nth-child(2n) .amount { color: #21855e } .main_desk .two_alike .alike_item, .main_desk .one_alike .alike_item { width: 1.54667rem } .main_desk .two_alike>.alike_item>.third_list { display: block } .main_desk .two_alike>.alike_item>.third_list div { position: relative; width: .61333rem; height: .61333rem; font-size: .48rem; line-height: .61333rem; z-index: 4 } .main_desk .two_alike>.alike_item>.third_list div .ball_hot2 { top: -40%; height: 52% !important } .main_desk .two_alike>.alike_item>.third_list div .ball2 { width: .61333rem !important; height: .61333rem !important; font-size: .4rem; line-height: .61333rem } .main_desk .two_alike>.alike_item>.third_list div:first-child { margin-left: .29333rem } .main_desk .two_alike>.alike_item>.third_list div:last-child { float: right; margin-right: .34667rem } .main_desk .one_alike .alike_item { position: relative } .main_desk .one_alike .alike_item .third_list div { position: relative; width: .93333rem; height: .93333rem; line-height: .93333rem; font-size: .64rem } .main_desk .ball { width: .93333rem; height: .93333rem; margin: .02667rem; position: relative } .main_desk .ball .ball2 { width: .93333rem; height: .93333rem; position: absolute; z-index: 10; display: block; border-radius: 50%; background: -webkit-linear-gradient(286deg, #febc59 14.91%, #ff820b 89.16%); background: linear-gradient(164deg, #febc59 14.91%, #ff820b 89.16%); box-shadow: 0 .02667rem .05333rem #fff880 inset; text-align: center; line-height: .93333rem; color: #0f6946; font-size: .64rem; font-style: normal; font-weight: 700 } .main_desk .ball:after { content: ""; position: absolute; top: 24%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: .4rem; height: .4rem; background: -webkit-radial-gradient(rgba(255, 255, 255, .673) 20%, rgba(10, 96, 62, .313) 90%); background: radial-gradient(rgba(255, 255, 255, .673) 20%, rgba(10, 96, 62, .313) 90%); -webkit-filter: blur(.05333rem); filter: blur(.05333rem); border-radius: 50% } .main_desk .ball_hot2 { top: -32%; left: 50%; width: 58%; height: 46%; margin-left: -29%; background: url(/assets/png/hot_bg-52030c8d.png) no-repeat center top; background-size: 100% auto; position: absolute; z-index: 1 } .rule_tip_header { margin: auto; width: 4.05333rem; height: 2.48rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: space-around; justify-content: space-around; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: .4rem } .rule_tip_header img { width: 1.17333rem; height: 1.17333rem; margin-bottom: .13333rem } .rule_tip_dialog { padding: 0 .8rem } .rule_tip_dialog .rule_tip_tit { color: #f9bc36; font-size: .48rem; font-style: normal; font-weight: 700; line-height: .48rem; text-align: center; margin-bottom: .33333rem } .rule_tip_dialog .rule_tip_text { color: #f9bc36; text-align: center; font-size: .34667rem; font-style: normal; font-weight: 400; line-height: .56rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .bet_content { width: 100%; background-color: #0e6946; padding: 0 .32rem } .bet_content .bet_tit { padding-top: .53333rem; text-align: center; color: #fff; margin-bottom: .4rem; font-size: .48rem; font-style: normal; font-weight: 700; line-height: normal } .bet_content .bet_cnt { width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin-bottom: .61333rem } .bet_content .bet_cnt span { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; width: 1.33333rem; height: 1.33333rem; border-radius: 50%; line-height: 1.33333rem; text-align: center; font-size: .64rem; font-weight: 700; margin: 0 .08rem } .bet_content .bet_item .bet_item_tit { color: #acf8da; font-size: .4rem; font-style: normal; font-weight: 400; line-height: normal; margin-bottom: .26667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .bet_content .bet_item .bet_item_tit .bet_step { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-justify-content: space-around; justify-content: space-around; width: 4rem } .bet_content .bet_item .bet_item_tit .bet_step span { display: block; width: .66667rem; height: .66667rem; border-radius: 50%; background-color: #cee98c; color: #0f6946; font-size: .72rem; line-height: .58667rem; text-align: center } .bet_content .bet_item .bet_item_tit .bet_step .bet_beishu_input { height: .66667rem; background-color: #038d5a; width: 2.4rem; font-size: .37333rem; font-style: normal; font-weight: 700; border-radius: .4rem; border: none; padding: 0; line-height: .66667rem } .bet_content .bet_item .bet_item_tit .bet_step .van-cell:after { border: none } .bet_content .bet_item .bet_item_tit .bet_step .van-field__control { color: #fff } .bet_content .bet_item .bet_money_list { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin-bottom: .48rem } .bet_content .bet_item .bet_money_list div { width: 1.73333rem; height: .93333rem; -webkit-flex-shrink: 0; flex-shrink: 0; background-color: #038d5a; border-radius: .08rem; text-align: center; color: #cfe988; line-height: .93333rem; font-size: .37333rem; font-style: normal; font-weight: 500 } .bet_content .bet_item .bet_money_list .monyActive { background-color: #cee98c; color: #0f6946 } .bet_content .bet_item .bet_beishu { margin-bottom: .66667rem } .bet_content .bet_item .bet_beishu div { width: 1.46667rem; border: .00667rem solid #cee98c; background-color: #0e6946 } .bet_content .bet_info { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; border-radius: .13333rem; height: .8rem; background: #0f5534; margin-bottom: .21333rem } .bet_content .bet_info div { width: 50% } .bet_content .bet_info .tit { color: #acf8da; text-align: left; font-size: .37333rem; font-style: normal; line-height: .53333rem; text-indent: .32rem; position: relative } .bet_content .bet_info .tit:after { content: ""; display: block; position: absolute; top: 0; right: 0; width: .01333rem; height: .53333rem; background: #0f6946 } .bet_content .bet_info div:nth-child(2) { text-align: center; font-size: .4rem; font-style: normal; font-weight: 700; line-height: .53333rem } .bet_content .recharge_tip { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin-bottom: .37333rem } .bet_content .recharge_tip span { color: #f9bc36; font-size: .32rem; font-style: normal; font-weight: 400; line-height: .48rem } .bet_content .recharge_tip div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; color: #cee98c; font-size: .29333rem; font-style: normal; font-weight: 400; line-height: .48rem } .bet_content .recharge_tip div i { margin-right: .13333rem } .bet_content .apply { color: #fff; font-size: .32rem; font-style: normal; font-weight: 400; line-height: normal; padding-right: .18667rem } .bet_content .van-checkbox__icon--checked .van-icon { color: #0e6946 } .bet_content .rule { color: #cee98c; font-size: .32rem; font-style: normal; font-weight: 400; line-height: normal } .bet_content .bet_btn_group { margin-top: .34667rem; width: calc(100% + .64rem); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; height: 1.6rem; margin-left: -.32rem } .bet_content .bet_btn_group div { font-size: .4rem; font-style: normal; font-weight: 400; line-height: 1.6rem; text-align: center; cursor: pointer } .bet_content .bet_btn_group .cancel_btn { width: 3.86667rem; color: #fff; background-color: #038d5a } .bet_content .bet_btn_group .bet_btn { width: calc(100% - 3.86667rem); background-color: #cee98c; color: #0f6946 } .bet_content .bet_btn_group .inconformity { background-color: #cbcbcb; color: #6b6b6b } .small { color: #0b462a; background-color: #fff } .big { color: #fff; background-color: #0b462a } .and { color: #0b462a; background-color: #f9bc36 } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .container { background-color: var(--LotteryBingoBg); border-radius: .2rem; padding-bottom: .32rem } .container .first-paragraph { width: auto; height: auto } .container .first-paragraph .first-statement { color: #fff; font-size: .26667rem; font-style: normal; font-weight: 400; letter-spacing: .0032rem; padding-top: .4rem; line-height: .4rem; text-align: justify } .container .paragraph-two { width: auto; height: auto } .container .paragraph-two .paragraph-two-statement { color: #fff; font-size: .26667rem; font-style: normal; font-weight: 400; letter-spacing: .0032rem; padding-top: .4rem; line-height: .4rem; text-align: justify; letter-spacing: .008rem } .container .paragraph-three { height: .8rem } .container .paragraph-three .paragraph-three-statement { color: #fff; font-size: .26667rem; font-style: normal; font-weight: 400; letter-spacing: .0032rem; padding-top: .4rem; line-height: .4rem; text-align: justify; line-height: .32rem; letter-spacing: 0 } .container .svg-container { width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; margin-top: .66667rem; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .container .svg-container svg { width: 1.6rem } .container .svg-container .first-vector { height: .16647rem; -webkit-flex-shrink: 0; flex-shrink: 0 } .container .svg-container .vector-heading { color: var(--colorText-25); font-size: .37333rem; font-style: normal; font-weight: 700; line-height: .37333rem; text-align: center; margin: 0 .26667rem } .container .svg-container .vector-two { width: 1.75219rem; height: .16647rem; -webkit-flex-shrink: 0; flex-shrink: 0 } .container .details-container-one { width: 100%; color: #fff; border-right: .02667rem solid var(--borderColor-11); border-bottom: .02667rem solid var(--borderColor-11); border-left: .02667rem solid var(--borderColor-11); margin-top: .8rem; border-radius: .2rem .2rem 0 0; background-color: var(--borderColor-11); padding-bottom: .4rem } .container .details-container-one .details-container-items { width: 100%; height: .53333rem; background: url(/assets/png/rule_bg-50b5b9c0.png) no-repeat center center; background-size: 100% .53333rem; text-align: center; color: var(--LotteryBingoTextColor); font-size: .32rem; font-style: normal; font-weight: 700; line-height: .53333rem } .container .details-container-one .first-heading { color: #fff; font-size: .32rem; font-style: normal; font-weight: 400; line-height: .32rem; margin-left: .18667rem; margin-top: .26667rem } .container .details-container-one .fontBold { font-weight: 700 } .container .details-container-one .paragraph-inside-container { margin-top: .26667rem; width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; padding: 0 .21333rem; font-size: .32rem; font-weight: 400 } .container .details-container-one .paragraph-inside-container .paragraph-title { color: #fff; line-height: .4rem; margin-left: .13333rem; position: relative; padding-left: .13333rem } .container .details-container-one .paragraph-inside-container .paragraph-title span { font-weight: 700 } .container .details-container-one .paragraph-inside-container .paragraph-title:after { content: ""; position: absolute; top: 0; left: -.13333rem; display: inline-block; width: .13333rem; height: .13333rem; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-flex-shrink: 0; flex-shrink: 0; border-radius: .02667rem; background-color: var(--LotteryBingoBg-3); margin-top: .10667rem } html:lang(ar) .container .details-container-one .paragraph-inside-container .paragraph-title:after { right: -.13333rem; left: unset } .container .details-container-one .paragraph-inside-container .paragraph-body { width: 68%; display: -webkit-box; display: -webkit-flex; display: flex; color: #fff; font-family: Inter; font-size: 100%; font-style: normal; font-weight: 400; line-height: .32rem; -webkit-flex-shrink: 0; flex-shrink: 0; height: auto; text-align: justify } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .binguo_container { width: 100%; min-height: 100vh; background: #0a4529; padding: .32rem .32rem 0 } .binguo_container .nav_title { font-size: .48rem; color: #fff; margin-left: .4rem } .binguo_container .nav_right { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; width: 100%; height: 100% } .binguo_container .nav_right .binguo_explain { background: url(/assets/png/icon-0d01ace2.png) no-repeat center center } .binguo_container .nav_right .binguo_money_look { background: url(/assets/png/lock_money-47931447.png) no-repeat center center } .binguo_container .nav_right .binguo_money_hidden { background: url(/assets/png/hidden_money-4d2f0151.png) no-repeat center center } .binguo_container .nav_right .binguo_count1 { background: url(/assets/png/record-5001454f.png) no-repeat center center } .binguo_container .nav_right .binguo_money, .binguo_container .nav_right .binguo_explain, .binguo_container .nav_right .binguo_count1 { width: .64rem; height: .64rem; margin-left: .26667rem; background-size: contain } .binguo_container .binguo_btn_group { width: 7.2rem; height: .93333rem; margin: auto; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; border-radius: .26667rem; overflow: hidden; margin-bottom: .26667rem } .binguo_container .binguo_btn_group div { width: 50%; background-color: #116946; color: #fff; font-size: .4rem; font-style: normal; font-weight: 400; line-height: .93333rem; text-align: center } .binguo_container .binguo_btn_group .active_btn { background: #5dba47 } .binguo_container .over_dialog_tip { color: #f9bc36; font-size: .48rem; font-style: normal; font-weight: 700; line-height: .48rem } .binguo_container .binguo_tip { width: 2.13333rem; height: 2.13333rem } .binguo_container .dialog__container { background: #0e6946 } .binguo_container .dialog__container .dialog__container-footer button { background: -webkit-linear-gradient(top, #cee98c 0%, #5dba47 100%); background: linear-gradient(180deg, #cee98c 0%, #5dba47 100%); border: none; box-shadow: 0 .05333rem #308f20 } .binguo_container .playerRule { height: 7.04rem; width: 94%; margin: auto; overflow: scroll; margin-bottom: .4rem } .binguo_container .rule_dialog .dialog__container-title { height: 1.2rem; margin-top: -.53333rem; width: calc(100% + .53333rem); border-radius: .26667rem .26667rem 0 0; background: -webkit-linear-gradient(top, #13ab62 0%, #168055 100%); background: linear-gradient(180deg, #13ab62 0%, #168055 100%); text-align: center; line-height: 1.2rem; color: #fff; font-size: .4rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .binguo_count_tab { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; width: 100%; height: 1.33333rem; border-radius: .16rem; background-color: #0f6946; margin-bottom: .34667rem } .binguo_count_tab .item { color: #fff; font-size: .4rem; font-style: normal; font-weight: 400; line-height: .4rem; text-align: center; padding: 0 .66667rem; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .binguo_count_tab .active { background-color: #5dba47; border-radius: .16rem; color: #fff; opacity: 1 } .binguo_count_tab .item:not(.active) { opacity: .8 } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .cuTable { width: var(--ca8cfc1e-tabWidth); overflow: auto; border-top-left-radius: .16rem; border-top-right-radius: .16rem; margin: auto; height: var(--ca8cfc1e-tabHeight) } table { max-height: 16rem; margin: auto; border-spacing: 0; position: relative } .t-table_border table { width: 100%; margin: auto; border-spacing: 0 } .t-table_border .tab_header { width: 100%; position: -webkit-sticky; position: sticky; top: -.01333rem; z-index: 12; height: .8rem; -webkit-transform: translate3d(0, 0, 0); transform: translateZ(0); height: 1.33333rem } .t-table_border .tab_body { height: var(--ca8cfc1e-rowHeight) } .t-table_border table tr>th { border: .01333rem solid var(--LotteryBingoTextColor); padding: .05333rem; text-align: center; vertical-align: middle } .t-table_border table tr>th:nth-child(2n) { border-right: none; border-left: none } .t-table_border table tr>th:last-child(2n) { border-right: .01333rem solid var(--LotteryBingoTextColor) } .t-table_border table tr>th:first-child { border-left: none } .t-table_border table tr>td { border: .01333rem solid var(--LotteryBingoTextColor); border-top: none; padding: .05333rem; text-align: center; vertical-align: middle } .t-table_border table tr>td:nth-child(2n) { border-right: none; border-left: none } .t-table_border table tr>td:first-child { border-left: none } .default_cell { text-align: var(--ca8cfc1e-align); background: var(--ca8cfc1e-rowBgColor); height: 100%; box-sizing: border-box } .default_header_cell { text-align: var(--ca8cfc1e-align); color: var(--ca8cfc1e-hColor); background: var(--ca8cfc1e-hBgColor); height: 100% } .tab_default_cell { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; height: 100% } .bodyClass { color: var(--textW) } .noBorder { border: none !important } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .bingtip_count_title { text-align: center; color: #5dba47; font-size: .4rem; font-style: normal; font-weight: 400; line-height: .4rem; margin-bottom: .34667rem } .small { color: #0b462a !important; background-color: #fff !important } .big { color: #fff !important; background-color: #0b462a !important } .sum { color: #0b462a !important; background-color: #f9bc36 !important } .binguo_bet_count { padding-bottom: .42667rem } .binguo_bet_count .lately { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin-bottom: .4rem } .binguo_bet_count .sum_column { width: .64rem; height: .64rem; border-radius: .10667rem; text-align: center; line-height: .64rem; margin: .10667rem 0 } .binguo_bet_count .alike_column { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-justify-content: space-around; justify-content: space-around; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding: .13333rem } .binguo_bet_count .alike_column div { width: .64rem; height: .64rem; border-radius: 50%; line-height: .64rem } .binguo_bet_count .progress_box { margin-bottom: .85333rem } .binguo_bet_count .progress { margin-bottom: .4rem } .binguo_bet_count .progress .tit { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; color: #fff; margin-bottom: .13333rem } .binguo_bet_count .progress .tit span { font-size: .4rem; font-style: normal; font-weight: 700; line-height: .4rem } .binguo_bet_count .progress .tit div { font-weight: 400 } .binguo_bet_count .progress .tit div span { font-weight: 700 } .binguo_bet_count .two_title { padding-top: .8rem } .binguo_bet_count .average_column, .binguo_bet_count .noaverage_column { color: #fff } .binguo_bet_count .tab_body { border-bottom: .01333rem solid #0b462a } .binguo_bet_count .van-progress__pivot { display: none } .binguoCountTable .default_cell { color: #fff } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .bingtip_count_title { text-align: center; color: #5dba47; font-size: .4rem; font-style: normal; font-weight: 400; line-height: .4rem; margin-bottom: .34667rem } .small { color: #0b462a !important; background-color: #fff !important } .big { color: #fff !important; background-color: #0b462a !important } .sum { color: #0b462a !important; background-color: #f9bc36 !important } .binguo_detail { padding-bottom: .77333rem } .binguo_detail .result1 { height: 4.8rem; background: #0a603e; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; padding: .26667rem .32rem; border-radius: .16rem; margin-bottom: .53333rem } .binguo_detail .result1 .column_list { width: .69333rem; display: -webkit-box; display: -webkit-flex; display: flex; margin-right: .2rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .binguo_detail .result1 .column_list .item { position: relative; width: .69333rem; height: .69333rem; border-radius: .10667rem; text-align: center; line-height: .69333rem } .binguo_detail .result1 .column_list .item:after { content: ""; position: absolute; bottom: -.2rem; left: 50%; width: .01333rem; height: .2rem; border-radius: .10667rem; background: #5dba47; z-index: 1 } .binguo_detail .result1 .column_list .item:last-child:after { content: ""; position: absolute; width: 0; height: 0 } .binguo_detail .result1 .column_list:nth-child(odd) .item:first-child { z-index: 2 } .binguo_detail .result1 .column_list:nth-child(odd) .item:first-child:before { content: ""; position: absolute; top: 50%; left: -.2rem; width: .2rem; height: .01333rem; border-radius: .10667rem; background: #5dba47; z-index: 1 } .binguo_detail .result1 .column_list:nth-child(odd) .item:last-child:before { content: ""; position: absolute; top: 50%; right: -.2rem; width: .2rem; height: .01333rem; border-radius: .10667rem; background: #5dba47; z-index: 1 } .binguo_detail .result1 .column_list:last-child .item:first-child:before { content: ""; position: absolute; top: 50%; right: -.2rem; width: .2rem; height: .01333rem; border-radius: .10667rem; background: #5dba47; z-index: 1 } .binguo_detail .record_list { display: grid; background: #0a603e; grid-template-columns: repeat(10, 1fr); border-radius: .13333rem; margin-bottom: .53333rem } .binguo_detail .record_list .record_item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; border-right: .01333rem solid #0b462a } .binguo_detail .record_list .record_item .item { width: 100%; position: relative; height: .93333rem; border-bottom: .01333rem solid #0b462a; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .binguo_detail .record_list .record_item .item div { width: .72rem; height: .72rem; border-radius: .13333rem; text-align: center; line-height: .72rem } .binguo_detail .record_list .record_item .item:last-child { border-bottom: none } .binguo_detail .issueNo_column { color: #fff; font-size: .29333rem } .binguo_detail .sum_column { width: .64rem; height: .64rem; border-radius: .13333rem; line-height: .64rem } .binguo_detail .num_column { width: .85333rem; height: .53333rem; border-radius: .10667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .binguo_detail .num_column div { width: .21333rem; height: .21333rem; border-radius: 50%; margin: 0 .02667rem; background: #0B462A } .binguo_detail .num_column1 { background-color: #87c7af } .binguo_detail .num_column2 { background-color: #5dba47 } .binguo_detail .num_column3 { background-color: #0b462a } .binguo_detail .issueNo_head { width: 2.4rem; height: 1.33333rem; position: relative; color: #f9bc36; font-size: .34667rem } .binguo_detail .issueNo_head .issue_text { position: absolute; left: 55%; top: .13333rem } .binguo_detail .issueNo_head .issue_number { position: absolute; left: 10%; top: .66667rem } .binguo_detail .issueNo_head:before { content: ""; position: absolute; top: .66667rem; left: -.13333rem; width: 2.85333rem; height: .01333rem; background-color: #0b462a; -webkit-transform: rotate(28deg); transform: rotate(28deg); -webkit-transform-origin: top; transform-origin: top } .ball { width: .66667rem; height: .66667rem; border-radius: 50%; background: -webkit-linear-gradient(286deg, #febc59 14.91%, #ff820b 89.16%); background: linear-gradient(164deg, #febc59 14.91%, #ff820b 89.16%); box-shadow: 0 .02667rem .05333rem #fff880 inset; text-align: center; line-height: .66667rem; color: #0f6946; font-size: .42667rem; font-style: normal; font-weight: 700; position: relative; z-index: 2; margin: auto } .ball:after { content: ""; position: absolute; top: 24%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: .4rem; height: .4rem; background: -webkit-radial-gradient(rgba(255, 255, 255, .673) 20%, rgba(10, 96, 62, .313) 90%); background: radial-gradient(rgba(255, 255, 255, .673) 20%, rgba(10, 96, 62, .313) 90%); -webkit-filter: blur(.05333rem); filter: blur(.05333rem); border-radius: 50%; z-index: 1 } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .trend_container { padding-top: .6rem } .trend_container .trend_header { width: 100%; height: 3.28rem; position: relative } .trend_container .trend_header .trend_header_title { padding-left: .32rem; color: #5dba47; font-size: .48rem; font-style: normal; font-weight: 700; line-height: .48rem } .trend_container .trend_header .trend_header_title span { color: #fffbbb; font-size: .48rem; font-style: normal; font-weight: 700; line-height: .66667rem } .trend_container .trend_header .trend_header_title:before { content: ""; position: absolute; top: 2%; left: 0; width: .08rem; height: .48rem; border-radius: .4rem; background: #feb320 } .trend_container .trend_header .trend1 { width: 3.21333rem; height: 2.86667rem; position: absolute; right: 1.04rem; top: -.46667rem; z-index: 2 } .trend_container .trend_header .trend2 { width: auto; height: 3.33333rem; position: absolute; right: -.32rem; top: 1.86667rem; z-index: 1 } .trend_container .trend_table { position: relative } .trend_container .trend_table .trend_tip { position: relative; z-index: 3; width: 100%; height: 2.93333rem; background: url(/assets/png/trend3-2a1b1d6f.png) no-repeat center; background-size: auto 2.90667rem; font-size: .42667rem; color: #fff; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; white-space: wrap } .trend_container .trend_table .trend_tip .tip_text { width: 5.33333rem; text-align: center } .trend_container .trend_table .trend_tip .trend_go { position: absolute; right: .16rem; top: 50%; width: 1.92rem; height: 2rem; margin-top: -1rem; background: url(/assets/png/trend_go-7405456e.png) no-repeat center; background-size: 1.92rem 2rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; font-size: .85333rem; color: #d10000; vertical-align: baseline } .trend_container .trend_table .trend_tip .trend_go span { margin-top: .29333rem; font-size: .32rem } .rankID_column { width: 1.33333rem; height: 1.06667rem; background-size: 1.06667rem 1.06667rem; background-repeat: no-repeat; background-position: center } .rankID_column.top_1 { background-image: url(/assets/png/top_1-4e868024.png) } .rankID_column.top_2 { background-image: url(/assets/png/top_2-7d8a7364.png) } .rankID_column.top_3 { background-image: url(/assets/png/top_3-d324faac.png) } .rankID_column.rank_text { background: -webkit-linear-gradient(top, #fff 0%, #ffa854 100%); background: linear-gradient(180deg, #fff 0%, #ffa854 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: 0 .02667rem .01333rem rgba(0, 0, 0, .01); font-size: .48rem; font-style: normal; font-weight: 900; line-height: 1.06667rem } .custom_column { color: #fff; font-size: .37333rem } .winmount_column { background: -webkit-linear-gradient(right, #5ece49 0%, #34c089 100%); background: linear-gradient(270deg, #5ece49 0%, #34c089 100%); height: .66667rem; padding: 0 .50667rem; line-height: .66667rem; text-align: center; border-radius: .77333rem; min-width: 3.33333rem } .tab_body:nth-child(odd) { background-color: #038d5a !important } .tab_body:nth-child(2n) { background-color: #007e50 !important } .default_cell { background: none } .cuTable { margin-top: -.10667rem; width: calc(100% + .64rem); margin-left: -.32rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .bingtip_count_title { text-align: center; color: #5dba47; font-size: .4rem; font-style: normal; font-weight: 400; line-height: .4rem; margin-bottom: .34667rem } .small { color: #0b462a !important; background-color: #fff !important } .big { color: #fff !important; background-color: #0b462a !important } .sum { color: #0b462a !important; background-color: #f9bc36 !important } .last7Day_container { padding-bottom: .4rem } .result { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .result .quan { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-justify-content: space-around; justify-content: space-around; margin-bottom: .05333rem } .result .quan div { width: .34667rem; height: .34667rem; border-radius: 50%; border: .01333rem solid #87c7af; color: #fff; text-align: center; font-size: .29333rem; font-style: normal; font-weight: 400; line-height: .29333rem } .result .result_sum { width: .42667rem; height: .42667rem; border-radius: .08rem } .binguo_count { padding: .32rem .32rem 0; background: #0a4529; min-height: 100vh } .column_time { width: 1.33333rem; height: 100%; background: #0e6d48 !important; color: #fff; font-size: .29333rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .bingtip_count_title { text-align: center; color: #5dba47; font-size: .4rem; font-style: normal; font-weight: 400; line-height: .4rem; margin-bottom: .34667rem } .small { color: #0b462a !important; background-color: #fff !important } .big { color: #fff !important; background-color: #0b462a !important } .sum { color: #0b462a !important; background-color: #f9bc36 !important } .body-container { width: 100%; padding: .26667rem .32rem 0 } .MyGameRecordList__C-item-l-big { color: var(--colorText-2) } .MyGameRecordList__C-item-l-small { color: #fff } .MyGameRecordList__C { padding-bottom: .26667rem } .MyGameRecordList__C .MyGameRecordList__C-item { height: 1.44rem; -webkit-flex-shrink: 0; flex-shrink: 0; border-radius: .13333rem; background-color: #0a603e; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; cursor: pointer; margin-bottom: .26667rem; padding-left: .32rem } .MyGameRecordList__C .MyGameRecordList__C-item .MyGameRecordList__C_left { width: calc(100% - 1.04rem); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .MyGameRecordList__C .MyGameRecordList__C-item .MyGameRecordList__C-item-l { height: .96rem; width: .96rem; -webkit-flex-shrink: 0; flex-shrink: 0; border-radius: .26667rem; display: -webkit-box; display: -webkit-flex; display: flex; font-family: Inter; font-size: .4rem; font-style: normal; font-weight: 400; line-height: .4rem; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; padding: .26667rem } .MyGameRecordList__C .MyGameRecordList__C-item .MyGameRecordList__C-item-m .MyGameRecordList__C-item-m-top { width: 3.57333rem; text-align: left; font-size: .37333rem; font-style: normal; font-weight: 6.66667rem; line-height: .37333rem; color: #fff; display: block; padding-left: .37333rem } .MyGameRecordList__C .MyGameRecordList__C-item .MyGameRecordList__C-item-m .MyGameRecordList__C-item-m-bottom { width: 3.45333rem; color: var(--norm_red-color); font-family: Inter; font-size: .29333rem; font-style: normal; font-weight: 400; line-height: normal; margin-left: .37333rem } .MyGameRecordList__C .MyGameRecordList__C-item .MyGameRecordList__C-item-r { color: var(--colorText-25); text-align: right; font-size: .37333rem; font-style: normal; font-weight: 400; line-height: normal; padding-right: .13333rem } .MyGameRecordList__C .MyGameRecordList__C-item:last-child { margin-bottom: 0 } .MyGameRecordList__C .MyGameRecordList__C-detail { color: #fff; background-color: #0a603e; border-radius: .13333rem; padding: .32rem; margin-bottom: .13333rem; margin-top: -.24rem } .MyGameRecordList__C .MyGameRecordList__C-detail .detail_title { font-size: .4rem; font-style: normal; font-weight: 700; line-height: .6rem; border-bottom: .01333rem solid var(--LotteryBingoTextColor); padding-bottom: .13333rem; margin-bottom: .32rem } .MyGameRecordList__C .MyGameRecordList__C-detail .detail_item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin-bottom: .26667rem } .MyGameRecordList__C .MyGameRecordList__C-detail .detail_item .item_title { color: var(--LotteryBingoBg-3); font-size: .32rem; font-style: normal; font-weight: 400; line-height: .37333rem; background: url(/assets/png/record_icon-fca8b0d0.png) no-repeat left center; background-size: .26667rem .26667rem; padding-left: .61333rem; position: relative } .MyGameRecordList__C .MyGameRecordList__C-detail .detail_item .item_title:after { content: ""; display: block; position: absolute; bottom: -.26667rem; left: .13333rem; width: 0; height: .26667rem; border-left: .01333rem dashed var(--norm_red-color) } html:lang(ar) .MyGameRecordList__C .MyGameRecordList__C-detail .detail_item .item_title:after { right: .13333rem; left: unset } .MyGameRecordList__C .MyGameRecordList__C-detail .detail_item .item_result { color: #fff; font-size: .32rem; font-style: normal; font-weight: 400; line-height: .37333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .MyGameRecordList__C .MyGameRecordList__C-detail .detail_item .item_result svg { width: .32rem; height: .32rem; margin-left: .21333rem } .MyGameRecordList__C .MyGameRecordList__C-detail .detail_item .item_result .draw_num { width: .42667rem; height: .42667rem; border-radius: .13333rem; text-align: center; line-height: .42667rem; font-size: .29333rem; margin-right: .13333rem } .MyGameRecordList__C .MyGameRecordList__C-detail .detail_item .item_result .draw_result { width: .42667rem; height: .42667rem; border-radius: 50%; text-align: center; line-height: .42667rem; font-size: .29333rem; background-color: var(--norm_red-color); color: var(--LotteryBingoTextColor); margin: 0 .02667rem } .MyGameRecordList__C .MyGameRecordList__C-detail .detail_item:last-child .item_title:after { height: 0 } .MyGameRecordList__C .MyGameRecordList__C-detail .detail_item:last-child .item_result { color: var(--norm_red-color); font-size: .32rem; font-style: normal; font-weight: 400; line-height: .37333rem } .MyGameRecordList__C .item_bet { min-width: .48rem; height: .48rem; padding: 0 .05333rem; border-radius: .13333rem; background: var(--LotteryBingoTextColor); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; text-align: center; font-size: .29333rem; font-style: normal; font-weight: 400; line-height: normal } .MyGameRecordList__C .item_alike { border-radius: 50%; margin-left: .05333rem } .success { color: #39eb8b !important } .fail { color: var(--main-color) !important } .wait { color: var(--colorText-25) !important } .ing { color: var(--bgcolor-27) !important } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .record-container { min-height: 100vh; width: 100%; background-color: #0a4529 } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .Betting__Popup .bgcolor { background-color: var(--main-color) } .Betting__Popup-head { height: 2.53333rem; position: relative; padding-top: .4rem; background: var(--main-color) } .Betting__Popup-head:after { content: ""; position: absolute; width: 50%; left: 0; bottom: 0; height: .78667rem; background-image: -webkit-linear-gradient(81deg, var(--bg_color_L2) 50%, transparent 50%); background-image: linear-gradient(9deg, var(--bg_color_L2) 50%, transparent 50%) } html:lang(ar) .Betting__Popup-head:after { right: 0; left: unset } .Betting__Popup-head:before { content: ""; position: absolute; right: 0; bottom: 0; width: 50%; height: .78667rem; background-image: -webkit-linear-gradient(99deg, var(--bg_color_L2) 50%, transparent 50%); background-image: linear-gradient(-9deg, var(--bg_color_L2) 50%, transparent 50%) } html:lang(ar) .Betting__Popup-head:before { right: unset; left: 0 } .Betting__Popup-head-title { height: .58667rem; font-weight: 700; font-size: .48rem; text-align: center; color: var(--text_color_L1) } .Betting__Popup-head-selectName { width: 7.46667rem; height: .66667rem; margin: .21333rem auto 0; background: var(--light-main_gradient-color, var(--text_color_L1)); border-radius: .13333rem; text-align: center; font-weight: 500; font-size: .34667rem; color: var(--text_color_L4) } .Betting__Popup-head-selectName>span { line-height: .66667rem } .Betting__Popup-head-selectName>span+span { margin-left: .37333rem } .Betting__Popup-body { height: 5.2rem; padding: .76rem .34667rem .53333rem } .Betting__Popup-body-line { font-size: .42667rem; color: var(--darkTextW, var(--text_color_L1)); height: .74667rem; line-height: .74667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .Betting__Popup-body-line-list { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .Betting__Popup-body-line-item { padding: 0 .21333rem; background: var(--bg_color_L3); border-radius: .08rem; color: var(--text_color_L2) } .Betting__Popup-body-line-item+div { margin-left: .16rem } .Betting__Popup-body-line+div { margin-top: .4rem } .Betting__Popup-body-line-btnL { -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; display: -webkit-box; display: -webkit-flex; display: flex } .Betting__Popup-body-line:last-child { -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start } .Betting__Popup-foot { height: .96rem; display: -webkit-box; display: -webkit-flex; display: flex; text-align: center; line-height: .96rem; font-size: .37333rem; color: var(--text_color_L4) } .Betting__Popup-foot-c { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; background: var(--bg_color_L3); color: var(--text_color_L2) } .Betting__Popup-foot-s { -webkit-box-flex: 2; -webkit-flex: 2; flex: 2 } .Betting__Popup-btn { width: .74667rem; height: .74667rem; pointer-events: none; text-align: center; font-size: .66667rem; padding: 0; background: var(--gray-color-1); color: var(--button_dis_color); -webkit-box-flex: 0; -webkit-flex: none; flex: none; border-radius: .08rem } .Betting__Popup-input { border: .01333rem solid var(--gray-color-1); padding: .02667rem .26667rem; width: 2.10667rem; margin: 0 .16rem; background: unset; background-color: var(--bg_color_L1); border-radius: .08rem } .Betting__Popup-input:after { content: none } .Betting__Popup-input .van-field__control { text-align: center; font-size: .37333rem; line-height: .72rem } .Betting__Popup-agree { padding-left: .8rem; background-image: url(/assets/png/agree-b-47b8f86d.png); background-repeat: no-repeat; background-position: left center; background-size: .64rem; font-size: .32rem; color: var(--text_color_L2) } html:lang(ar) .Betting__Popup-agree { background-position: right center } .Betting__Popup-agree.active { background-image: url(/assets/png/agree-a-6a68f3ca.png) } .Betting__Popup-preSaleShow { margin-left: .34667rem; font-size: .32rem; color: var(--norm_red-color) } .Betting__Popup-PreSale { width: 7.04rem } .Betting__Popup-PreSale-head { height: 1.2rem; line-height: 1.2rem; color: var(--text_color_L4); font-size: .4rem; text-align: center; background: var(--main_gradient-color) } .Betting__Popup-PreSale-body { max-height: 8rem; overflow-y: auto; color: var(--text_color_L1); padding: .4rem; font-size: .32rem; line-height: .8rem } .Betting__Popup-PreSale-body p { margin-bottom: .2rem; line-height: .53333rem } .Betting__Popup-PreSale-foot { height: 1.86667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .Betting__Popup-PreSale-foot-btn { width: 60%; background: var(--main_gradient-color); border-radius: .53333rem; height: .93333rem; line-height: .93333rem; text-align: center; font-size: .37333rem; color: var(--text_color_L4) } .bgcolor { pointer-events: all; color: var(--bg_color_L1) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .changLong__C { padding: .32rem .34667rem } .changLong__C .navbar__content .van-icon, .changLong__C .navbar__content .navbar__content-center { color: var(--text_color_L4) } .changLong__C .van-tabs__line { width: calc(50% - .69333rem); background: var(--colorText-2) } .changLong__C .van-tabs__content { padding: .32rem .34667rem } .changLong__C-bet { height: 2.4rem; width: 100%; background: var(--bg_color_L2); border-radius: .13333rem; display: -webkit-box; display: -webkit-flex; display: flex; padding: .24rem .18667rem } .changLong__C-bet-l { width: auto; -webkit-box-flex: 0; -webkit-flex: none; flex: none } .changLong__C-bet-l .titel { height: .53333rem; line-height: .53333rem; margin-bottom: .24rem; color: var(--text_color_L1); font-size: .34667rem; padding-left: 1.09333rem; background-position: left; background-repeat: no-repeat; background-size: .8rem .53333rem } html:lang(ar) .changLong__C-bet-l .titel { background-position: right } .changLong__C-bet-l .titel.k3 { background-image: url(/assets/png/icon-k3-dabf0a83.png) } .changLong__C-bet-l .titel.Fd { background-image: url(/assets/png/icon-5d-dadd282e.png) } .changLong__C-bet-l .titel.winGo { background-image: url(/assets/png/icon-wg-b65da4c5.png) } .changLong__C-bet-l .num { height: .4rem; margin-bottom: .13333rem; font-size: .32rem; color: var(--text_color_L2) } .changLong__C-bet-l .num .time { color: var(--norm_red-color) } .changLong__C-bet-l .other { height: .64rem; line-height: .64rem; display: -webkit-box; display: -webkit-flex; display: flex } .changLong__C-bet-l .other>div { color: var(--text_color_L4); font-size: .32rem } .changLong__C-bet-l .other>div+div { margin-left: .08rem } .changLong__C-bet-l .other .remark { color: var(--text_color_L1); background: var(--button_dis_color); padding: 0 .18667rem } .changLong__C-bet-l .other .issue { background: var(--main-color); color: var(--text_color_L4); padding: 0 .18667rem } .changLong__C-bet-l .other .gameResult { padding: 0 .13333rem } .changLong__C-bet-l .other .gameResult.bg-L, .changLong__C-bet-l .other .gameResult.bg-O { background-color: var(--norm_secondary-color); color: var(--text_color_L4) } .changLong__C-bet-l .other .gameResult.bg-red, .changLong__C-bet-l .other .gameResult.bg-E { background-color: var(--norm_red-color); color: var(--text_color_L4) } .changLong__C-bet-l .other .gameResult.bg-violet { background-color: var(--norm_Purple-color); color: var(--text_color_L4) } .changLong__C-bet-l .other .gameResult.bg-green, .changLong__C-bet-l .other .gameResult.bg-small, .changLong__C-bet-l .other .gameResult.bg-H { background-color: var(--norm_bule-color); color: var(--text_color_L4) } .changLong__C-bet-r { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .changLong__C-bet-r>div { width: 1.33333rem; height: .8rem; line-height: .8rem; text-align: center; border: .00667rem solid var(--main-color); border-radius: .10667rem; font-size: .32rem; color: var(--main-color) } .changLong__C-bet-r>div.active { background: var(--main-color); color: var(--text_color_L4) } .changLong__C-bet-r>div+div { margin-left: .21333rem } .changLong__C-bet-r.disable>div { pointer-events: none; background-color: var(--button_dis_color); color: var(--text_color_L4); border: .00667rem solid var(--button_dis_color) } .changLong__C-bet-r.disable>div.active { background-color: var(--button_dis_color); color: var(--text_color_L4) } .changLong__C-bet+div { margin-top: .21333rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .MyGameRecord__C { width: calc(100% - .39333rem); margin: .32rem auto 0 } .MyGameRecord__C-head { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; background-color: var(--darkBg, var(--bg_color_L2)); padding: .32rem .32rem 0 } .MyGameRecord__C-head-moreB { border: .01333rem solid var(--main-color); height: .8rem; line-height: .8rem; border-radius: .26667rem; padding: 0 .24rem; color: var(--main-color); font-size: .32rem; position: relative } .MyGameRecord__C-head-moreB svg { height: .42667rem; width: .42667rem } .MyGameRecord__C-body { background-color: var(--darkBg, var(--bg_color_L2)); padding: 0 .32rem } .MyGameRecord__C-body-empty { height: 5.33333rem } .MyGameRecord__C-foot { height: 1.86667rem; background: var(--darkBg, var(--bg_color_L2)); padding: .46667rem 2.37333rem; margin-top: .48rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .MyGameRecord__C-foot-page { font-size: .32rem; color: var(--text_color_L2) } .MyGameRecord__C-foot-previous, .MyGameRecord__C-foot-next { width: .93333rem; height: .93333rem; border-radius: .13333rem; background: var(--main-color); color: var(--text_color_L4); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .MyGameRecord__C-foot-previous.disabled, .MyGameRecord__C-foot-next.disabled { background: var(--bg_color_L3); pointer-events: none; color: var(--text_color_L2) } .MyGameRecord__C-foot-previous.disabled .MyGameRecord__C-icon, .MyGameRecord__C-foot-next.disabled .MyGameRecord__C-icon { color: var(--saveTextColor-7) } .MyGameRecord__C-foot-previous .MyGameRecord__C-icon, .MyGameRecord__C-foot-next .MyGameRecord__C-icon { color: #fff } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .MyGameRecord__C { width: calc(100% - .69333rem); margin: .32rem auto 0; background-color: var(--bg_color_L2); border-radius: .21333rem } .MyGameRecord__C-head { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; padding: .32rem .32rem 0 } .MyGameRecord__C-head-moreB { border: .01333rem solid var(--main-color); height: .8rem; line-height: .8rem; border-radius: .26667rem; padding: 0 .24rem; color: var(--main-color); font-size: .32rem; position: relative } .MyGameRecord__C-head-moreB svg { width: .4rem; height: .4rem } .MyGameRecord__C-body { padding: 0 .32rem } .MyGameRecord__C-body-empty { height: 5.33333rem } .MyGameRecord__C-foot { height: 1.86667rem; background: var(--darkBg, var(--bg_color_L2)); color: var(--text_color_L2); padding: .46667rem 2.37333rem; margin-top: .48rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .MyGameRecord__C-foot-page { font-size: .32rem; color: var(--text_color_L1) } .MyGameRecord__C-foot-previous, .MyGameRecord__C-foot-next { width: .93333rem; height: .93333rem; border-radius: .13333rem; background: var(--main-color); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .MyGameRecord__C-foot-previous.disabled, .MyGameRecord__C-foot-next.disabled { background: var(--button_dis_color); pointer-events: none } .MyGameRecord__C-foot-previous.disabled .MyGameRecord__C-icon, .MyGameRecord__C-foot-next.disabled .MyGameRecord__C-icon { color: var(--text_color_L2) } .MyGameRecord__C-foot-previous .MyGameRecord__C-icon, .MyGameRecord__C-foot-next .MyGameRecord__C-icon { color: var(--text_color_L4) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .BetRecord__C-gameTab { border-top: .01333rem solid var(--gray-color-1) } .BetRecord__C-gameTab .van-tabs__line { width: calc(33% - .69333rem); background: var(--norm_green-color) } .BetRecord__C-gameTab .van-tabs__nav { background-color: var(--bg_color_L2) } .BetRecord__C-gameTab .van-tab--line { color: var(--text_color_L3) } .BetRecord__C-gameTab .van-tab--active { color: var(--text_color_L1); font-weight: 500 } .BetRecord__C-timeTab { border-top: .01333rem solid var(--gray-color-1) } .BetRecord__C-timeTab .van-tabs__line { width: calc(25% - .69333rem); background: var(--norm_red-color) } .BetRecord__C-timeTab .van-tab--line { color: var(--text_color_L3) } .BetRecord__C-timeTab .van-tabs__nav { background-color: var(--bg_color_L2) } .BetRecord__C-timeTab .van-tab--active { color: var(--text_color_L1); font-weight: 500 } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .changLong__C-tab .van-tabs__line { width: calc(50% - .69333rem); background-color: var(--main-color) } .changLong__C-tab .van-tabs__nav { background-color: var(--bg_color_L2) } .changLong__C-tab .van-tab--active { color: var(--text_color_L1); font-weight: 500 } .changLong__C .navbar__content .van-icon, .changLong__C .navbar__content .navbar__content-center { color: var(--textW) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .K3TL__C { width: calc(100% - .69333rem); margin: .34667rem auto 0; background-color: var(--bg_color_L2); padding: .42667rem .29333rem .45333rem; border-radius: .26667rem .26667rem 0 0 } .K3TL__C-rule { height: .61333rem; width: 2.93333rem; display: -webkit-box; display: -webkit-flex; display: flex; font-size: .29333rem; text-align: center; border: .01333rem solid var(--main-color); border-radius: .8rem; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; color: var(--main-color); margin-left: .4rem; gap: .04rem } .K3TL__C-rule svg { color: var(--main-color); width: .42667rem; height: .42667rem } .K3TL__C-l1 { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; height: .61333rem; color: var(--text_color_L2); font-size: .32rem } .K3TL__C-l1 .left { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; height: .61333rem } .K3TL__C-l1>div:not(.left) { -webkit-align-self: flex-start; align-self: flex-start } .K3TL__C-l2 { height: .8rem; line-height: .8rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; font-weight: 700; font-size: .53333rem; color: var(--text_color_L1) } .K3TL__C-l3 { height: 3.09333rem; margin-top: .48rem; background: #00B977; border-radius: .18667rem; position: relative; padding: .26667rem } .K3TL__C-l3:after, .K3TL__C-l3:before { content: ""; display: block; width: .13333rem; height: .69333rem; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 0; background-color: #008b59 } .K3TL__C-l3:before { border-radius: .13333rem 0 0 .13333rem; left: -.13333rem } .K3TL__C-l3:after { border-radius: 0 .13333rem .13333rem 0; right: -.13333rem } .K3TL__C-l3 .box { background: #003c26; border-radius: .13333rem; height: 100%; width: 100%; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding: .13333rem } .K3TL__C-l3 .box:after, .K3TL__C-l3 .box:before { position: absolute; width: 0; height: 0; border-top: .18667rem solid transparent; border-bottom: .18667rem solid transparent; content: ""; z-index: 3 } .K3TL__C-l3 .box:before { left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-right: .53333rem solid transparent; border-left: .53333rem solid #00B575 } .K3TL__C-l3 .box:after { right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-left: .53333rem solid transparent; border-right: .53333rem solid #00B575 } .K3TL__C-l3 .box>div { width: calc((100% - .4rem) / 3); height: 2.29333rem; background-color: #727272; border-radius: .13333rem; position: relative; background-position: center; background-size: 70%; background-repeat: no-repeat } .K3TL__C-l3 .box>div:before { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; content: ""; z-index: 2; box-shadow: inset 0 -.13333rem .13333rem #0000004d, inset 0 .13333rem .13333rem #0000004d } .K3TL__C-l3 .num1 { background-image: url(/assets/png/num1-b63b7d81.png) } .K3TL__C-l3 .num2 { background-image: url(/assets/png/num2-468984fc.png) } .K3TL__C-l3 .num3 { background-image: url(/assets/png/num3-41be7d5b.png) } .K3TL__C-l3 .num4 { background-image: url(/assets/png/num4-d260bb2b.png) } .K3TL__C-l3 .num5 { background-image: url(/assets/png/num5-3b350eff.png) } .K3TL__C-l3 .num6 { background-image: url(/assets/png/num6-9f5038bf.png) } .K3TL__C-l3>div, .K3TL__C-l3>p { width: 1.46667rem; height: 1.46667rem; line-height: 1.46667rem; text-align: center; font-weight: 700; font-size: .64rem; background-position: center; background-size: 100% 100%; background-repeat: no-repeat } .K3TL__C-time { height: .8rem; line-height: .8rem; bottom: .29333rem; right: .32rem; display: -webkit-box; display: -webkit-flex; display: flex } html:lang(ar) .K3TL__C-time { direction: ltr } .K3TL__C-time>div { background: var(--bg_color_L3); border-radius: .05333rem; color: var(--main-color); font-weight: 700; font-size: .48rem; text-align: center; padding: 0 .13333rem; background-position: center; background-size: 100% 100%; background-repeat: no-repeat } .K3TL__C-time>div[notime] { background-color: transparent } .K3TL__C-time>div+div { margin-left: .12rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .K3B__C-bettingList { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .K3B__C-bettingList>div { width: calc((100% - .6rem)/4); height: 1.6rem; border-radius: .13333rem; text-align: center; margin-top: .21333rem; color: var(--text_color_L2); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .K3B__C-bettingList>div .ball { width: 1.17333rem; height: 1.17333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin: 0 auto } .K3B__C-bettingList>div .ball.rball { background: url(/assets/png/redBall-fd34b99e.png) no-repeat center center; background-size: cover } .K3B__C-bettingList>div .ball.rball .K3B__C-odds-bet { background: -webkit-linear-gradient(top, #FF827A 0%, #E93333 68.18%); background: linear-gradient(180deg, #FF827A 0%, #E93333 68.18%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent } .K3B__C-bettingList>div .ball.gball { background: url(/assets/png/greenBall-b7685130.png) no-repeat center center; background-size: cover } .K3B__C-bettingList>div .ball.gball .K3B__C-odds-bet { background: var(--norm_green-color); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent } .K3B__C-bettingList>div .ball .K3B__C-odds-bet { font-size: .64rem; font-weight: 700 } .K3B__C-bettingList>div.numA, .K3B__C-bettingList>div.numB, .K3B__C-bettingList>div.numC, .K3B__C-bettingList>div.numD { height: 1.17333rem; background-color: var(--norm_secondary-color); color: #fff } .K3B__C-bettingList>div.numB { background-color: var(--norm_bule-color) } .K3B__C-bettingList>div.numC { background-color: var(--norm_red-color) } .K3B__C-bettingList>div.numD { background-color: var(--norm_green-color) } .K3B__C-bettingList>div .K3B__C-odds-bet { font-size: .37333rem } .K3B__C-bettingList>div .K3B__C-odds-rate { font-size: .29333rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .K3B__C-betting2 { margin-top: .26667rem } .K3B__C-betting2-tip1 { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; height: .4rem; font-size: .34667rem; line-height: .4rem; color: var(--text_color_L1) } .K3B__C-betting2-tip1 .icon { margin-left: .13333rem } .K3B__C-betting2-line1, .K3B__C-betting2-line2, .K3B__C-betting2-line3 { height: .93333rem; display: -webkit-box; display: -webkit-flex; display: flex; margin: .21333rem 0; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .K3B__C-betting2-line1.mb30, .K3B__C-betting2-line2.mb30, .K3B__C-betting2-line3.mb30 { margin-bottom: .4rem } .K3B__C-betting2-line1>div, .K3B__C-betting2-line2>div, .K3B__C-betting2-line3>div { width: calc((100% - 1.33333rem) / 6); height: .93333rem; line-height: .93333rem; color: #fff; text-align: center; border-radius: .13333rem; opacity: .5 } .K3B__C-betting2-line1>div.active, .K3B__C-betting2-line2>div.active, .K3B__C-betting2-line3>div.active { opacity: 1 } .K3B__C-betting2-line1>div { background: var(--norm_Purple-color); font-size: .37333rem } .K3B__C-betting2-line1>div.active { position: relative } .K3B__C-betting2-line1>div.active:after { content: ""; display: block; width: .42667rem; height: .42667rem; background-image: url(/assets/svg/subtract-ca63ef68.svg); background-size: .42667rem; background-position: center; position: absolute; bottom: 0; right: 0 } .K3B__C-betting2-line2>div { background: var(--norm_red-color); font-size: .37333rem } .K3B__C-betting2-line2>div.active { position: relative } .K3B__C-betting2-line2>div.active:after { content: ""; display: block; width: .42667rem; height: .42667rem; background-image: url(/assets/svg/subtract-ca63ef68.svg); background-size: .42667rem; background-position: center; position: absolute; bottom: 0; right: 0 } .K3B__C-betting2-line3>div { font-size: .37333rem; background: var(--norm_green-color) } .K3B__C-betting2-line3>div.active { position: relative } .K3B__C-betting2-line3>div.active:after { content: ""; display: block; width: .42667rem; height: .42667rem; background-image: url(/assets/svg/subtract-ca63ef68.svg); background-size: .42667rem; background-position: center; position: absolute; bottom: 0; right: 0 } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .K3B__C-betting3 { margin-top: .26667rem } .K3B__C-betting3-tip1 { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; height: .4rem; font-size: .34667rem; line-height: .4rem; color: var(--text_color_L1); margin-bottom: .21333rem } .K3B__C-betting3-tip1 .icon { margin-left: .13333rem } .K3B__C-betting3-line1 { height: .93333rem; display: -webkit-box; display: -webkit-flex; display: flex; margin: .21333rem 0; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .K3B__C-betting3-line1.mb30 { margin-bottom: .4rem } .K3B__C-betting3-line1>div { width: calc((100% - 1.33333rem) / 6); height: .93333rem; line-height: .93333rem; color: #fff; text-align: center; border-radius: .13333rem; background: var(--norm_Purple-color); font-size: .37333rem; opacity: .5 } .K3B__C-betting3-line1>div.active { position: relative; opacity: 1 } .K3B__C-betting3-line1>div.active:after { content: ""; display: block; width: .42667rem; height: .42667rem; background-image: url(/assets/svg/subtract-ca63ef68.svg); background-size: .42667rem; background-position: center; position: absolute; bottom: 0; right: 0 } .K3B__C-betting3-btn { height: .93333rem; line-height: .93333rem; text-align: center; background: var(--norm_red-color); border-radius: .13333rem; color: #fff; font-size: .37333rem; margin-bottom: .21333rem; opacity: .5 } .K3B__C-betting3-btn.active { opacity: 1; position: relative } .K3B__C-betting3-btn.active:after { content: ""; display: block; width: .42667rem; height: .42667rem; background-image: url(/assets/svg/subtract-ca63ef68.svg); background-size: .42667rem; background-position: center; position: absolute; bottom: 0; right: 0 } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .K3B__C-betting4 { margin-top: .26667rem } .K3B__C-betting4-tip1 { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; height: .4rem; font-size: .34667rem; line-height: .4rem; color: var(--text_color_L1); margin-bottom: .21333rem } .K3B__C-betting4-tip1 .icon { margin-left: .13333rem } .K3B__C-betting4-line1 { height: .93333rem; display: -webkit-box; display: -webkit-flex; display: flex; margin: .21333rem 0; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .K3B__C-betting4-line1.mb30 { margin-bottom: .4rem } .K3B__C-betting4-line1>div { width: calc((100% - 1.33333rem) / 6); height: .93333rem; line-height: .93333rem; color: #fff; text-align: center; border-radius: .13333rem; background: var(--norm_Purple-color); font-size: .37333rem; opacity: .5 } .K3B__C-betting4-line1>div.active { position: relative; opacity: 1 } .K3B__C-betting4-line1>div.active:after { content: ""; display: block; width: .42667rem; height: .42667rem; background-image: url(/assets/svg/subtract-ca63ef68.svg); background-size: .42667rem; background-position: center; position: absolute; bottom: 0; right: 0 } .K3B__C-betting4-btn { height: .93333rem; line-height: .93333rem; text-align: center; background: var(--norm_red-color); border-radius: .13333rem; color: #fff; font-size: .37333rem; margin-bottom: .4rem; opacity: .5 } .K3B__C-betting4-btn.active { opacity: 1; position: relative } .K3B__C-betting4-btn.active:after { content: ""; display: block; width: .42667rem; height: .42667rem; background-image: url(/assets/svg/subtract-ca63ef68.svg); background-size: .42667rem; background-position: center; position: absolute; bottom: 0; right: 0 } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .Betting__Popup-body .title { margin-bottom: .13333rem; font-size: .42667rem; color: var(--text_color_L1) } .Betting__Popup-body .list { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap } .Betting__Popup-type1 { -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin-bottom: .26667rem } .Betting__Popup-type1 .list>div { width: .64rem; height: .64rem; line-height: .64rem; text-align: center; background: #b5b5b5; border-radius: .64rem; font-size: .32rem; color: #fff; margin: .05333rem } .Betting__Popup-type1 .list>div.red { background-color: var(--norm_red-color) } .Betting__Popup-type1 .list>div.green { background-color: var(--norm_green-color) } .Betting__Popup-type1 .list>div.numA, .Betting__Popup-type1 .list>div.numB, .Betting__Popup-type1 .list>div.numC, .Betting__Popup-type1 .list>div.numD { background-color: var(--norm_secondary-color); border-radius: .10667rem; width: 1.06667rem } .Betting__Popup-type1 .list>div.numB { background-color: var(--norm_bule-color) } .Betting__Popup-type1 .list>div.numC { background-color: var(--norm_red-color) } .Betting__Popup-type1 .list>div.numD { background-color: var(--norm_red-color) } .Betting__Popup-type2 { -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin-bottom: .26667rem; font-size: .42667rem; color: var(--colorText-3) } .Betting__Popup-type2::last-child { margin-bottom: .48rem } .Betting__Popup-type2-d { height: .58667rem; background: var(--norm_Purple-color); border-radius: .10667rem; color: var(--text_color_L1); line-height: .58667rem; text-align: center; margin: .02667rem .05333rem; font-size: .32rem; padding: 0 .24rem } .Betting__Popup-type2-o { height: .58667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; background: var(--norm_red-color); border-radius: .10667rem; text-align: center; overflow: hidden; font-size: .32rem } .Betting__Popup-type2-o+div { margin-left: .13333rem } .Betting__Popup-type2-o div { height: 100%; line-height: .58667rem; padding: 0 .13333rem; -webkit-box-flex: 0; -webkit-flex: none; flex: none; color: var(--text_color_L1) } .Betting__Popup-type2-o div:last-child { background-color: var(--norm_green-color) } .Betting__Popup-type2-r { width: -webkit-max-content; width: max-content; height: .58667rem; line-height: .58667rem; padding: 0 .56rem; background: var(--norm_red-color); border-radius: .10667rem; font-size: .32rem; color: var(--text_color_L1); margin-bottom: .21333rem } .Betting__Popup-body { padding: .50667rem .34667rem .53333rem } .Betting__Popup-body-line { font-size: .42667rem; color: var(--text_color_L1); height: .74667rem; line-height: .74667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .Betting__Popup-body-line-list { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .Betting__Popup-body-line-item { padding: 0 .21333rem; background: var(--bg_color_L3); color: var(--text_color_L2); border-radius: .08rem } .Betting__Popup-body-line-item+div { margin-left: .16rem } .Betting__Popup-body-line+div { margin-top: .4rem } .Betting__Popup-body-line-btnL { -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; display: -webkit-box; display: -webkit-flex; display: flex } .Betting__Popup-body-line:last-child { -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start } .Betting__Popup-foot { height: .96rem; display: -webkit-box; display: -webkit-flex; display: flex; text-align: center; line-height: .96rem; font-size: .37333rem; color: var(--text_color_L1) } .Betting__Popup-foot-c { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; background: var(--bg_color_L3); color: var(--text_color_L2) } .Betting__Popup-foot-s { -webkit-box-flex: 2; -webkit-flex: 2; flex: 2; background: var(--main-color); color: var(--text_color_L1) } .Betting__Popup-btn { width: .74667rem; height: .74667rem; pointer-events: none; text-align: center; font-size: .66667rem; padding: 0; background: var(--bg_color_L3); color: var(--button_dis_color); -webkit-box-flex: 0; -webkit-flex: none; flex: none; border-radius: .08rem } .Betting__Popup-input { padding: .02667rem .26667rem; width: 2.10667rem; margin: 0 .16rem; background-color: var(--bg_color_L1); color: var(--text_color_L1) } .Betting__Popup-input .van-field__control { text-align: center; font-size: .37333rem; line-height: .72rem } .Betting__Popup-input:after { content: none } .Betting__Popup-agree { padding-left: .8rem; background-image: url(/assets/png/agree-b-47b8f86d.png); background-repeat: no-repeat; background-position: left center; background-size: .64rem; font-size: .32rem; color: var(--colorText-3) } html:lang(ar) .Betting__Popup-agree { background-position: right center } .Betting__Popup-agree.active { background-image: url(/assets/png/agree-a-6a68f3ca.png) } .Betting__Popup-preSaleShow { margin-left: .34667rem; font-size: .32rem; color: var(--norm_red-color) } .Betting__Popup-PreSale { width: 7.04rem } .Betting__Popup-PreSale-head { height: 1.2rem; line-height: 1.2rem; color: var(--text_color_L4); font-size: .4rem; text-align: center; background: var(--main_gradient-color) } .Betting__Popup-PreSale-body { max-height: 8rem; overflow-y: auto; padding: .4rem; font-size: .32rem; line-height: .8rem; color: var(--text_color_L1) } .Betting__Popup-PreSale-body p { margin-bottom: .2rem; line-height: .53333rem } .Betting__Popup-PreSale-foot { height: 1.86667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .Betting__Popup-PreSale-foot-btn { width: 60%; background: var(--main_gradient-color); border-radius: .53333rem; height: .93333rem; line-height: .93333rem; text-align: center; font-size: .37333rem; color: var(--text_color_L4) } .bgcolor { pointer-events: all; color: var(--text_color_L4); background: var(--main-color) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .K3B__C { width: calc(100% - .69333rem); margin: auto; background: var(--bg_color_L2); border-radius: 0 0 .26667rem .26667rem; padding: 0 .26667rem .25333rem; position: relative } .K3B__C-mark { width: 100%; height: 100%; background: rgba(0, 0, 0, .6); position: absolute; z-index: 99; top: 0; left: 0; color: var(--main-color); border-radius: .26667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center } html:lang(ar) .K3B__C-mark { right: o; left: unset; direction: ltr } .K3B__C-mark>div { display: inline-block; border-radius: .4rem; padding: 0 .4rem; background-color: var(--bg_color_L3); font-weight: 700; font-size: 3.73333rem } .K3B__C-mark>div+div { margin-left: 1.04rem } .K3B__C-nav { height: 1.06667rem; display: -webkit-box; display: -webkit-flex; display: flex; font-size: .29333rem; color: var(--text_color_L2); overflow: hidden; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .K3B__C-nav>div { line-height: 1.06667rem; text-align: center; width: calc(25% - .04rem); background: var(--bg_color_L3); border-radius: .13333rem .13333rem 0 0 } .K3B__C-nav>div.active { background: var(--main-color); color: var(--text_color_L4) } .van-popup { overflow-y: visible } .van-popup .van-icon-close { font-size: .8rem; bottom: -1rem; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%) } .qpopup-box { max-width: 8rem; padding: .8rem .77333rem 1.04rem } .qpopup-box-list { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin-bottom: .26667rem } .qpopup-box-list .num { height: 1.2rem; width: 1.2rem; background-color: var(--colorText-2); margin: 0 .26667rem } .qpopup-box-list .num.num1 { background: url(/assets/png/n1-584b8878.png) no-repeat center center; background-size: cover } .qpopup-box-list .num.num2 { background: url(/assets/png/n2-447499dc.png) no-repeat center center; background-size: cover } .qpopup-box-list .num.num3 { background: url(/assets/png/n3-1432a6bd.png) no-repeat center center; background-size: cover } .qpopup-box-list .num.num4 { background: url(/assets/png/n4-9d453819.png) no-repeat center center; background-size: cover } .qpopup-box-list .num.num5 { background: url(/assets/png/n5-09b70e91.png) no-repeat center center; background-size: cover } .qpopup-box-list .num.num6 { background: url(/assets/png/n6-b68c6bb6.png) no-repeat center center; background-size: cover } .qpopup-box-list .num.num7 { background: url(/assets/png/n7-039e2d7d.png) no-repeat center center; background-size: cover } .qpopup-box-txt { text-align: center; font-size: .32rem; color: var(--text_color_L2) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .GameRecord__C { width: calc(100% - .69333rem); margin: .48rem auto 0; text-align: center; font-size: .32rem } .GameRecord__C-head { height: 1.06667rem; line-height: 1.06667rem; background: var(--sheet_nva_color); border-radius: .13333rem .13333rem 0 0; font-weight: 700; font-size: .34667rem; color: #fff } .GameRecord__C-body { line-height: 1.06667rem } .GameRecord__C-body-empty { height: 5.33333rem } .GameRecord__C-body>div { background: var(--bg_color_L2); color: var(--text_color_L1) } .GameRecord__C-body>div+div { border-top: .01333rem solid var(--gray-color-1) } .GameRecord__C-body-premium { display: -webkit-box; display: -webkit-flex; display: flex; height: 100%; max-width: 2.13333rem; margin: auto; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .GameRecord__C-body-premium>div { width: .53333rem; height: .53333rem; background-repeat: no-repeat; background-size: .53333rem; background-position: center } .GameRecord__C-body-premium .n1 { background-image: url(/assets/png/n1-4d914772.png) } .GameRecord__C-body-premium .n2 { background-image: url(/assets/png/n2-a7189ae3.png) } .GameRecord__C-body-premium .n3 { background-image: url(/assets/png/n3-162f6063.png) } .GameRecord__C-body-premium .n4 { background-image: url(/assets/png/n4-ae5fe4f6.png) } .GameRecord__C-body-premium .n5 { background-image: url(/assets/png/n5-562557ff.png) } .GameRecord__C-body-premium .n6 { background-image: url(/assets/png/n6-4fb0d7da.png) } .GameRecord__C-foot { height: 1.86667rem; background: var(--darkBg, var(--bg_color_L2)); color: var(--text_color_L2); padding: .46667rem 2.37333rem; margin-top: .48rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .GameRecord__C-foot-previous, .GameRecord__C-foot-next { width: .93333rem; height: .93333rem; border-radius: .13333rem; background: var(--main-color); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .GameRecord__C-foot-previous.disabled, .GameRecord__C-foot-next.disabled { background: var(--button_dis_color); pointer-events: none } .GameRecord__C-foot-previous.disabled .GameRecord__C-icon, .GameRecord__C-foot-next.disabled .GameRecord__C-icon { color: var(--text_color_L2) } .GameRecord__C-foot-previous .GameRecord__C-icon, .GameRecord__C-foot-next .GameRecord__C-icon { color: var(--text_color_L4) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .Trend__C { width: calc(100% - .69333rem); margin: .48rem auto 0; text-align: center; font-size: .32rem } .Trend__C-head { height: 1.06667rem; line-height: 1.06667rem; background: var(--sheet_nva_color); border-radius: .13333rem .13333rem 0 0; font-weight: 700; font-size: .34667rem; color: #fff } .Trend__C-body { line-height: 1.06667rem } .Trend__C-body-empty { height: 5.33333rem } .Trend__C-body>div { background: var(--darkBg, var(--bg_color_L2)); color: var(--text_color_L1) } .Trend__C-body>div+div { border-top: .01333rem solid var(--gray-color-1) } .Trend__C-body-premium { display: -webkit-box; display: -webkit-flex; display: flex; height: 100%; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding: 0 .10667rem } .Trend__C-body-premium>div { width: .48rem; height: .48rem; background-repeat: no-repeat; background-size: .48rem; background-position: center } .Trend__C-body-premium .n1 { background-image: url(/assets/png/n1-4d914772.png) } .Trend__C-body-premium .n2 { background-image: url(/assets/png/n2-a7189ae3.png) } .Trend__C-body-premium .n3 { background-image: url(/assets/png/n3-162f6063.png) } .Trend__C-body-premium .n4 { background-image: url(/assets/png/n4-ae5fe4f6.png) } .Trend__C-body-premium .n5 { background-image: url(/assets/png/n5-562557ff.png) } .Trend__C-body-premium .n6 { background-image: url(/assets/png/n6-4fb0d7da.png) } .Trend__C-body-gameText { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; height: 100%; line-height: 1; width: 100%; word-break: break-all } .Trend__C-foot { height: 1.86667rem; background: var(--bg_color_L2); padding: .46667rem 2.37333rem; margin-top: .48rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; color: var(--text_color_L1) } .Trend__C-foot-previous, .Trend__C-foot-next { width: .93333rem; height: .93333rem; border-radius: .13333rem; background: var(--main-color); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .Trend__C-foot-previous.disabled, .Trend__C-foot-next.disabled { background: var(--button_dis_color); pointer-events: none } .Trend__C-foot-previous.disabled .Trend__C-icon, .Trend__C-foot-next.disabled .Trend__C-icon { color: var(--saveTextColor-7) } .Trend__C-foot-previous .Trend__C-icon, .Trend__C-foot-next .Trend__C-icon { color: var(--text_color_L4) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .WinningTip__C { position: fixed; width: 100%; height: 100%; z-index: 99; background-color: #00000080; top: 0; left: 0 } html:lang(ar) .WinningTip__C { right: 0; left: unset } .WinningTip__C-body { position: absolute; width: 7.73333rem; height: 10.93333rem; background-image: url(/assets/png/missningBg-c1f02bcd.png); background-repeat: no-repeat; background-position: center; background-size: cover; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translate(-50%) translateY(-50%); padding-top: 3.33333rem } .WinningTip__C-body.isL { background-image: url(/assets/png/missningLBg-ca049a47.png) } .WinningTip__C-body.isL .WinningTip__C-body-l1, .WinningTip__C-body.isL .WinningTip__C-body-l2, .WinningTip__C-body.isL .WinningTip__C-body-l3, .WinningTip__C-body.isL .WinningTip__C-body-l4 { color: #587ba4 } .WinningTip__C-body.isL .WinningTip__C-body-l2 .line2>div { background: #6889B1 } .WinningTip__C-body-l1 { font-weight: 700; font-size: .64rem; text-align: center; color: #fff; height: .77333rem; line-height: .77333rem; margin-bottom: .45333rem } .WinningTip__C-body-l2 { height: 1.33333rem; color: #fff; font-size: .29333rem; margin-bottom: .64rem } .WinningTip__C-body-l2 .line1 { height: .53333rem; width: 2.50667rem; margin: auto; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .WinningTip__C-body-l2 .line1>div { width: .53333rem; height: .53333rem; background-repeat: no-repeat; background-size: .53333rem; background-position: center } .WinningTip__C-body-l2 .line1 .n1 { background-image: url(/assets/png/n1-4d914772.png) } .WinningTip__C-body-l2 .line1 .n2 { background-image: url(/assets/png/n2-a7189ae3.png) } .WinningTip__C-body-l2 .line1 .n3 { background-image: url(/assets/png/n3-162f6063.png) } .WinningTip__C-body-l2 .line1 .n4 { background-image: url(/assets/png/n4-ae5fe4f6.png) } .WinningTip__C-body-l2 .line1 .n5 { background-image: url(/assets/png/n5-562557ff.png) } .WinningTip__C-body-l2 .line1 .n6 { background-image: url(/assets/png/n6-4fb0d7da.png) } .WinningTip__C-body-l2 .line2 { height: .58667rem; width: 3.57333rem; margin: .16rem auto 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .WinningTip__C-body-l2 .line2>div { height: .58667rem; line-height: .58667rem; background: #FDAC32; border-radius: .13333rem; width: 1.33333rem; text-align: center; color: #fff } .WinningTip__C-body-l2 .line2>div.yuan { width: .53333rem; height: .53333rem; line-height: .53333rem; margin: 0 .18667rem; border-radius: 50% } .WinningTip__C-body-l3 { height: 1.73333rem } .WinningTip__C-body-l3 .isLose { font-weight: 700; font-size: .64rem; line-height: .77333rem; color: var(--text_color_L2); text-align: center; margin-bottom: .34667rem; padding-top: .26667rem } .WinningTip__C-body-l3 .head { height: .4rem; line-height: .4rem; font-weight: 700; font-size: .34667rem; color: #fb5b5b; text-align: center; margin-bottom: .10667rem } .WinningTip__C-body-l3 .bonus { height: .64rem; line-height: .64rem; font-weight: 700; font-size: .53333rem; color: #fb5b5b; text-align: center; margin-bottom: .26667rem } .WinningTip__C-body-l3 .gameDetail { height: .37333rem; line-height: .37333rem; font-size: .29333rem; text-align: center; color: var(--text_color_L2) } .WinningTip__C-body-l4 { height: .64rem; line-height: .64rem; font-size: .32rem; color: #fff; position: absolute; left: .74667rem; bottom: .74667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } html:lang(ar) .WinningTip__C-body-l4 { right: .74667rem; left: unset } .WinningTip__C-body-l4 .acitveBtn { height: .56rem; width: .56rem; border-radius: 50%; background: var(--winTips); border: .01333rem solid #fff; margin-right: .18667rem; position: relative } .WinningTip__C-body-l4 .acitveBtn.active:before { content: ""; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translate(-50%) translateY(-50%); height: .24rem; width: .32rem; display: block; background-image: url(/assets/png/vector-dc489162.png); background-repeat: no-repeat; background-size: .32rem .24rem; background-position: center } .WinningTip__C .closeBtn { width: .8rem; height: .8rem; background-image: url(/assets/png/close-84ce5e6a.png); background-repeat: no-repeat; background-size: .8rem; background-position: center; position: absolute; left: 50%; -webkit-transform: translateX(-50%) translateY(100%); transform: translate(-50%) translateY(100%); bottom: -.26667rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .K3__C { padding-bottom: .34667rem } .K3__C-head { height: 1.25333rem; background: -webkit-linear-gradient(left, #de2325 0%, #ff504a 100%); background: linear-gradient(90deg, #de2325 0%, #ff504a 100%); padding: 0 .34667rem; position: relative } .K3__C-head div { background-repeat: no-repeat; background-position: center } .K3__C-head-bcak { position: absolute; width: .64rem; height: .64rem; background-image: url(/assets/png/bcakIcon-b7c1d288.png); background-size: .64rem; left: .34667rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .K3__C-head-logo { background: url(/assets/png/headlogo-56515a97.png); background-size: 2.98667rem 1.12rem; height: 1.12rem; width: 2.98667rem; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translate(-50%) translateY(-50%) } .K3__C-head-more { position: absolute; width: 1.54667rem; height: .64rem; right: .34667rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .K3__C-head-more>div { width: .64rem; height: .64rem; background-image: url(/assets/png/kefu-b361c42f.png); background-size: .64rem } .K3__C-head-more>div:last-child { background-image: url(/assets/png/voice-62dbf38c.png) } .K3__C-head-more>div:last-child.disableVoice { background-image: url(/assets/png/voice-off-633f5ccc.png) } .K3__C .noticeBar__container { width: calc(100% - .69333rem) !important; margin: .45333rem auto; position: relative; z-index: 1; top: 0 } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .TimeLeft__C { padding: .26667rem .32rem } .TimeLeft__C .box { width: 100%; height: 3.6rem; background: var(--darkBg, var(--bg_color_L2)); border-radius: .16rem; padding: .26667rem .18667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .TimeLeft__C .box .tit { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column } .TimeLeft__C .box .tit .citycon { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row } .TimeLeft__C .box .tit .citycon .citybg { width: .08rem; height: .4rem; border-radius: .26667rem; background: var(--main-color); margin-top: .05333rem; margin-right: .18667rem } .TimeLeft__C .box .tit .citycon .font30 { font-size: .4rem; color: var(--darkTextW, var(--main-color)); font-weight: 700 } .TimeLeft__C .box .tit .playmethod { width: 4.13333rem; height: .53333rem; border-radius: .13333rem; background: var(--bgDark-2, var(--bg_color_L3)); font-size: .34667rem; color: var(--text_color_L2); margin-top: .10667rem; padding-left: .21333rem; overflow: hidden } .TimeLeft__C .box .tit .odds { width: 4.13333rem; height: .53333rem; line-height: .53333rem; background: var(--bgDark-2, var(--bg_color_L3)); border-radius: .13333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin-top: .16rem; margin-bottom: .13333rem; padding: 0 .21333rem; font-size: .32rem; color: var(--text_color_L2) } .TimeLeft__C .box .tit .color8 { width: 4.13333rem; height: .53333rem; border-radius: .13333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; margin-top: .16rem; margin-bottom: .13333rem; padding-left: .21333rem; font-size: .32rem } .TimeLeft__C .box .tit .bettingcut { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; width: 4.13333rem; height: 1.17333rem; background: var(--bgDark-2, var(--bg_color_L3)); border-radius: .13333rem; padding-left: .26667rem; margin-top: .13333rem } .TimeLeft__C .box .tit .bettingcut .font22 { font-size: .29333rem; color: var(--text_color_L2); font-weight: 400; padding-top: .2rem } .TimeLeft__C .box .tit .bettingcut .font28 { font-size: .37333rem; color: var(--text_color_L2) } .TimeLeft__C .box .info { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .TimeLeft__C .box .info .playillustrate { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; width: 3.2rem; height: .66667rem; border-radius: .53333rem; border: .01333rem solid var(--main-color); margin-left: 1.33333rem } .TimeLeft__C .box .info .playillustrate .illustratebg { width: .56rem; height: .56rem; background: url(/assets/png/warning2-aec7aab2.png); background-position: center; background-repeat: no-repeat; background-size: contain; margin-left: .64rem; margin-top: .02667rem } .TimeLeft__C .box .info .playillustrate .font24 { line-height: .66667rem; font-size: .32rem; color: var(--main-color) } .TimeLeft__C .box .info .issue { margin-top: .21333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end } .TimeLeft__C .box .info .issue .issuebg { width: .56rem; height: .56rem; background-image: url(/assets/png/ticketstar-d8019820.png); background-repeat: no-repeat; background-size: contain; background-position: center } .TimeLeft__C .box .info .issue .font26 { font-size: .34667rem; color: var(--text_color_L2); font-weight: 400; margin-top: .08rem; margin-left: .05333rem } .TimeLeft__C .box .info .closure { margin-top: .17333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column } .TimeLeft__C .box .info .closure .closuretime { font-size: .37333rem; color: var(--text_color_L2); text-align: right; margin-bottom: .16rem } .TimeLeft__C .box .info .closure .closurtimes { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end } .TimeLeft__C .box .info .closure .closurtimes .red { color: var(--main-color); font-size: .53333rem; margin-right: .05333rem } .TimeLeft__C .box .info .closure .closurtimes .redsqure { width: .53333rem; height: .66667rem; line-height: .66667rem; text-align: center; background: var(--main-color); color: #fff; font-size: .48rem; font-weight: 700; margin-right: .05333rem; position: relative } .TimeLeft__C .box .info .closure .closurtimes .redsqure:last-of-type:before { content: ""; width: 0; height: 0; position: absolute; right: 0; bottom: 0; border: .06667rem solid var(--darkBg, var(--bg_color_L2)); border-top-color: transparent; border-left-color: transparent } .TimeLeft__C .box .info .closure .closurtimes .redsqure:first-of-type:before { content: ""; width: 0; height: 0; position: absolute; left: 0; top: 0; border: .06667rem solid var(--darkBg, var(--bg_color_L2)); border-bottom-color: transparent; border-right-color: transparent } html:lang(ar) .TimeLeft__C .box .info .closure .closurtimes .redsqure:first-of-type:before { left: unset; right: 0 } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .TimeLeft__C { padding: .26667rem .32rem } .TimeLeft__C .box { width: 100%; min-height: 3.6rem; background: var(--darkBg, var(--bg_color_L2)); border-radius: .16rem; padding: .26667rem .18667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .TimeLeft__C .box .tit { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .TimeLeft__C .box .tit .citycon { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row } .TimeLeft__C .box .tit .citycon .citybg { width: .08rem; height: .4rem; border-radius: .26667rem; background: var(--main-color); margin-top: .05333rem; margin-right: .18667rem } .TimeLeft__C .box .tit .citycon .font30 { font-size: .4rem; color: var(--darkTextW, var(--main-color)); font-weight: 700 } .TimeLeft__C .box .tit .playmethod { width: 4.13333rem; min-height: .53333rem; border-radius: .13333rem; background: var(--bgDark-2, var(--bg_color_L3)); font-size: .34667rem; color: var(--text_color_L2); margin-top: .10667rem; padding: 0 .21333rem; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .TimeLeft__C .box .tit .odds { width: 4.13333rem; line-height: .53333rem; background: var(--bgDark-2, var(--bg_color_L3)); border-radius: .13333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin-top: .16rem; padding: .13333rem .21333rem; font-size: .32rem; color: var(--text_color_L2) } .TimeLeft__C .box .tit .odds .result { display: -webkit-box; display: -webkit-flex; display: flex; gap: .06667rem } .TimeLeft__C .box .tit .odds .result span { width: .53333rem; height: .53333rem; background: var(--main-color); border-radius: 50%; color: #fff; text-align: center } .TimeLeft__C .box .tit .color8 { width: 4.13333rem; height: .53333rem; border-radius: .13333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; margin-top: .16rem; margin-bottom: .13333rem; padding-left: .21333rem; font-size: .32rem } .TimeLeft__C .box .tit .bettingcut { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; width: 4.13333rem; height: 1.17333rem; background: var(--bg_color_L3); border-radius: .13333rem; padding-left: .26667rem; margin-top: .13333rem } .TimeLeft__C .box .tit .bettingcut .font22 { font-size: .29333rem; color: var(--text_color_L2); font-weight: 400; padding-top: .2rem } .TimeLeft__C .box .tit .bettingcut .font28 { font-size: .37333rem; color: var(--text_color_L2) } .TimeLeft__C .box .info { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .TimeLeft__C .box .info .playillustrate { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; width: 3.2rem; height: .66667rem; border-radius: .53333rem; border: .01333rem solid var(--main-color); margin-left: 1.33333rem } .TimeLeft__C .box .info .playillustrate .illustratebg { width: .56rem; height: .56rem; background: url(/assets/png/warning2-aec7aab2.png); background-position: center; background-repeat: no-repeat; background-size: contain; margin-left: .64rem; margin-top: .02667rem } .TimeLeft__C .box .info .playillustrate .font24 { line-height: .66667rem; font-size: .32rem; color: var(--main-color) } .TimeLeft__C .box .info .issue { margin-top: .21333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end } .TimeLeft__C .box .info .issue .issuebg { width: .56rem; height: .56rem; background-image: url(/assets/png/ticketstar-d8019820.png); background-repeat: no-repeat; background-size: contain; background-position: center } .TimeLeft__C .box .info .issue .font26 { font-size: .34667rem; color: var(--text_color_L2); font-weight: 400; margin-top: .08rem; margin-left: .05333rem } .TimeLeft__C .box .info .closure { margin-top: .17333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column } .TimeLeft__C .box .info .closure .closuretime { font-size: .37333rem; color: var(--text_color_L2); text-align: right; margin-bottom: .16rem } .TimeLeft__C .box .info .closure .closurtimes { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end } .TimeLeft__C .box .info .closure .closurtimes .red { color: var(--main-color); font-size: .53333rem; margin-right: .05333rem } .TimeLeft__C .box .info .closure .closurtimes .redsqure { width: .53333rem; height: .66667rem; line-height: .66667rem; text-align: center; background: var(--main-color); color: #fff; font-size: .48rem; font-weight: 700; margin-right: .05333rem; position: relative } .TimeLeft__C .box .info .closure .closurtimes .redsqure:last-of-type:before { content: ""; width: 0; height: 0; position: absolute; right: 0; bottom: 0; border: .06667rem solid var(--darkBg, var(--bg_color_L2)); border-top-color: transparent; border-left-color: transparent } .TimeLeft__C .box .info .closure .closurtimes .redsqure:first-of-type:before { content: ""; width: 0; height: 0; position: absolute; left: 0; top: 0; border: .06667rem solid var(--darkBg, var(--bg_color_L2)); border-bottom-color: transparent; border-right-color: transparent } html:lang(ar) .TimeLeft__C .box .info .closure .closurtimes .redsqure:first-of-type:before { left: unset; right: 0 } .TimeLeft__C .box .info .closure.isShowPreparing { background: var(--bgDark-2, var(--bg_color_L3)); border-radius: .13333rem; min-height: 1.45333rem; color: var(--darkTextW, var(--main-color)); font-size: .37333rem; font-weight: 700; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .ColorsContainer { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; padding: .26667rem .32rem } .ColorsContainer .ColorsMethod { height: .93333rem; margin-bottom: .06667rem; background-color: transparent } .ColorsContainer .ColorsMethod .coloritem { width: 3.2rem; height: .93333rem; line-height: .93333rem; text-align: center; background-image: url(/assets/svg/play-54b6528e.svg); background-repeat: no-repeat; background-position: center; background-size: cover; font-weight: 400; color: var(--text_color_L2); font-size: .34667rem; -webkit-box-flex: 0; -webkit-flex: none; flex: none } .ColorsContainer .ColorsMethod .active { background-image: url(/assets/svg/playactive-e3764c09.svg); background-repeat: no-repeat; background-position: center; background-size: cover; color: #fff; font-weight: 700 } .ColorsContainer .PlayMethod { height: .93333rem; border-radius: .13333rem; background-color: #fff } .ColorsContainer .PlayMethod .playitem { width: 4.26667rem; height: .93333rem; line-height: .93333rem; text-align: center; font-size: .34667rem; font-weight: 400; color: var(--text_color_L2); -webkit-box-flex: 0; -webkit-flex: none; flex: none } .ColorsContainer .PlayMethod .active { background: var(--linerGradien-94, linear-gradient(125deg, #FF8E89 12.38%, #FFC3A2 87.13%)); border-radius: .13333rem; color: #fff; font-weight: 700 } .ColorsContainer .fun-tab-item { padding: 0 } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .NumberSelectContainer { padding: .26667rem .32rem; position: relative } .NumberSelectContainer-mark { width: 100%; height: 100%; background: var(--bgcolor-32); position: absolute; z-index: 99; top: 0; left: 0; color: #fff; border-radius: .26667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center } html:lang(ar) .NumberSelectContainer-mark { right: .01333rem; left: unset; direction: ltr } .NumberSelectContainer-mark>div { min-width: 5.86667rem; height: 1.33333rem; line-height: 1.33333rem; display: inline-block; text-align: center; border-radius: .26667rem; padding: 0 .26667rem; border: .01333rem solid var(--textBlueLight, var(--bg_color_L2)); font-size: .42667rem; color: var(--textBlueLight, var(--bg_color_L2)); font-weight: 700 } .NumberSelectContainer .NumberTab { margin-bottom: .26667rem; border-radius: .13333rem } .NumberSelectContainer .NumberTab .tabitem { width: 3.73333rem; height: 1.17333rem; line-height: 1.17333rem; text-align: center; background: var(--darkBg, var(--bg_color_L2)); font-size: .4rem; color: var(--text_color_L2); -webkit-box-flex: 0; -webkit-flex: none; flex: none } .NumberSelectContainer .NumberTab .fun-tab-item { padding: 0 } .NumberSelectContainer .NumberTab .active { background: var(--linerGradien-94, var(--main_gradient-color2)); color: #fff; border-radius: .13333rem } .NumberSelectContainer .NumberTabContent { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column } .NumberSelectContainer .NumberTabContent .intervalcontainer { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: .26667rem } .NumberSelectContainer .NumberTabContent .intervalcontainer .intervalitem { width: 1.73333rem; height: .93333rem; line-height: .93333rem; background: var(--bg_color_L2); border-radius: .26667rem; font-size: .34667rem; color: var(--text_color_L2); text-align: center; margin-right: .13333rem; margin-bottom: .13333rem } .NumberSelectContainer .NumberTabContent .intervalcontainer .active { font-weight: 700; color: #fff; background: var(--main_gradient-color2) } .NumberSelectContainer .NumberTabContent .selectcontainer { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; width: 9.36rem; height: 5.18667rem; background: var(--darkBg, var(--bg_color_L2)); margin-bottom: .26667rem } .NumberSelectContainer .NumberTabContent .selectcontainer:last-child { margin-bottom: 0 } .NumberSelectContainer .NumberTabContent .selectbutton { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding: .26667rem .21333rem } .NumberSelectContainer .NumberTabContent .selectbutton .basicbutton, .NumberSelectContainer .NumberTabContent .selectbutton .selecteven, .NumberSelectContainer .NumberTabContent .selectbutton .selectodd, .NumberSelectContainer .NumberTabContent .selectbutton .selectsmall, .NumberSelectContainer .NumberTabContent .selectbutton .selectbig, .NumberSelectContainer .NumberTabContent .selectbutton .selectall { width: 1.68rem; height: .93333rem; font-size: .32rem; color: #fff; line-height: .93333rem; text-align: center } .NumberSelectContainer .NumberTabContent .selectbutton .selectall { background: var(--norm_red-color); border-top-right-radius: .26667rem; border-bottom-left-radius: .26667rem } .NumberSelectContainer .NumberTabContent .selectbutton .selectbig { background: var(--norm_secondary-color); border-radius: .26667rem } .NumberSelectContainer .NumberTabContent .selectbutton .selectsmall { background: var(--norm_bule-color); border-radius: .26667rem } .NumberSelectContainer .NumberTabContent .selectbutton .selectodd { background: var(--norm_Purple-color); border-radius: .26667rem } .NumberSelectContainer .NumberTabContent .selectbutton .selecteven { background: var(--norm_red-color); border-top-right-radius: .26667rem; border-bottom-left-radius: .26667rem } .NumberSelectContainer .NumberTabContent .selectcontent { width: 8.93333rem; height: 3.46667rem; background: var(--bgDark-3, var(--bg_color_L3)); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; margin: 0 .21333rem } .NumberSelectContainer .NumberTabContent .selectheader { font-size: .42667rem; color: var(--text_color_L2); padding: .26667rem } .NumberSelectContainer .NumberTabContent .selectball { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap } .NumberSelectContainer .NumberTabContent .ball { width: .93333rem; height: .93333rem; font-size: .42667rem; line-height: .93333rem; text-align: center; font-weight: 700; color: var(--text_color_L2); background: url(/assets/svg/nbg-dba06970.svg) no-repeat center center; background-size: cover; margin-bottom: .26667rem } .NumberSelectContainer .NumberTabContent .ball.action { color: var(--main-color); background: url(/assets/svg/anbg-dde5866e.svg) no-repeat center center; background-size: cover } .NumberSelectContainer .NumberTabContent .ball:nth-child(1), .NumberSelectContainer .NumberTabContent .ball:nth-child(6) { margin-left: .66667rem } .NumberSelectContainer .NumberTabContent .quickcontainer { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column } .NumberSelectContainer .NumberTabContent .quickcontainer .redline { width: .08rem; height: .4rem; background: var(--main-color); margin-top: .05333rem; margin-right: .26667rem } .NumberSelectContainer .NumberTabContent .quickcontainer .randomcontainer { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column } .NumberSelectContainer .NumberTabContent .quickcontainer .randomcontainer .randomheader { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; margin-bottom: .26667rem } .NumberSelectContainer .NumberTabContent .quickcontainer .randomcontainer .randomheader .font30 { font-size: .4rem; font-weight: 700; color: var(--darkTextW, var(--text_color_L1)) } .NumberSelectContainer .NumberTabContent .quickcontainer .randomcontainer .randombutton { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin-bottom: .26667rem } .NumberSelectContainer .NumberTabContent .quickcontainer .randomcontainer .randombutton>div { width: 1.73333rem; height: .93333rem; line-height: .93333rem; background: var(--darkBg, var(--bg_color_L2)); font-size: .34667rem; color: var(--text_color_L2); text-align: center; border-radius: .26667rem } .NumberSelectContainer .NumberTabContent .quickcontainer .randomcontainer .randombutton .active { background: var(--main_gradient-color2); color: #fff } .NumberSelectContainer .NumberTabContent .quickcontainer .specialcontainer { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column } .NumberSelectContainer .NumberTabContent .quickcontainer .specialcontainer .specialheader { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; margin-bottom: .26667rem } .NumberSelectContainer .NumberTabContent .quickcontainer .specialcontainer .specialheader .font30 { font-size: .4rem; color: var(--darkTextW, var(--text_color_L1)); font-weight: 700 } .NumberSelectContainer .NumberTabContent .quickcontainer .specialcontainer .specialbutton { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .NumberSelectContainer .NumberTabContent .quickcontainer .specialcontainer .specialbutton .basic, .NumberSelectContainer .NumberTabContent .quickcontainer .specialcontainer .specialbutton .specialeven, .NumberSelectContainer .NumberTabContent .quickcontainer .specialcontainer .specialbutton .specialodd, .NumberSelectContainer .NumberTabContent .quickcontainer .specialcontainer .specialbutton .specialsmall, .NumberSelectContainer .NumberTabContent .quickcontainer .specialcontainer .specialbutton .specialbig, .NumberSelectContainer .NumberTabContent .quickcontainer .specialcontainer .specialbutton .specialsame { width: 1.73333rem; height: .93333rem; line-height: .93333rem; font-size: .32rem; color: #fff; text-align: center } .NumberSelectContainer .NumberTabContent .quickcontainer .specialcontainer .specialbutton .specialsame { background: var(--main_gradient-color2); border-radius: .26667rem } .NumberSelectContainer .NumberTabContent .quickcontainer .specialcontainer .specialbutton .specialbig { background: var(--norm_secondary-color); border-radius: .26667rem } .NumberSelectContainer .NumberTabContent .quickcontainer .specialcontainer .specialbutton .specialsmall { background: var(--norm_bule-color); border-radius: .26667rem } .NumberSelectContainer .NumberTabContent .quickcontainer .specialcontainer .specialbutton .specialodd { background: var(--norm_Purple-color); border-radius: .26667rem } .NumberSelectContainer .NumberTabContent .quickcontainer .specialcontainer .specialbutton .specialeven { background: var(--norm_red-color); border-top-right-radius: .26667rem; border-bottom-left-radius: .26667rem } .NumberSelectContainer .NumberTabContent .numbercontainer { display: -webkit-box; display: -webkit-flex; display: flex; background: var(--darkBg, var(--bg_color_L2)); border-radius: .32rem; padding: .26667rem; margin-top: .4rem } .NumberSelectContainer .NumberTabContent .numbercontainer .Ntit { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; line-height: .74667rem; font-size: .42667rem; color: var(--text_color_L3); font-weight: 400 } .NumberSelectContainer .NumberTabContent .numbercontainer .list { width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap } .NumberSelectContainer .NumberTabContent .numbercontainer .list .item { width: 20%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .NumberSelectContainer .NumberTabContent .numbercontainer .list .item .number { width: 1.06667rem; height: 1.06667rem; line-height: 1.06667rem; text-align: center; font-size: .42667rem; font-weight: 700; color: var(--text_color_L2); background: url(/assets/svg/nbg-dba06970.svg) no-repeat center center; background-size: cover } .NumberSelectContainer .NumberTabContent .numbercontainer .list .item .number.action { color: var(--main-color); background: url(/assets/svg/anbg-dde5866e.svg) no-repeat center center; background-size: cover } ::-webkit-scrollbar { height: .06667rem } ::-webkit-scrollbar-thumb { border-radius: .06667rem; background: var(--borderColor-5) } ::-webkit-scrollbar-track { border-radius: .06667rem } ::-webkit-scrollbar { position: absolute; bottom: .13333rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .TasteContainer { margin: .26667rem .32rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; width: 9.36rem; height: 11.08rem; background: var(--bg_color_L2); border-radius: .26667rem } .TasteContainer .TasteHeader { height: .8rem; background: var(--boxShadowColor-46); font-size: .37333rem; color: #fff; border-top-left-radius: .26667rem; border-top-right-radius: .26667rem; line-height: .8rem; text-align: center } .TasteContainer .NumberSelect { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column } .TasteContainer .NumberSelect .NumberSelectCon { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding: .26667rem .26667rem 0 } .TasteContainer .NumberSelect .NumberSelectCon .NumberCon { width: calc((100% - .4rem)/4); height: 1.46667rem; background: var(--bg_color_L3); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; border-radius: .26667rem; margin-bottom: .16rem; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; margin-right: .06667rem } .TasteContainer .NumberSelect .NumberSelectCon .NumberCon.more { width: calc((100% - .26667rem)/2) } .TasteContainer .NumberSelect .NumberSelectCon .action { background: -webkit-linear-gradient(325deg, #FF8E89 12.38%, #FFC3A2 87.13%); background: linear-gradient(125deg, #FF8E89 12.38%, #FFC3A2 87.13%); box-shadow: var(--boxShadowColor-46) } .TasteContainer .NumberSelect .NumberSelectCon .active { color: #fff !important } .TasteContainer .NumberSelect .NumberSelectCon .number { font-size: .48rem; color: var(--text_color_L2); font-weight: 700 } .TasteContainer .NumberSelect .NumberSelectCon .odds { font-size: .32rem; color: var(--text_color_L2) } .TasteContainer .NumberSelect .MethodSelect { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding: 0 .26667rem } .TasteContainer .NumberSelect .MethodSelect .methodnumber { font-size: .37333rem; color: #fff; font-weight: 700 } .TasteContainer .NumberSelect .MethodSelect .methododds { font-size: .32rem; color: #fff } .TasteContainer .NumberSelect .MethodSelect .methodbig { width: 2.13333rem; height: 1.46667rem; background: var(--norm_secondary-color); box-shadow: var(--BoxShadowColor-5); border-top-right-radius: .26667rem; border-bottom-left-radius: .26667rem; text-align: center; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .TasteContainer .NumberSelect .MethodSelect .methodsmall { width: 2.13333rem; height: 1.46667rem; background: var(--norm_bule-color); box-shadow: var(--BoxShadowColor-5); border-radius: .26667rem; text-align: center; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .TasteContainer .NumberSelect .MethodSelect .methododd { width: 2.13333rem; height: 1.46667rem; background: var(--norm_Purple-color); border-radius: .26667rem; text-align: center; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .TasteContainer .NumberSelect .MethodSelect .methodeven { width: 2.13333rem; height: 1.46667rem; background: var(--norm_red-color); box-shadow: var(--BoxShadowColor-5); border-top-right-radius: .26667rem; border-bottom-left-radius: .26667rem; text-align: center; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .NewVietnam__C { padding-bottom: .34667rem; overflow-y: auto; background-color: var(--bgDark-4, var(--bg_color_L1)) } .NewVietnam__C-head { height: 1.25333rem; background: var(--main_gradient-color); padding: 0 .34667rem; position: relative } .NewVietnam__C-head div { background-repeat: no-repeat; background-position: center } .NewVietnam__C-head-bcak { position: absolute; width: .64rem; height: .64rem; background-image: url(/assets/png/bcakIcon-b7c1d288.png); background-size: .64rem; left: .34667rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } html:lang(ar) .NewVietnam__C-head-bcak { left: unset; right: .34667rem } .NewVietnam__C-head-logo { background-size: 2.98667rem 1.12rem; height: 1.12rem; width: 2.98667rem; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translate(-50%) translateY(-50%) } .NewVietnam__C-head-more { position: absolute; width: 1.54667rem; height: .64rem; right: .34667rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } html:lang(ar) .NewVietnam__C-head-more { right: unset; left: .34667rem } .NewVietnam__C-head-more>div { width: .64rem; height: .64rem; background-image: url(/assets/png/kefu-b361c42f.png); background-size: .64rem } .NewVietnam__C-head-more>div:last-child { background-image: url(/assets/png/voice-62dbf38c.png) } .NewVietnam__C-head-more>div:last-child.disableVoice { background-image: url(/assets/png/voice-off-633f5ccc.png) } .NewVietnam__C .driver-close-btn, .NewVietnam__C .driver-prev-btn { display: none } .popup { overflow-y: visible !important; border-radius: .13333rem .13333rem 0 0; width: 100% } .popup .van-popup { overflow-y: visible !important; border-radius: .26667rem .26667rem 0 0 } .popup .box { position: relative } .popup .box .close { position: absolute; top: -1.06667rem; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%) } .popup .box .close .img { width: .8rem; height: .8rem } .popup .box .title { font-size: .42667rem; color: var(--text_color_L1) } .popup .box .numList { max-height: 5.33333rem; overflow-x: auto } .popup .box .numList .item { width: 1.06667rem; height: 1.06667rem; font-size: .42667rem; font-weight: 600; color: #f95959; background: url(/assets/svg/anbg-dde5866e.svg) no-repeat center center; background-size: cover; margin: 0 .13333rem } .popup-info-item { height: .8rem; line-height: .8rem; margin-top: .26667rem } .popup-info-item .tit { font-size: .37333rem; color: var(--text_color_L2) } .popup-info-item .amount-box .li, .popup-info-item .multiple-box .li { text-align: center; font-size: .32rem; padding: 0 .13333rem; height: .8rem; line-height: .8rem; min-width: 1.33333rem; margin-left: .13333rem; border: .01333rem solid var(--gray-color-1); border-radius: .13333rem; color: #f95959 } .popup-info-item .amount-box .li.action, .popup-info-item .multiple-box .li.action { border: none; color: #fff; background: var(--main_gradient-color) } .popup-info-item .multiple-box .li { padding: 0 .26667rem; min-width: auto } .popup-info-item .stepper-box .digit-box { width: 2.66667rem; height: .8rem; border-radius: .8rem; padding: 0; margin: 0 .13333rem; background-color: var(--walletBgColor-1) } .popup-info-item .stepper-box .digit-box .van-field__control { height: .74667rem; text-align: center } .popup-info-item .stepper-box .li { height: .8rem; width: .8rem; font-size: .8rem; border-radius: 50%; background-color: var(--main-color); color: #fff } .popup-info-item .stepper-box .li.minus { text-align: center; line-height: .66667rem } .popup-info-item .txt { color: #f95959 } .popup-info .quantity { margin-top: .26667rem; padding: 0 .21333rem; height: 1.17333rem; background-color: var(--bgDark-2, var(--homeActiveBgColor)); border-radius: .13333rem; font-size: .32rem; color: var(--text_color_L2) } .popup-info .quantity .line { padding: 0 .13333rem; color: var(--text_color_L2) } .popup-info .quantity .num { color: #f95959; font-size: .4rem } .popup-info .wallet, .popup-info .balance { padding: 0 .21333rem; margin-top: .26667rem; height: .8rem; background-color: var(--bgDark-2, var(--homeActiveBgColor)) } .popup-info .wallet .txt, .popup-info .balance .txt { font-size: .32rem; color: var(--text_color_L2) } .popup-info .wallet .txt img, .popup-info .balance .txt img { width: .4rem; height: .4rem; margin-right: .13333rem } .popup-info .wallet .txt .num, .popup-info .balance .txt .num { font-size: .37333rem; color: var(--text_color_L1); padding-left: .26667rem } .popup-info .wallet .txt .num.yellow, .popup-info .balance .txt .num.yellow { color: var(--norm_secondary-color) } .popup-info .wallet .bg333, .popup-info .balance .bg333 { font-size: .32rem; color: var(--text_color_L1) } .popup-info .wallet .bg7172, .popup-info .balance .bg7172 { font-size: .32rem; color: var(--main-color) } .popup-info .wallet .bet, .popup-info .balance .bet { border: .01333rem solid #F95959; border-radius: .13333rem; height: .64rem; line-height: .64rem; color: #f95959; padding: 0 .26667rem } .popup-btn { height: 1.6rem } .popup-btn .left { width: 45% } .popup-btn .left .btn { height: 1.6rem; font-size: .42667rem; border-radius: 0; color: var(--text_color_L2); background-color: #f95959 } .popup-btn .right { width: 55% } .popup-btn .right .btn { height: 1.6rem; font-size: .42667rem; border-radius: 0; color: #fff; background-color: #f95959 } .popup-btn .right .noActive { background-color: #f95959; color: var(--text_color_L2) } .PreSaleRule { width: 7.04rem } .PreSaleRule .head { height: 1.2rem; line-height: 1.2rem; color: #fff; font-size: .4rem; text-align: center; background-size: cover; background-repeat: no-repeat; background-position: left center; background-image: url(/assets/png/wingoPreSaleBg-1a69469d.png) } .PreSaleRule .body { max-height: 8rem; overflow-y: auto; padding: .4rem; font-size: .32rem; line-height: .8rem } .PreSaleRule .body p { margin-bottom: .2rem; line-height: .53333rem } .PreSaleRule .foot { height: 1.86667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .PreSaleRule .foot .btn { width: 60%; background: var(--main_gradient-color); border-radius: .53333rem; height: .93333rem; line-height: .93333rem; text-align: center; font-size: .37333rem; color: #fff } .Tips { width: 8rem; height: 2.13333rem; line-height: 2.13333rem; background: var(--bg_color_L2); border: .01333rem solid var(--borderColor-5); border-radius: .26667rem; display: -webkit-box; display: -webkit-flex; display: flex } .Tips>div { display: -webkit-box; display: -webkit-flex; display: flex; overflow-y: hidden } .Tips>div img { width: 1.17333rem; height: 1.17333rem; margin-top: .45333rem } .Tips>div .font36 { color: var(--text_color_L1); font-weight: 700; font-size: .48rem; margin-left: .32rem } .GameList__C-region { height: 1.2rem; line-height: 1.2rem; overflow: hidden; padding: 0 .26667rem; margin: .26667rem 0 } .GameList__C-region .item { width: calc(33.3% - .53333rem); position: relative; text-align: center; font-size: .48rem; -webkit-transition: .4s; transition: .4s } .GameList__C-region .item:nth-child(1) { background: var(--bg_color_L2); border-radius: .13333rem 0 0 .13333rem } .GameList__C-region .item:nth-child(1):after { position: absolute; top: 0; right: -.66667rem; content: ""; width: 0; height: 0; border-bottom: 1.2rem solid #fff; border-right: .66667rem solid transparent; -webkit-transition: .4s; transition: .4s } .GameList__C-region .item:nth-child(2) { background: var(--bg_color_L2) } .GameList__C-region .item:nth-child(2):after { position: absolute; top: 0; right: -.66667rem; content: ""; width: 0; height: 0; border-top: 1.2rem solid #fff; border-right: .66667rem solid transparent; -webkit-transition: .4s; transition: .4s } html:lang(ar) .GameList__C-region .item:nth-child(2):after { left: -.66667rem; right: unset } .GameList__C-region .item:nth-child(2):before { position: absolute; top: 0; left: -.66667rem; content: ""; width: 0; height: 0; border-top: 1.2rem solid #fff; border-left: .66667rem solid transparent; -webkit-transition: .4s; transition: .4s } html:lang(ar) .GameList__C-region .item:nth-child(2):before { right: -.66667rem; left: unset } .GameList__C-region .item:nth-child(3) { background: var(--bg_color_L2); border-radius: 0 .13333rem .13333rem 0 } .GameList__C-region .item:nth-child(3):before { position: absolute; top: 0; left: -.66667rem; content: ""; width: 0; height: 0; border-bottom: 1.2rem solid #fff; border-left: .66667rem solid transparent; -webkit-transition: .4s; transition: .4s } html:lang(ar) .GameList__C-region .item:nth-child(3):before { right: -.66667rem; left: unset } .GameList__C-region .item.action { color: #fff } .GameList__C-region .item.action:nth-child(1) { background: -webkit-linear-gradient(325deg, #FF8E89 12.38%, #FFC3A2 87.13%); background: linear-gradient(125deg, #FF8E89 12.38%, #FFC3A2 87.13%) } .GameList__C-region .item.action:nth-child(1):after { border-bottom: 1.2rem solid var(--borderColor-5) } .GameList__C-region .item.action:nth-child(2) { background: -webkit-linear-gradient(325deg, #FF8E89 12.38%, #FFC3A2 87.13%); background: linear-gradient(125deg, #FF8E89 12.38%, #FFC3A2 87.13%) } .GameList__C-region .item.action:nth-child(2):after { border-top: 1.2rem solid var(--borderColor-5) } .GameList__C-region .item.action:nth-child(2):before { border-top: 1.2rem solid #F95959 } .GameList__C-region .item.action:nth-child(3) { background: -webkit-linear-gradient(325deg, #FF8E89 12.38%, #FFC3A2 87.13%); background: linear-gradient(125deg, #FF8E89 12.38%, #FFC3A2 87.13%) } .GameList__C-region .item.action:nth-child(3):before { border-bottom: 1.2rem solid #F95959 } .GameList__C-time { padding-left: .2rem; overflow-y: auto; height: 1.06667rem; display: -webkit-box; display: -webkit-flex; display: flex } .GameList__C-time .item { position: relative; white-space: nowrap; background-color: #fff; margin: 0 .10667rem; padding: .04rem .16rem 0; text-align: center; border-radius: .13333rem .13333rem 0 0 } .GameList__C-time .item .week { font-size: .16rem; color: var(--text_color_L1) } .GameList__C-time .item .time { font-size: .16rem; color: var(--text_color_L2) } .GameList__C-time .item:after, .GameList__C-time .item:before { content: ""; width: .4rem; height: .4rem; position: absolute; bottom: 0; z-index: 9 } .GameList__C-time .item:after { background: -webkit-radial-gradient(100% 0, circle, rgba(204, 0, 0, 0) .4rem, #ffffff .41333rem); background: radial-gradient(circle at 100% 0, rgba(204, 0, 0, 0) .4rem, #ffffff .41333rem); right: -.4rem } html:lang(ar) .GameList__C-time .item:after { left: -.4rem; right: unset } .GameList__C-time .item:before { background: -webkit-radial-gradient(0 0, circle, rgba(204, 0, 0, 0) .4rem, #ffffff .41333rem); background: radial-gradient(circle at 0 0, rgba(204, 0, 0, 0) .4rem, #ffffff .41333rem); left: -.4rem } html:lang(ar) .GameList__C-time .item:before { right: -.4rem; left: unset } .GameList__C-time .item.active { background-color: var(--main-color); color: #fff; z-index: 10 } .GameList__C-time .item.active .week, .GameList__C-time .item.active .time { color: #fff } .GameList__C-time .item.active:before { background: -webkit-radial-gradient(0 0, circle, rgba(204, 0, 0, 0) .4rem, var(--main-color) .41333rem); background: radial-gradient(circle at 0 0, rgba(204, 0, 0, 0) .4rem, var(--main-color) .41333rem); left: -.4rem; z-index: 10 } html:lang(ar) .GameList__C-time .item.active:before { right: -.4rem; left: unset } .GameList__C-time .item.active:after { background: -webkit-radial-gradient(100% 0, circle, rgba(204, 0, 0, 0) .4rem, var(--main-color) .41333rem); background: radial-gradient(circle at 100% 0, rgba(204, 0, 0, 0) .4rem, var(--main-color) .41333rem); right: -.4rem; z-index: 10 } html:lang(ar) .GameList__C-time .item.active:after { left: -.4rem; right: unset } .GameList__C-city { border-top: .02667rem solid #fff; overflow-y: auto; height: .6rem; height: 1.17333rem; background-color: var(--main-color); display: -webkit-box; display: -webkit-flex; display: flex } .GameList__C-city .item { height: .93333rem; line-height: .93333rem; white-space: nowrap; margin: .08rem .10667rem; padding: 0 .10667rem; text-align: center; color: #fff } .GameList__C-city .item.action { background-color: #fff; color: var(--main-color); border-radius: .06667rem } .GameList__C-bet { width: 100%; margin-top: .2rem; padding: 0 .13333rem; display: -webkit-box; display: -webkit-flex; display: flex; height: 1.06667rem; overflow-x: scroll } .GameList__C-bet ul { margin: 0; padding: 0; list-style: none; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; white-space: nowrap } .GameList__C-bet .item { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; height: .93333rem; padding: .25333rem .88rem; background: var(--bg_color_L2); border-radius: .16rem; margin-right: .32rem; color: var(--text_color_L2) } .GameList__C-bet .item.action { color: #fff; background: var(--main_gradient-color2) } .Betting__C-mark { width: 100%; height: 100%; background: var(--bgcolor-32); position: fixed; z-index: 99; top: 0; left: 0; color: #fff; border-radius: .26667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center } html:lang(ar) .Betting__C-mark { right: 0; left: unset; direction: ltr } .Betting__C-mark>div { width: 5.86667rem; height: 1.33333rem; line-height: 1.33333rem; display: inline-block; border-radius: .26667rem; border: .01333rem solid #fff; font-size: .42667rem; color: #fff; font-weight: 700; padding: 0 .4rem 0 2.08rem } .Betting__C-bet { margin-top: .4rem; padding: 0 .26667rem } .Betting__C-bet .tit { height: .53333rem; line-height: .53333rem } .Betting__C-bet .tit-select { padding-left: .26667rem; font-size: .42667rem; font-weight: 700; border-left: .08rem solid var(--main-color) } .Betting__C-bet .tit-list .check { padding-left: .26667rem; color: var(--text_color_L2) } .Betting__C-bet .tit-list .check-item { height: .42667rem; width: .42667rem; border-radius: .42667rem; border: .02667rem solid #c9c9c9; margin-right: .10667rem } .Betting__C-bet .tit-list .check.action { color: #f95959 } .Betting__C-bet .tit-list .check.action .check-item { border: .01333rem solid #F95959; position: relative } .Betting__C-bet .tit-list .check.action .check-item:after { content: ""; display: block; border-radius: .26667rem; background-color: #f95959; width: .26667rem; height: .26667rem; position: absolute; left: .05333rem; top: .05333rem } html:lang(ar) .Betting__C-bet .tit-list .check.action .check-item:after { right: .05333rem; left: unset } .Betting__C-bet .nList { background: var(--bg_color_L2); border-radius: .32rem; padding: .26667rem; margin-top: .4rem } .Betting__C-bet .nList .Ntit { line-height: .74667rem; font-size: .42667rem; color: var(--text_color_L3); font-weight: 400 } .Betting__C-bet .nList .list { width: 100% } .Betting__C-bet .nList .list .item { width: 20% } .Betting__C-bet .nList .list .item .number { width: 1.06667rem; height: 1.06667rem; font-size: .42667rem; font-weight: 700; color: var(--text_color_L2); background: url(/assets/svg/nbg-dba06970.svg) no-repeat center center; background-size: cover } .Betting__C-bet .nList .list .item .number.action { color: #f95959; background: url(/assets/svg/anbg-dde5866e.svg) no-repeat center center; background-size: cover } .Footer__C { width: 100%; position: fixed; left: auto; bottom: 0; height: 1.6rem; z-index: 98 } .Footer__C .nav { height: 1.6rem; background-color: #fee; max-width: 10rem } .Footer__C .nav .left { width: 55% } .Footer__C .nav .left .item { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; padding-left: .26667rem; color: var(--main-color) } .Footer__C .nav .left .item .txt { margin-bottom: .08rem } .Footer__C .nav .left .item .num { color: #f95959; font-weight: 600 } .Footer__C .bet-btn { width: 40%; background-color: #f95959; color: #fff; font-size: .48rem; font-weight: 600 } .Footer__C .disabled-btn { width: 40%; background-color: var(--button_dis_color); color: var(--text_color_L2); font-size: .48rem; font-weight: 400; pointer-events: none } .RecordNav__C { width: calc(100% - .64rem); height: 1.17333rem; line-height: 1.17333rem; display: -webkit-box; display: -webkit-flex; display: flex; margin: .32rem auto 0; border-radius: .16rem; overflow: hidden } .RecordNav__C>div { width: 50%; height: 100%; background: var(--bgDark-3, var(--bg_color_L2)); font-size: .42667rem; color: var(--text_color_L2); text-align: center; overflow: hidden } .RecordNav__C>div.active { background: var(--dark-linerGradien-91, var(--main_gradient-color2)); font-weight: 600; color: #fff } .GameRecord__C { width: calc(100% - .69333rem); margin: .26667rem auto 1.6rem; text-align: center; font-size: .32rem } .GameRecord__C-head { height: 1.06667rem; line-height: 1.06667rem; background: var(--bgDark-2, var(--main-color)); border-radius: .13333rem .13333rem 0 0; font-weight: 600; font-size: .37333rem; color: #fff } .GameRecord__C-body { color: var(--text_color_L1); font-size: .32rem; background: var(--darkBg, var(--bg_color_L1)); border-radius: 0 0 .13333rem .13333rem } .GameRecord__C-body .van-row { min-height: 1.30667rem; border-bottom: .01333rem solid var(--bgDark-2, var(--saveTextColor-3)) } .GameRecord__C-body .details { width: 100%; border: .01333rem solid var(--borderColor-5); border-radius: .26667rem; padding: .33333rem } .GameRecord__C-body .details .tit { font-size: .4rem; color: var(--text_color_L1); margin-bottom: .26667rem; font-weight: 700 } .GameRecord__C-body .details .tit img { width: .64rem; height: .64rem; position: relative; top: .13333rem } .GameRecord__C-body .details .tag-read img { width: .32rem; height: .32rem } .GameRecord__C-body .details .detailLi { min-height: .66667rem; line-height: .66667rem; color: var(--text_color_L2); font-size: .37333rem; border-radius: .13333rem } .GameRecord__C-body .details .detailLi .red { color: var(--main_gradient-color) } .GameRecord__C-body .details .detailLi .prize { background: var(--bgDark-4, --walletBgColor-1); margin-bottom: .16rem; padding: .26667rem; border-radius: .26667rem } .GameRecord__C-body .details .detailLi .prize:last-child { margin-bottom: 0 } .GameRecord__C-body .details .detailLi .selectItem0, .GameRecord__C-body .details .detailLi .selectItem1, .GameRecord__C-body .details .detailLi .selectItem2 { display: -webkit-box; display: -webkit-flex; display: flex } .GameRecord__C-body .details .detailLi .selectItem0>div:nth-of-type(1), .GameRecord__C-body .details .detailLi .selectItem1>div:nth-of-type(1), .GameRecord__C-body .details .detailLi .selectItem2>div:nth-of-type(1) { width: 45% } .GameRecord__C-body .details .detailLi .selectItem0>div:nth-of-type(2), .GameRecord__C-body .details .detailLi .selectItem1>div:nth-of-type(2), .GameRecord__C-body .details .detailLi .selectItem2>div:nth-of-type(2) { width: .13333rem } .GameRecord__C-body .details .detailLi .selectItem0 span, .GameRecord__C-body .details .detailLi .selectItem1 span, .GameRecord__C-body .details .detailLi .selectItem2 span { font-weight: 700; font-size: .42667rem; color: var(--darkTextW, --text_color_L1); padding-left: 0; text-align: center } .GameRecord__C-body .details .detailLi .selectItem0 span { color: #f95959 } .GameRecord__C-body .details .detailLi .prize-tit { text-align: left; font-size: .37333rem; color: var(--darkTextW, --text_color_L1); padding-left: .26667rem } .GameRecord__C-body .details .detailLi .action0 { color: #f95959 !important; font-weight: 700; font-size: .42667rem } .GameRecord__C-body .details .detailLi .action1, .GameRecord__C-body .details .detailLi .action2 { font-weight: 700; font-size: .42667rem } .GameRecord__C-body .details .detailLi .prize-box { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1 } .GameRecord__C-body .details .detailLi .prize-box-item { text-align: left; padding-left: .26667rem; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; color: var(--text_color_L1); font-size: .37333rem; font-weight: 500 } .GameRecord__C-body .details .detailLi .c-flex-warp { color: var(--text_color_L3); font-size: .34667rem } .GameRecord__C-body .details .detailLi .select { margin-left: .53333rem } .GameRecord__C-body .details .detailLi .select .ball { display: -webkit-box; display: -webkit-flex; display: flex; width: .64rem; height: .42667rem; line-height: .42667rem; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; margin-left: .13333rem; margin-bottom: .13333rem; background: var(--main-color); border-radius: .08rem; color: #fff } .GameRecord__C-body .details .detailLi .Bet-box.pb { padding-bottom: .06667rem } .GameRecord__C-body .details .detailLi .Bet-box ul li { height: .26667rem; line-height: .26667rem; border-radius: .04rem; padding: 0 .13333rem; font-size: .16rem; margin: .02667rem .05333rem; background-color: var(--gray-color-1) } .GameRecord__C-body .details .detailLi .Bet-box ul li.actionViolet { color: #fff; background-color: var(--bgcolor-21) } .GameRecord__C-body .details .detailLi .Bet-box ul li.actionRed { color: #fff; background-color: var(--norm_red-color) } .GameRecord__C-body .details .detailLi .Bet-box ul li.actionGreen { color: #fff; background-color: var(--bgColor-13) } .GameRecord__C-body .details .detailLi .Bet-box ul li.actionRedGreen { color: #fff; background-color: var(--norm_red-color); background-image: var(--linearGradien-21) } .GameRecord__C-body .details .detailLi .Bet-box .actionBtn { height: .34667rem; line-height: .34667rem; display: inline-block; border-radius: .04rem; padding: 0 .13333rem; font-size: .16rem; background-color: var(--norm_red-color); color: #fff } .GameRecord__C-body .goItem { height: 1.30667rem; line-height: 1.30667rem; text-align: center; color: var(--darkTextW, --main-color); font-size: .32rem } .GameRecord__C-body .li { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; text-align: center; width: .4rem; height: .4rem; border-radius: 50%; background: var(--walletBgColor-1); margin: 0 .02667rem } .GameRecord__C-body .li .circle-black { background-color: var(--walletBgColor-1); color: var(--text_color_L1); font-size: .32rem } .GameRecord__C-body .time { color: var(--textM3, var(--text_color_L2)); font-size: .32rem; height: 100% } .GameRecord__C-body .numList { width: 3rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; position: relative; top: .4rem } .GameRecord__C-body .numList .numItem { width: .4rem; height: .4rem; background: var(--walletBgColor-1); color: var(--text_color_L1); font-size: .32rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; border-radius: 50% } .GameRecord__C-body .redNumItem { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .GameRecord__C-foot { height: 1.86667rem; background: var(--darkBg, var(--bg_color_L2)); padding: .46667rem 2.37333rem; margin-top: .48rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .GameRecord__C-foot-previous, .GameRecord__C-foot-next { width: .93333rem; height: .93333rem; border-radius: .13333rem; background: var(--main-color); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .GameRecord__C-foot-previous.disabled, .GameRecord__C-foot-next.disabled { background: var(--gray-color-1); pointer-events: none } .GameRecord__C-foot-previous.disabled .GameRecord__C-icon, .GameRecord__C-foot-next.disabled .GameRecord__C-icon { color: var(--saveTextColor-7) } .GameRecord__C-foot-previous .GameRecord__C-icon, .GameRecord__C-foot-next .GameRecord__C-icon { color: #fff } .MyGameRecord__C { width: 100%; margin: .32rem auto 1.6rem } .MyGameRecord__C-head { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; background-color: var(--darkBg, var(--bg_color_L2)); padding: .32rem .32rem 0 } .MyGameRecord__C-head-moreB { border: .01333rem solid var(--main-color); height: .8rem; line-height: .8rem; border-radius: .26667rem; padding: 0 .72rem 0 .24rem; color: var(--main-color); font-size: .32rem; position: relative; margin-bottom: .4rem } .MyGameRecord__C-head-moreB:after { content: ""; display: block; width: .4rem; height: .4rem; position: absolute; top: 50%; right: .2rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-image: url(/assets/jpg/moreBtn-ad0358aa.jpg); background-repeat: no-repeat; background-size: .4rem; background-position: center } html:lang(ar) .MyGameRecord__C-head-moreB:after { left: .2rem; right: unset; -webkit-transform: scaleX(-1); transform: scaleX(-1); top: 25% } .MyGameRecord__C-body { padding: 0 .32rem } .MyGameRecord__C-body-empty { height: 5.33333rem } .MyGameRecord__C-foot { height: 1.86667rem; background: var(--darkBg, var(--bg_color_L2)); padding: .46667rem 2.37333rem; margin-top: .48rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .MyGameRecord__C-foot-page { font-size: .32rem; color: var(--text_color_L1) } .MyGameRecord__C-foot-previous, .MyGameRecord__C-foot-next { width: .93333rem; height: .93333rem; border-radius: .13333rem; background: var(--main-color); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .MyGameRecord__C-foot-previous.disabled, .MyGameRecord__C-foot-next.disabled { background: var(--gray-color-1); pointer-events: none } .MyGameRecord__C-foot-previous.disabled .MyGameRecord__C-icon, .MyGameRecord__C-foot-next.disabled .MyGameRecord__C-icon { color: var(--saveTextColor-7) } .MyGameRecord__C-foot-previous .MyGameRecord__C-icon, .MyGameRecord__C-foot-next .MyGameRecord__C-icon { color: #fff } .list { padding: 0 .26667rem } .list .hb { background-color: #fff; color: var(--colorText-3); font-size: .37333rem } .list .hb .item { padding: .21333rem; border-bottom: .02667rem solid var(--gray-color-1); color: var(--colorText-3); font-size: .37333rem } .list .hb .item.action { padding: .32rem .26667rem } .list .hb .item .goItem { height: .42667rem } .list .hb .li { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; text-align: center; width: .42667rem !important; height: .42667rem; border: .02667rem solid var(--gray-color-1); border-radius: .42667rem; margin-right: .10667rem; color: var(--gray-color-1) } .list .hb .li.action { font-size: .32rem; border: none; color: #fff; background-color: var(--norm_red-color) } .list .hb .li.circle-black { border: .02667rem solid var(--text_color_L1); color: var(--text_color_L1); background: var(--bgColor-6) } .list .hb .li.actionH { border: none; color: #fff; background-color: var(--borderColor-4) } .list .hb .li.actionL { border: .01333rem solid var(--borderColor-4); color: var(--borderColor-4); background-color: #fff } .list .hb .li.actionO { border: none; color: #fff; background-color: var(--norm_secondary-color) } .list .hb .li.actionE { border: .01333rem solid var(--norm_secondary-color); color: var(--norm_secondary-color); background-color: #fff } .list .hb .qiu { width: 3rem; position: relative } .list .hb .qiu .line-canvas { position: absolute !important; top: .12rem; left: 0; height: .73333rem; width: 2.61333rem; z-index: 99 } html:lang(ar) .list .hb .qiu .line-canvas { right: .12rem; left: unset } .list .hb .red { color: var(--colorText-2) } .list .hb .green { color: var(--norm_green-color) } .list .hb .blue { color: var(--colorText-7) } .list .hb .box .li { display: block; height: .13333rem; width: .13333rem; border-radius: .13333rem; margin: 0 .06667rem } .list .hb .item { padding: .53333rem .4rem } .list .hb .item .info { width: 100% } .list .hb .item .info .issueName .state { color: #fff; padding: .10667rem .26667rem; margin-left: .26667rem; border-radius: .53333rem; font-size: .32rem; display: inline-block; text-align: center } .list .hb .item .info .issueName .state.red { background-color: var(--norm_red-color) } .list .hb .item .info .issueName .state.green { background-color: var(--norm_green-color) } .list .hb .item .info .tiem { font-size: .32rem; color: var(--text_color_L2); margin-top: .13333rem } .list .hb .item .info .money { font-weight: 600; font-size: .42667rem } .list .hb .item .info .money .fail { color: var(--norm_red-color) } .list .hb .item .info .money .success { color: var(--bgColor-13) } .list .hb .details { padding: .4rem; border-bottom: .01333rem solid var(--gray-color-1) } .list .hb .details .tit { font-size: .4rem; color: var(--text_color_L1); margin-bottom: .26667rem; font-weight: 700 } .list .hb .details .tit img { width: .64rem; height: .64rem; position: relative; top: .13333rem } .list .hb .details .tag-read img { width: .32rem; height: .32rem } .list .hb .details .detailLi { min-height: .66667rem; line-height: .66667rem; background: var(--bgColor-6); color: var(--text_color_L2); font-size: .37333rem; border-radius: .13333rem; margin-bottom: .21333rem } .list .hb .details .detailLi .red { color: var(--main_gradient-color) } .list .hb .details .detailLi .result { height: .93333rem; line-height: .93333rem; background: var(--main-color); border-radius: .13333rem .13333rem 0 0; color: #fff; text-align: left; padding: 0 --0.26667rem } .list .hb .details .detailLi .prize-tit { font-size: .32rem; color: var(--text_color_L2) } .list .hb .details .detailLi .prize-box { border-bottom: .01333rem solid #fff } .list .hb .details .detailLi .prize-box-item { text-align: center; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; color: var(--text_color_L3); font-size: .34667rem } .list .hb .details .detailLi .c-flex-warp { color: var(--text_color_L3); font-size: .34667rem } .list .hb .details .detailLi .select { margin-left: .53333rem } .list .hb .details .detailLi .select .ball { display: -webkit-box; display: -webkit-flex; display: flex; width: .64rem; height: .42667rem; line-height: .42667rem; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; margin-left: .13333rem; margin-bottom: .13333rem; background: var(--main-color); border-radius: .08rem; color: #fff } .list .hb .details .detailLi .Bet-box.pb { padding-bottom: .06667rem } .list .hb .details .detailLi .Bet-box ul li { height: .26667rem; line-height: .26667rem; border-radius: .04rem; padding: 0 .13333rem; font-size: .16rem; margin: .02667rem .05333rem; background-color: var(--gray-color-1) } .list .hb .details .detailLi .Bet-box ul li.actionViolet { color: #fff; background-color: var(--bgcolor-21) } .list .hb .details .detailLi .Bet-box ul li.actionRed { color: #fff; background-color: var(--norm_red-color) } .list .hb .details .detailLi .Bet-box ul li.actionGreen { color: #fff; background-color: var(--bgColor-13) } .list .hb .details .detailLi .Bet-box ul li.actionRedGreen { color: #fff; background-color: var(--norm_red-color); background-image: var(--linearGradien-21) } .list .hb .details .detailLi .Bet-box .actionBtn { height: .34667rem; line-height: .34667rem; display: inline-block; border-radius: .04rem; padding: 0 .13333rem; font-size: .16rem; background-color: var(--norm_red-color); color: #fff } .areList { margin: .53333rem; position: relative } .areList .close { position: absolute; top: -1.6rem; left: 50%; -webkit-transform: translateX(-50%); transform: translate(-50%); width: .8rem; height: .8rem } .areList .items h1 { color: var(--darkTextW, var(--borderColor-26)); font-size: .42667rem } .areList .items .itemsC { margin: .26667rem 0 .4rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; gap: .2rem; -webkit-flex-wrap: wrap; flex-wrap: wrap } .areList .items .itemsC>div { width: calc((100% - .53333rem)/2); background: var(--bgDark-3, var(--homeActiveBgColor)); border-radius: .13333rem; min-height: 1.06667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; color: var(--text_color_L2); font-size: .37333rem } .areList .items .itemsC .isActive { background: var(--norm_red-color); color: #fff } .titlebets { font-size: .29333rem; color: var(--main-color) } .border60 { width: 4.53333rem; height: .66667rem; line-height: .66667rem; border-radius: .8rem; border: .01333rem solid var(--main-color); margin: 0 auto; margin-top: .30667rem } .bottombg { width: .64rem; height: .64rem; background-image: url(/assets/png/arrowbottom-4eb91cbc.png); background-repeat: no-repeat; background-size: contain; background-position: center } .compound2, .compound3 { padding-top: .26667rem; max-height: 5.33333rem; overflow-y: auto } .compound2 .item, .compound3 .item { width: 100%; margin-bottom: .26667rem } .compound2 .item.item0-3 .box .c-row, .compound3 .item.item0-3 .box .c-row { -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: .21333rem } .compound2 .item.item0-3 .box .num, .compound3 .item.item0-3 .box .num { width: calc((100% - 1.28rem) / 7); height: 1.13333rem; background-size: 1.13333rem 1.13333rem } .compound2 .item.item0-2 .box .c-row, .compound2 .item.item5-2 .box .c-row, .compound3 .item.item0-2 .box .c-row, .compound3 .item.item5-2 .box .c-row { -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: .21333rem } .compound2 .item.item0-2 .box .num, .compound2 .item.item5-2 .box .num, .compound3 .item.item0-2 .box .num, .compound3 .item.item5-2 .box .num { width: calc((100% - 1.28rem) / 7); height: .8rem; background-size: .8rem .8rem } .compound2 .item.item4-2 .box .c-row, .compound3 .item.item4-2 .box .c-row { -webkit-flex-wrap: wrap; flex-wrap: wrap } .compound2 .item.item4-2 .box .num, .compound3 .item.item4-2 .box .num { margin-bottom: .26667rem } .compound2 .item.item4-2 .box .num:nth-child(9n-8), .compound2 .item.item4-2 .box .num:nth-child(9n-7), .compound2 .item.item4-2 .box .num:nth-child(9n-6), .compound2 .item.item4-2 .box .num:nth-child(9n-5), .compound2 .item.item4-2 .box .num:nth-child(9n-4), .compound2 .item.item4-2 .box .num:nth-child(9n-3), .compound2 .item.item4-2 .box .num:nth-child(9n-2), .compound2 .item.item4-2 .box .num:nth-child(9n-1), .compound2 .item.item4-2 .box .num:nth-child(9n), .compound3 .item.item4-2 .box .num:nth-child(9n-8), .compound3 .item.item4-2 .box .num:nth-child(9n-7), .compound3 .item.item4-2 .box .num:nth-child(9n-6), .compound3 .item.item4-2 .box .num:nth-child(9n-5), .compound3 .item.item4-2 .box .num:nth-child(9n-4), .compound3 .item.item4-2 .box .num:nth-child(9n-3), .compound3 .item.item4-2 .box .num:nth-child(9n-2), .compound3 .item.item4-2 .box .num:nth-child(9n-1), .compound3 .item.item4-2 .box .num:nth-child(9n) { background-color: var(--homeActiveBgColor); padding: .26667rem } .compound2 .item.item4-2 .box .num:nth-child(9n-7), .compound2 .item.item4-2 .box .num:nth-child(9n-6), .compound2 .item.item4-2 .box .num:nth-child(9n-4), .compound2 .item.item4-2 .box .num:nth-child(9n-3), .compound2 .item.item4-2 .box .num:nth-child(9n-1), .compound2 .item.item4-2 .box .num:nth-child(9n), .compound3 .item.item4-2 .box .num:nth-child(9n-7), .compound3 .item.item4-2 .box .num:nth-child(9n-6), .compound3 .item.item4-2 .box .num:nth-child(9n-4), .compound3 .item.item4-2 .box .num:nth-child(9n-3), .compound3 .item.item4-2 .box .num:nth-child(9n-1), .compound3 .item.item4-2 .box .num:nth-child(9n) { margin-left: -.10667rem } .compound2 .item.item4-2 .box .num:nth-child(9n-3), .compound2 .item.item4-2 .box .num:nth-child(9n-6), .compound3 .item.item4-2 .box .num:nth-child(9n-3), .compound3 .item.item4-2 .box .num:nth-child(9n-6) { margin-right: .42667rem } .compound2 .item.item3-2 .box .c-row, .compound3 .item.item3-2 .box .c-row { -webkit-flex-wrap: wrap; flex-wrap: wrap } .compound2 .item.item3-2 .box .num, .compound3 .item.item3-2 .box .num { margin-bottom: .26667rem } .compound2 .item.item3-2 .box .num:nth-child(8n-1), .compound2 .item.item3-2 .box .num:nth-child(8n-2), .compound2 .item.item3-2 .box .num:nth-child(8n-3), .compound2 .item.item3-2 .box .num:nth-child(8n-4), .compound2 .item.item3-2 .box .num:nth-child(8n-5), .compound2 .item.item3-2 .box .num:nth-child(8n-6), .compound2 .item.item3-2 .box .num:nth-child(8n-7), .compound2 .item.item3-2 .box .num:nth-child(8n), .compound3 .item.item3-2 .box .num:nth-child(8n-1), .compound3 .item.item3-2 .box .num:nth-child(8n-2), .compound3 .item.item3-2 .box .num:nth-child(8n-3), .compound3 .item.item3-2 .box .num:nth-child(8n-4), .compound3 .item.item3-2 .box .num:nth-child(8n-5), .compound3 .item.item3-2 .box .num:nth-child(8n-6), .compound3 .item.item3-2 .box .num:nth-child(8n-7), .compound3 .item.item3-2 .box .num:nth-child(8n) { background-color: var(--homeActiveBgColor); padding: .26667rem } .compound2 .item.item3-2 .box .num:nth-child(8n-6), .compound2 .item.item3-2 .box .num:nth-child(8n-5), .compound2 .item.item3-2 .box .num:nth-child(8n-4), .compound2 .item.item3-2 .box .num:nth-child(8n-2), .compound2 .item.item3-2 .box .num:nth-child(8n-1), .compound2 .item.item3-2 .box .num:nth-child(8n), .compound3 .item.item3-2 .box .num:nth-child(8n-6), .compound3 .item.item3-2 .box .num:nth-child(8n-5), .compound3 .item.item3-2 .box .num:nth-child(8n-4), .compound3 .item.item3-2 .box .num:nth-child(8n-2), .compound3 .item.item3-2 .box .num:nth-child(8n-1), .compound3 .item.item3-2 .box .num:nth-child(8n) { margin-left: -.06667rem } .compound2 .item.item3-2 .box .num:nth-child(8n-4), .compound3 .item.item3-2 .box .num:nth-child(8n-4) { margin-right: 1.73333rem } .compound2 .item.item2-2 .box .c-row, .compound3 .item.item2-2 .box .c-row { -webkit-flex-wrap: wrap; flex-wrap: wrap } .compound2 .item.item2-2 .box .num, .compound3 .item.item2-2 .box .num { margin-bottom: .26667rem } .compound2 .item.item2-2 .box .num:nth-child(8n-1), .compound2 .item.item2-2 .box .num:nth-child(8n-2), .compound2 .item.item2-2 .box .num:nth-child(8n-3), .compound2 .item.item2-2 .box .num:nth-child(8n-4), .compound2 .item.item2-2 .box .num:nth-child(8n-5), .compound2 .item.item2-2 .box .num:nth-child(8n-6), .compound2 .item.item2-2 .box .num:nth-child(8n-7), .compound2 .item.item2-2 .box .num:nth-child(8n), .compound3 .item.item2-2 .box .num:nth-child(8n-1), .compound3 .item.item2-2 .box .num:nth-child(8n-2), .compound3 .item.item2-2 .box .num:nth-child(8n-3), .compound3 .item.item2-2 .box .num:nth-child(8n-4), .compound3 .item.item2-2 .box .num:nth-child(8n-5), .compound3 .item.item2-2 .box .num:nth-child(8n-6), .compound3 .item.item2-2 .box .num:nth-child(8n-7), .compound3 .item.item2-2 .box .num:nth-child(8n) { background-color: var(--homeActiveBgColor); padding: .26667rem; margin-left: -.01333rem } .compound2 .item.item2-2 .box .num:nth-child(8n), .compound3 .item.item2-2 .box .num:nth-child(8n) { margin-right: 1.33333rem } .compound2 .item.item1-2 .box .c-row, .compound3 .item.item1-2 .box .c-row { -webkit-flex-wrap: wrap; flex-wrap: wrap } .compound2 .item.item1-2 .box .num, .compound3 .item.item1-2 .box .num { margin-bottom: .26667rem } .compound2 .item.item1-2 .box .num:nth-child(10n-1), .compound2 .item.item1-2 .box .num:nth-child(10n-2), .compound2 .item.item1-2 .box .num:nth-child(10n-3), .compound2 .item.item1-2 .box .num:nth-child(10n-4), .compound2 .item.item1-2 .box .num:nth-child(10n-5), .compound2 .item.item1-2 .box .num:nth-child(10n-6), .compound2 .item.item1-2 .box .num:nth-child(10n-7), .compound2 .item.item1-2 .box .num:nth-child(10n-8), .compound2 .item.item1-2 .box .num:nth-child(10n-9), .compound2 .item.item1-2 .box .num:nth-child(10n), .compound3 .item.item1-2 .box .num:nth-child(10n-1), .compound3 .item.item1-2 .box .num:nth-child(10n-2), .compound3 .item.item1-2 .box .num:nth-child(10n-3), .compound3 .item.item1-2 .box .num:nth-child(10n-4), .compound3 .item.item1-2 .box .num:nth-child(10n-5), .compound3 .item.item1-2 .box .num:nth-child(10n-6), .compound3 .item.item1-2 .box .num:nth-child(10n-7), .compound3 .item.item1-2 .box .num:nth-child(10n-8), .compound3 .item.item1-2 .box .num:nth-child(10n-9), .compound3 .item.item1-2 .box .num:nth-child(10n) { background-color: var(--homeActiveBgColor); padding: .26667rem; margin-left: -.09333rem } .compound2 .item .box, .compound3 .item .box { border-radius: .26667rem; position: relative; width: 100% } .compound2 .item .box .num, .compound3 .item .box .num { min-width: .8rem; min-height: .8rem; background: url(/assets/svg/anbg-dde5866e.svg) no-repeat center center; background-size: .8rem .8rem; font-size: .42667rem; font-weight: 600; color: #f95959 } .compound2 .item .box .money, .compound3 .item .box .money { text-align: center; background-color: var(--gray-color-1); position: relative; height: .53333rem; border-radius: 0 0 .26667rem .26667rem } .compound2 .item .box .money .all, .compound3 .item .box .money .all { position: relative; z-index: 9; line-height: .8rem; font-size: .32rem; color: #f95959 } .compound2 .item .box .money:after, .compound3 .item .box .money:after { position: absolute; top: 0; left: 0; content: ""; display: block; width: 100%; height: .21333rem; background-color: var(--gray-color-1); border-radius: 0 0 50% 50% } .compound2 .item .box .dele, .compound3 .item .box .dele { position: absolute; right: -.18667rem; top: -.18667rem; height: .37333rem; width: .37333rem; border-radius: .53333rem; background-color: #f95959 } .compound2 .item .box .dele .icon, .compound3 .item .box .dele .icon { font-size: .26667rem } .compound2 .item.item0-4 .box .c-row { -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: .53333rem } .compound2 .item.item0-4 .box .num { width: calc((100% - 2.13333rem)/5); background: var(--main_gradient-color); color: #fff; border-radius: .13333rem; min-height: 1.06667rem; min-width: 1.33333rem } .compound { padding-top: .26667rem; max-height: 6rem; overflow: auto } .compound .item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; align-items: center; width: 100%; margin-bottom: .4rem } .compound .item .title { width: 1.38667rem; overflow: hidden; position: relative; text-align: center; font-size: .42667rem; color: var(--text_color_L2) } .compound .item .numcontainer { width: 7.94667rem; margin-left: .13333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; gap: .13333rem } .compound .item .numcontainer .num { width: calc((100% - .85333rem)/5); height: .8rem; background: url(/assets/svg/anbg-dde5866e.svg) no-repeat center center; background-size: .8rem .8rem; font-size: .42667rem; font-weight: 600; color: #f95959; position: relative; text-align: center; line-height: .8rem } .compound .item .numcontainer .num .dele { position: absolute; right: -.18667rem; top: -.18667rem; height: .37333rem; width: .37333rem; border-radius: .53333rem; background-color: #f95959 } html:lang(ar) .compound .item .numcontainer .num .dele { right: unset; left: -.18667rem } .compound .item .numcontainer .num .dele .icon { font-size: .26667rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .NewVietnam__C { padding-bottom: .34667rem; overflow-y: auto; background-color: var(--bgDark-4, var(--bg_color_L1)) } .NewVietnam__C-head { height: 1.25333rem; background: var(--main_gradient-color); padding: 0 .34667rem; position: relative } .NewVietnam__C-head div { background-repeat: no-repeat; background-position: center } .NewVietnam__C-head-bcak { position: absolute; width: .64rem; height: .64rem; background-image: url(/assets/png/bcakIcon-b7c1d288.png); background-size: .64rem; left: .34667rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } html:lang(ar) .NewVietnam__C-head-bcak { left: unset; right: .34667rem } .NewVietnam__C-head-logo { background-size: 2.98667rem 1.12rem; height: 1.12rem; width: 2.98667rem; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translate(-50%) translateY(-50%) } .NewVietnam__C-head-more { position: absolute; width: 1.54667rem; height: .64rem; right: .34667rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } html:lang(ar) .NewVietnam__C-head-more { right: unset; left: .34667rem } .NewVietnam__C-head-more>div { width: .64rem; height: .64rem; background-image: url(/assets/png/kefu-b361c42f.png); background-size: .64rem } .NewVietnam__C-head-more>div:last-child { background-image: url(/assets/png/voice-62dbf38c.png) } .NewVietnam__C-head-more>div:last-child.disableVoice { background-image: url(/assets/png/voice-off-633f5ccc.png) } .NewVietnam__C .driver-close-btn, .NewVietnam__C .driver-prev-btn { display: none } .popup { overflow-y: visible !important; border-radius: .13333rem .13333rem 0 0; width: 100% } .popup .van-popup { overflow-y: visible !important; border-radius: .26667rem .26667rem 0 0 } .popup .box { position: relative } .popup .box .close { position: absolute; top: -1.06667rem; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%) } .popup .box .close .img { width: .8rem; height: .8rem } .popup .box .title { font-size: .42667rem; color: var(--text_color_L1) } .popup .box .numList { max-height: 5.33333rem; overflow-x: auto } .popup .box .numList .item { width: 1.06667rem; height: 1.06667rem; font-size: .42667rem; font-weight: 600; color: #f95959; background: url(/assets/svg/anbg-dde5866e.svg) no-repeat center center; background-size: cover; margin: 0 .13333rem } .popup-info-item { height: .8rem; line-height: .8rem; margin-top: .26667rem } .popup-info-item .tit { font-size: .37333rem; color: var(--text_color_L2) } .popup-info-item .amount-box .li, .popup-info-item .multiple-box .li { text-align: center; font-size: .32rem; padding: 0 .13333rem; height: .8rem; line-height: .8rem; min-width: 1.33333rem; margin-left: .13333rem; border: .01333rem solid var(--gray-color-1); border-radius: .13333rem; color: #f95959 } .popup-info-item .amount-box .li.action, .popup-info-item .multiple-box .li.action { border: none; color: #fff; background: var(--main_gradient-color) } .popup-info-item .multiple-box .li { padding: 0 .26667rem; min-width: auto } .popup-info-item .stepper-box .digit-box { width: 2.66667rem; height: .8rem; border-radius: .8rem; padding: 0; margin: 0 .13333rem; background-color: var(--walletBgColor-1) } .popup-info-item .stepper-box .digit-box .van-field__control { height: .74667rem; text-align: center } .popup-info-item .stepper-box .li { height: .8rem; width: .8rem; font-size: .8rem; border-radius: 50%; background-color: var(--main-color); color: #fff } .popup-info-item .stepper-box .li.minus { text-align: center; line-height: .66667rem } .popup-info-item .txt { color: #f95959 } .popup-info .quantity { margin-top: .26667rem; padding: 0 .21333rem; height: 1.17333rem; background-color: var(--bgDark-2, var(--homeActiveBgColor)); border-radius: .13333rem; font-size: .32rem; color: var(--text_color_L2) } .popup-info .quantity .line { padding: 0 .13333rem; color: var(--text_color_L2) } .popup-info .quantity .num { color: #f95959; font-size: .4rem } .popup-info .wallet, .popup-info .balance { padding: 0 .21333rem; margin-top: .26667rem; height: .8rem; background-color: var(--bgDark-2, var(--homeActiveBgColor)) } .popup-info .wallet .txt, .popup-info .balance .txt { font-size: .32rem; color: var(--text_color_L2) } .popup-info .wallet .txt img, .popup-info .balance .txt img { width: .4rem; height: .4rem; margin-right: .13333rem } .popup-info .wallet .txt .num, .popup-info .balance .txt .num { font-size: .37333rem; color: var(--text_color_L1); padding-left: .26667rem } .popup-info .wallet .txt .num.yellow, .popup-info .balance .txt .num.yellow { color: var(--norm_secondary-color) } .popup-info .wallet .bg333, .popup-info .balance .bg333 { font-size: .32rem; color: var(--text_color_L1) } .popup-info .wallet .bg7172, .popup-info .balance .bg7172 { font-size: .32rem; color: var(--main-color) } .popup-info .wallet .bet, .popup-info .balance .bet { border: .01333rem solid #F95959; border-radius: .13333rem; height: .64rem; line-height: .64rem; color: #f95959; padding: 0 .26667rem } .popup-btn { height: 1.6rem } .popup-btn .left { width: 45% } .popup-btn .left .btn { height: 1.6rem; font-size: .42667rem; border-radius: 0; color: var(--text_color_L2); background-color: #f95959 } .popup-btn .right { width: 55% } .popup-btn .right .btn { height: 1.6rem; font-size: .42667rem; border-radius: 0; color: #fff; background-color: #f95959 } .popup-btn .right .noActive { background-color: #f95959; color: var(--text_color_L2) } .PreSaleRule { width: 7.04rem } .PreSaleRule .head { height: 1.2rem; line-height: 1.2rem; color: #fff; font-size: .4rem; text-align: center; background-size: cover; background-repeat: no-repeat; background-position: left center; background-image: url(/assets/png/wingoPreSaleBg-1a69469d.png) } .PreSaleRule .body { max-height: 8rem; overflow-y: auto; padding: .4rem; font-size: .32rem; line-height: .8rem } .PreSaleRule .body p { margin-bottom: .2rem; line-height: .53333rem } .PreSaleRule .foot { height: 1.86667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .PreSaleRule .foot .btn { width: 60%; background: var(--main_gradient-color); border-radius: .53333rem; height: .93333rem; line-height: .93333rem; text-align: center; font-size: .37333rem; color: #fff } .Tips { width: 8rem; height: 2.13333rem; line-height: 2.13333rem; background: var(--bg_color_L2); border: .01333rem solid var(--borderColor-5); border-radius: .26667rem; display: -webkit-box; display: -webkit-flex; display: flex } .Tips>div { display: -webkit-box; display: -webkit-flex; display: flex; overflow-y: hidden } .Tips>div img { width: 1.17333rem; height: 1.17333rem; margin-top: .45333rem } .Tips>div .font36 { color: var(--text_color_L1); font-weight: 700; font-size: .48rem; margin-left: .32rem } .GameList__C-region { height: 1.2rem; line-height: 1.2rem; overflow: hidden; padding: 0 .26667rem; margin: .26667rem 0 } .GameList__C-region .item { width: calc(33.3% - .53333rem); position: relative; text-align: center; font-size: .48rem; -webkit-transition: .4s; transition: .4s } .GameList__C-region .item:nth-child(1) { background: var(--bg_color_L2); border-radius: .13333rem 0 0 .13333rem } .GameList__C-region .item:nth-child(1):after { position: absolute; top: 0; right: -.66667rem; content: ""; width: 0; height: 0; border-bottom: 1.2rem solid #fff; border-right: .66667rem solid transparent; -webkit-transition: .4s; transition: .4s } .GameList__C-region .item:nth-child(2) { background: var(--bg_color_L2) } .GameList__C-region .item:nth-child(2):after { position: absolute; top: 0; right: -.66667rem; content: ""; width: 0; height: 0; border-top: 1.2rem solid #fff; border-right: .66667rem solid transparent; -webkit-transition: .4s; transition: .4s } html:lang(ar) .GameList__C-region .item:nth-child(2):after { left: -.66667rem; right: unset } .GameList__C-region .item:nth-child(2):before { position: absolute; top: 0; left: -.66667rem; content: ""; width: 0; height: 0; border-top: 1.2rem solid #fff; border-left: .66667rem solid transparent; -webkit-transition: .4s; transition: .4s } html:lang(ar) .GameList__C-region .item:nth-child(2):before { right: -.66667rem; left: unset } .GameList__C-region .item:nth-child(3) { background: var(--bg_color_L2); border-radius: 0 .13333rem .13333rem 0 } .GameList__C-region .item:nth-child(3):before { position: absolute; top: 0; left: -.66667rem; content: ""; width: 0; height: 0; border-bottom: 1.2rem solid #fff; border-left: .66667rem solid transparent; -webkit-transition: .4s; transition: .4s } html:lang(ar) .GameList__C-region .item:nth-child(3):before { right: -.66667rem; left: unset } .GameList__C-region .item.action { color: #fff } .GameList__C-region .item.action:nth-child(1) { background: -webkit-linear-gradient(325deg, #FF8E89 12.38%, #FFC3A2 87.13%); background: linear-gradient(125deg, #FF8E89 12.38%, #FFC3A2 87.13%) } .GameList__C-region .item.action:nth-child(1):after { border-bottom: 1.2rem solid var(--borderColor-5) } .GameList__C-region .item.action:nth-child(2) { background: -webkit-linear-gradient(325deg, #FF8E89 12.38%, #FFC3A2 87.13%); background: linear-gradient(125deg, #FF8E89 12.38%, #FFC3A2 87.13%) } .GameList__C-region .item.action:nth-child(2):after { border-top: 1.2rem solid var(--borderColor-5) } .GameList__C-region .item.action:nth-child(2):before { border-top: 1.2rem solid #F95959 } .GameList__C-region .item.action:nth-child(3) { background: -webkit-linear-gradient(325deg, #FF8E89 12.38%, #FFC3A2 87.13%); background: linear-gradient(125deg, #FF8E89 12.38%, #FFC3A2 87.13%) } .GameList__C-region .item.action:nth-child(3):before { border-bottom: 1.2rem solid #F95959 } .GameList__C-time { padding-left: .2rem; overflow-y: auto; height: 1.06667rem; display: -webkit-box; display: -webkit-flex; display: flex } .GameList__C-time .item { position: relative; white-space: nowrap; background-color: #fff; margin: 0 .10667rem; padding: .04rem .16rem 0; text-align: center; border-radius: .13333rem .13333rem 0 0 } .GameList__C-time .item .week { font-size: .16rem; color: var(--text_color_L1) } .GameList__C-time .item .time { font-size: .16rem; color: var(--text_color_L2) } .GameList__C-time .item:after, .GameList__C-time .item:before { content: ""; width: .4rem; height: .4rem; position: absolute; bottom: 0; z-index: 9 } .GameList__C-time .item:after { background: -webkit-radial-gradient(100% 0, circle, rgba(204, 0, 0, 0) .4rem, #ffffff .41333rem); background: radial-gradient(circle at 100% 0, rgba(204, 0, 0, 0) .4rem, #ffffff .41333rem); right: -.4rem } html:lang(ar) .GameList__C-time .item:after { left: -.4rem; right: unset } .GameList__C-time .item:before { background: -webkit-radial-gradient(0 0, circle, rgba(204, 0, 0, 0) .4rem, #ffffff .41333rem); background: radial-gradient(circle at 0 0, rgba(204, 0, 0, 0) .4rem, #ffffff .41333rem); left: -.4rem } html:lang(ar) .GameList__C-time .item:before { right: -.4rem; left: unset } .GameList__C-time .item.active { background-color: var(--main-color); color: #fff; z-index: 10 } .GameList__C-time .item.active .week, .GameList__C-time .item.active .time { color: #fff } .GameList__C-time .item.active:before { background: -webkit-radial-gradient(0 0, circle, rgba(204, 0, 0, 0) .4rem, var(--main-color) .41333rem); background: radial-gradient(circle at 0 0, rgba(204, 0, 0, 0) .4rem, var(--main-color) .41333rem); left: -.4rem; z-index: 10 } html:lang(ar) .GameList__C-time .item.active:before { right: -.4rem; left: unset } .GameList__C-time .item.active:after { background: -webkit-radial-gradient(100% 0, circle, rgba(204, 0, 0, 0) .4rem, var(--main-color) .41333rem); background: radial-gradient(circle at 100% 0, rgba(204, 0, 0, 0) .4rem, var(--main-color) .41333rem); right: -.4rem; z-index: 10 } html:lang(ar) .GameList__C-time .item.active:after { left: -.4rem; right: unset } .GameList__C-city { border-top: .02667rem solid #fff; overflow-y: auto; height: .6rem; height: 1.17333rem; background-color: var(--main-color); display: -webkit-box; display: -webkit-flex; display: flex } .GameList__C-city .item { height: .93333rem; line-height: .93333rem; white-space: nowrap; margin: .08rem .10667rem; padding: 0 .10667rem; text-align: center; color: #fff } .GameList__C-city .item.action { background-color: #fff; color: var(--main-color); border-radius: .06667rem } .GameList__C-bet { width: 100%; margin-top: .2rem; padding: 0 .13333rem; display: -webkit-box; display: -webkit-flex; display: flex; height: 1.06667rem; overflow-x: scroll } .GameList__C-bet ul { margin: 0; padding: 0; list-style: none; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; white-space: nowrap } .GameList__C-bet .item { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; height: .93333rem; padding: .25333rem .88rem; background: var(--bg_color_L2); border-radius: .16rem; margin-right: .32rem; color: var(--text_color_L2) } .GameList__C-bet .item.action { color: #fff; background: var(--main_gradient-color2) } .Betting__C-mark { width: 100%; height: 100%; background: var(--bgcolor-32); position: fixed; z-index: 99; top: 0; left: 0; color: #fff; border-radius: .26667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center } html:lang(ar) .Betting__C-mark { right: 0; left: unset; direction: ltr } .Betting__C-mark>div { width: 5.86667rem; height: 1.33333rem; line-height: 1.33333rem; display: inline-block; border-radius: .26667rem; border: .01333rem solid #fff; font-size: .42667rem; color: #fff; font-weight: 700; padding: 0 .4rem 0 2.08rem } .Betting__C-bet { margin-top: .4rem; padding: 0 .26667rem } .Betting__C-bet .tit { height: .53333rem; line-height: .53333rem } .Betting__C-bet .tit-select { padding-left: .26667rem; font-size: .42667rem; font-weight: 700; border-left: .08rem solid var(--main-color) } .Betting__C-bet .tit-list .check { padding-left: .26667rem; color: var(--text_color_L2) } .Betting__C-bet .tit-list .check-item { height: .42667rem; width: .42667rem; border-radius: .42667rem; border: .02667rem solid #c9c9c9; margin-right: .10667rem } .Betting__C-bet .tit-list .check.action { color: #f95959 } .Betting__C-bet .tit-list .check.action .check-item { border: .01333rem solid #F95959; position: relative } .Betting__C-bet .tit-list .check.action .check-item:after { content: ""; display: block; border-radius: .26667rem; background-color: #f95959; width: .26667rem; height: .26667rem; position: absolute; left: .05333rem; top: .05333rem } html:lang(ar) .Betting__C-bet .tit-list .check.action .check-item:after { right: .05333rem; left: unset } .Betting__C-bet .nList { background: var(--bg_color_L2); border-radius: .32rem; padding: .26667rem; margin-top: .4rem } .Betting__C-bet .nList .Ntit { line-height: .74667rem; font-size: .42667rem; color: var(--text_color_L3); font-weight: 400 } .Betting__C-bet .nList .list { width: 100% } .Betting__C-bet .nList .list .item { width: 20% } .Betting__C-bet .nList .list .item .number { width: 1.06667rem; height: 1.06667rem; font-size: .42667rem; font-weight: 700; color: var(--text_color_L2); background: url(/assets/svg/nbg-dba06970.svg) no-repeat center center; background-size: cover } .Betting__C-bet .nList .list .item .number.action { color: #f95959; background: url(/assets/svg/anbg-dde5866e.svg) no-repeat center center; background-size: cover } .Footer__C { width: 100%; position: fixed; left: auto; bottom: 0; height: 1.6rem; z-index: 98 } .Footer__C .nav { height: 1.6rem; background-color: #fee; max-width: 10rem } .Footer__C .nav .left { width: 55% } .Footer__C .nav .left .item { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; padding-left: .26667rem; color: var(--main-color) } .Footer__C .nav .left .item .txt { margin-bottom: .08rem } .Footer__C .nav .left .item .num { color: #f95959; font-weight: 600 } .Footer__C .bet-btn { width: 40%; background-color: #f95959; color: #fff; font-size: .48rem; font-weight: 600 } .Footer__C .disabled-btn { width: 40%; background-color: var(--button_dis_color); color: var(--text_color_L2); font-size: .48rem; font-weight: 400; pointer-events: none } .RecordNav__C { width: calc(100% - .64rem); height: 1.17333rem; line-height: 1.17333rem; display: -webkit-box; display: -webkit-flex; display: flex; margin: .32rem auto 0; border-radius: .16rem; overflow: hidden } .RecordNav__C>div { width: 50%; height: 100%; background: var(--bgDark-3, var(--bg_color_L2)); font-size: .42667rem; color: var(--text_color_L2); text-align: center; overflow: hidden } .RecordNav__C>div.active { background: var(--dark-linerGradien-91, var(--main_gradient-color2)); font-weight: 600; color: #fff } .GameRecord__C { width: calc(100% - .69333rem); margin: .26667rem auto 1.6rem; text-align: center; font-size: .32rem } .GameRecord__C-head { height: 1.06667rem; line-height: 1.06667rem; background: var(--bgDark-2, var(--main-color)); border-radius: .13333rem .13333rem 0 0; font-weight: 600; font-size: .37333rem; color: #fff } .GameRecord__C-body { color: var(--text_color_L1); font-size: .32rem; background: var(--darkBg, var(--bg_color_L1)); border-radius: 0 0 .13333rem .13333rem } .GameRecord__C-body .van-row { min-height: 1.30667rem; border-bottom: .01333rem solid var(--bgDark-2, var(--saveTextColor-3)) } .GameRecord__C-body .details { width: 100%; border: .01333rem solid var(--borderColor-5); border-radius: .26667rem; padding: .33333rem } .GameRecord__C-body .details .tit { font-size: .4rem; color: var(--text_color_L1); margin-bottom: .26667rem; font-weight: 700 } .GameRecord__C-body .details .tit img { width: .64rem; height: .64rem; position: relative; top: .13333rem } .GameRecord__C-body .details .tag-read img { width: .32rem; height: .32rem } .GameRecord__C-body .details .detailLi { min-height: .66667rem; line-height: .66667rem; color: var(--text_color_L2); font-size: .37333rem; border-radius: .13333rem } .GameRecord__C-body .details .detailLi .red { color: var(--main_gradient-color) } .GameRecord__C-body .details .detailLi .prize { background: var(--bgDark-4, --walletBgColor-1); margin-bottom: .16rem; padding: .26667rem; border-radius: .26667rem } .GameRecord__C-body .details .detailLi .prize:last-child { margin-bottom: 0 } .GameRecord__C-body .details .detailLi .selectItem0, .GameRecord__C-body .details .detailLi .selectItem1, .GameRecord__C-body .details .detailLi .selectItem2 { display: -webkit-box; display: -webkit-flex; display: flex } .GameRecord__C-body .details .detailLi .selectItem0>div:nth-of-type(1), .GameRecord__C-body .details .detailLi .selectItem1>div:nth-of-type(1), .GameRecord__C-body .details .detailLi .selectItem2>div:nth-of-type(1) { width: 45% } .GameRecord__C-body .details .detailLi .selectItem0>div:nth-of-type(2), .GameRecord__C-body .details .detailLi .selectItem1>div:nth-of-type(2), .GameRecord__C-body .details .detailLi .selectItem2>div:nth-of-type(2) { width: .13333rem } .GameRecord__C-body .details .detailLi .selectItem0 span, .GameRecord__C-body .details .detailLi .selectItem1 span, .GameRecord__C-body .details .detailLi .selectItem2 span { font-weight: 700; font-size: .42667rem; color: var(--darkTextW, --text_color_L1); padding-left: 0; text-align: center } .GameRecord__C-body .details .detailLi .selectItem0 span { color: #f95959 } .GameRecord__C-body .details .detailLi .prize-tit { text-align: left; font-size: .37333rem; color: var(--darkTextW, --text_color_L1); padding-left: .26667rem } .GameRecord__C-body .details .detailLi .action0 { color: #f95959 !important; font-weight: 700; font-size: .42667rem } .GameRecord__C-body .details .detailLi .action1, .GameRecord__C-body .details .detailLi .action2 { font-weight: 700; font-size: .42667rem } .GameRecord__C-body .details .detailLi .prize-box { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1 } .GameRecord__C-body .details .detailLi .prize-box-item { text-align: left; padding-left: .26667rem; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; color: var(--text_color_L1); font-size: .37333rem; font-weight: 500 } .GameRecord__C-body .details .detailLi .c-flex-warp { color: var(--text_color_L3); font-size: .34667rem } .GameRecord__C-body .details .detailLi .select { margin-left: .53333rem } .GameRecord__C-body .details .detailLi .select .ball { display: -webkit-box; display: -webkit-flex; display: flex; width: .64rem; height: .42667rem; line-height: .42667rem; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; margin-left: .13333rem; margin-bottom: .13333rem; background: var(--main-color); border-radius: .08rem; color: #fff } .GameRecord__C-body .details .detailLi .Bet-box.pb { padding-bottom: .06667rem } .GameRecord__C-body .details .detailLi .Bet-box ul li { height: .26667rem; line-height: .26667rem; border-radius: .04rem; padding: 0 .13333rem; font-size: .16rem; margin: .02667rem .05333rem; background-color: var(--gray-color-1) } .GameRecord__C-body .details .detailLi .Bet-box ul li.actionViolet { color: #fff; background-color: var(--bgcolor-21) } .GameRecord__C-body .details .detailLi .Bet-box ul li.actionRed { color: #fff; background-color: var(--norm_red-color) } .GameRecord__C-body .details .detailLi .Bet-box ul li.actionGreen { color: #fff; background-color: var(--bgColor-13) } .GameRecord__C-body .details .detailLi .Bet-box ul li.actionRedGreen { color: #fff; background-color: var(--norm_red-color); background-image: var(--linearGradien-21) } .GameRecord__C-body .details .detailLi .Bet-box .actionBtn { height: .34667rem; line-height: .34667rem; display: inline-block; border-radius: .04rem; padding: 0 .13333rem; font-size: .16rem; background-color: var(--norm_red-color); color: #fff } .GameRecord__C-body .goItem { height: 1.30667rem; line-height: 1.30667rem; text-align: center; color: var(--darkTextW, --main-color); font-size: .32rem } .GameRecord__C-body .li { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; text-align: center; width: .4rem; height: .4rem; border-radius: 50%; background: var(--walletBgColor-1); margin: 0 .02667rem } .GameRecord__C-body .li .circle-black { background-color: var(--walletBgColor-1); color: var(--text_color_L1); font-size: .32rem } .GameRecord__C-body .time { color: var(--textM3, var(--text_color_L2)); font-size: .32rem; height: 100% } .GameRecord__C-body .numList { width: 3rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; position: relative; top: .4rem } .GameRecord__C-body .numList .numItem { width: .4rem; height: .4rem; background: var(--walletBgColor-1); color: var(--text_color_L1); font-size: .32rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; border-radius: 50% } .GameRecord__C-body .redNumItem { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .GameRecord__C-foot { height: 1.86667rem; background: var(--darkBg, var(--bg_color_L2)); padding: .46667rem 2.37333rem; margin-top: .48rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .GameRecord__C-foot-previous, .GameRecord__C-foot-next { width: .93333rem; height: .93333rem; border-radius: .13333rem; background: var(--main-color); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .GameRecord__C-foot-previous.disabled, .GameRecord__C-foot-next.disabled { background: var(--gray-color-1); pointer-events: none } .GameRecord__C-foot-previous.disabled .GameRecord__C-icon, .GameRecord__C-foot-next.disabled .GameRecord__C-icon { color: var(--saveTextColor-7) } .GameRecord__C-foot-previous .GameRecord__C-icon, .GameRecord__C-foot-next .GameRecord__C-icon { color: #fff } .MyGameRecord__C { width: 100%; margin: .32rem auto 1.6rem } .MyGameRecord__C-head { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; background-color: var(--darkBg, var(--bg_color_L2)); padding: .32rem .32rem 0 } .MyGameRecord__C-head-moreB { border: .01333rem solid var(--main-color); height: .8rem; line-height: .8rem; border-radius: .26667rem; padding: 0 .72rem 0 .24rem; color: var(--main-color); font-size: .32rem; position: relative; margin-bottom: .4rem } .MyGameRecord__C-head-moreB:after { content: ""; display: block; width: .4rem; height: .4rem; position: absolute; top: 50%; right: .2rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-image: url(/assets/jpg/moreBtn-ad0358aa.jpg); background-repeat: no-repeat; background-size: .4rem; background-position: center } html:lang(ar) .MyGameRecord__C-head-moreB:after { left: .2rem; right: unset; -webkit-transform: scaleX(-1); transform: scaleX(-1); top: 25% } .MyGameRecord__C-body { padding: 0 .32rem } .MyGameRecord__C-body-empty { height: 5.33333rem } .MyGameRecord__C-foot { height: 1.86667rem; background: var(--darkBg, var(--bg_color_L2)); padding: .46667rem 2.37333rem; margin-top: .48rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .MyGameRecord__C-foot-page { font-size: .32rem; color: var(--text_color_L1) } .MyGameRecord__C-foot-previous, .MyGameRecord__C-foot-next { width: .93333rem; height: .93333rem; border-radius: .13333rem; background: var(--main-color); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .MyGameRecord__C-foot-previous.disabled, .MyGameRecord__C-foot-next.disabled { background: var(--gray-color-1); pointer-events: none } .MyGameRecord__C-foot-previous.disabled .MyGameRecord__C-icon, .MyGameRecord__C-foot-next.disabled .MyGameRecord__C-icon { color: var(--saveTextColor-7) } .MyGameRecord__C-foot-previous .MyGameRecord__C-icon, .MyGameRecord__C-foot-next .MyGameRecord__C-icon { color: #fff } .list { padding: 0 .26667rem } .list .hb { background-color: #fff; color: var(--colorText-3); font-size: .37333rem } .list .hb .item { padding: .21333rem; border-bottom: .02667rem solid var(--gray-color-1); color: var(--colorText-3); font-size: .37333rem } .list .hb .item.action { padding: .32rem .26667rem } .list .hb .item .goItem { height: .42667rem } .list .hb .li { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; text-align: center; width: .42667rem !important; height: .42667rem; border: .02667rem solid var(--gray-color-1); border-radius: .42667rem; margin-right: .10667rem; color: var(--gray-color-1) } .list .hb .li.action { font-size: .32rem; border: none; color: #fff; background-color: var(--norm_red-color) } .list .hb .li.circle-black { border: .02667rem solid var(--text_color_L1); color: var(--text_color_L1); background: var(--bgColor-6) } .list .hb .li.actionH { border: none; color: #fff; background-color: var(--borderColor-4) } .list .hb .li.actionL { border: .01333rem solid var(--borderColor-4); color: var(--borderColor-4); background-color: #fff } .list .hb .li.actionO { border: none; color: #fff; background-color: var(--norm_secondary-color) } .list .hb .li.actionE { border: .01333rem solid var(--norm_secondary-color); color: var(--norm_secondary-color); background-color: #fff } .list .hb .qiu { width: 3rem; position: relative } .list .hb .qiu .line-canvas { position: absolute !important; top: .12rem; left: 0; height: .73333rem; width: 2.61333rem; z-index: 99 } html:lang(ar) .list .hb .qiu .line-canvas { right: .12rem; left: unset } .list .hb .red { color: var(--colorText-2) } .list .hb .green { color: var(--norm_green-color) } .list .hb .blue { color: var(--colorText-7) } .list .hb .box .li { display: block; height: .13333rem; width: .13333rem; border-radius: .13333rem; margin: 0 .06667rem } .list .hb .item { padding: .53333rem .4rem } .list .hb .item .info { width: 100% } .list .hb .item .info .issueName .state { color: #fff; padding: .10667rem .26667rem; margin-left: .26667rem; border-radius: .53333rem; font-size: .32rem; display: inline-block; text-align: center } .list .hb .item .info .issueName .state.red { background-color: var(--norm_red-color) } .list .hb .item .info .issueName .state.green { background-color: var(--norm_green-color) } .list .hb .item .info .tiem { font-size: .32rem; color: var(--text_color_L2); margin-top: .13333rem } .list .hb .item .info .money { font-weight: 600; font-size: .42667rem } .list .hb .item .info .money .fail { color: var(--norm_red-color) } .list .hb .item .info .money .success { color: var(--bgColor-13) } .list .hb .details { padding: .4rem; border-bottom: .01333rem solid var(--gray-color-1) } .list .hb .details .tit { font-size: .4rem; color: var(--text_color_L1); margin-bottom: .26667rem; font-weight: 700 } .list .hb .details .tit img { width: .64rem; height: .64rem; position: relative; top: .13333rem } .list .hb .details .tag-read img { width: .32rem; height: .32rem } .list .hb .details .detailLi { min-height: .66667rem; line-height: .66667rem; background: var(--bgColor-6); color: var(--text_color_L2); font-size: .37333rem; border-radius: .13333rem; margin-bottom: .21333rem } .list .hb .details .detailLi .red { color: var(--main_gradient-color) } .list .hb .details .detailLi .result { height: .93333rem; line-height: .93333rem; background: var(--main-color); border-radius: .13333rem .13333rem 0 0; color: #fff; text-align: left; padding: 0 --0.26667rem } .list .hb .details .detailLi .prize-tit { font-size: .32rem; color: var(--text_color_L2) } .list .hb .details .detailLi .prize-box { border-bottom: .01333rem solid #fff } .list .hb .details .detailLi .prize-box-item { text-align: center; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; color: var(--text_color_L3); font-size: .34667rem } .list .hb .details .detailLi .c-flex-warp { color: var(--text_color_L3); font-size: .34667rem } .list .hb .details .detailLi .select { margin-left: .53333rem } .list .hb .details .detailLi .select .ball { display: -webkit-box; display: -webkit-flex; display: flex; width: .64rem; height: .42667rem; line-height: .42667rem; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; margin-left: .13333rem; margin-bottom: .13333rem; background: var(--main-color); border-radius: .08rem; color: #fff } .list .hb .details .detailLi .Bet-box.pb { padding-bottom: .06667rem } .list .hb .details .detailLi .Bet-box ul li { height: .26667rem; line-height: .26667rem; border-radius: .04rem; padding: 0 .13333rem; font-size: .16rem; margin: .02667rem .05333rem; background-color: var(--gray-color-1) } .list .hb .details .detailLi .Bet-box ul li.actionViolet { color: #fff; background-color: var(--bgcolor-21) } .list .hb .details .detailLi .Bet-box ul li.actionRed { color: #fff; background-color: var(--norm_red-color) } .list .hb .details .detailLi .Bet-box ul li.actionGreen { color: #fff; background-color: var(--bgColor-13) } .list .hb .details .detailLi .Bet-box ul li.actionRedGreen { color: #fff; background-color: var(--norm_red-color); background-image: var(--linearGradien-21) } .list .hb .details .detailLi .Bet-box .actionBtn { height: .34667rem; line-height: .34667rem; display: inline-block; border-radius: .04rem; padding: 0 .13333rem; font-size: .16rem; background-color: var(--norm_red-color); color: #fff } .areList { margin: .53333rem; position: relative } .areList .close { position: absolute; top: -1.6rem; left: 50%; -webkit-transform: translateX(-50%); transform: translate(-50%); width: .8rem; height: .8rem } .areList .items h1 { color: var(--darkTextW, var(--borderColor-26)); font-size: .42667rem } .areList .items .itemsC { margin: .26667rem 0 .4rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; gap: .2rem; -webkit-flex-wrap: wrap; flex-wrap: wrap } .areList .items .itemsC>div { width: calc((100% - .53333rem)/2); background: var(--bgDark-3, var(--homeActiveBgColor)); border-radius: .13333rem; min-height: 1.06667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; color: var(--text_color_L2); font-size: .37333rem } .areList .items .itemsC .isActive { background: var(--norm_red-color); color: #fff } .titlebets { font-size: .29333rem; color: var(--main-color) } .border60 { width: 4.53333rem; height: .66667rem; line-height: .66667rem; border-radius: .8rem; border: .01333rem solid var(--main-color); margin: 0 auto; margin-top: .30667rem } .bottombg { width: .64rem; height: .64rem; background-image: url(/assets/png/arrowbottom-4eb91cbc.png); background-repeat: no-repeat; background-size: contain; background-position: center } .compound2, .compound3 { padding-top: .26667rem; max-height: 5.33333rem; overflow-y: auto } .compound2 .item, .compound3 .item { width: 100%; margin-bottom: .26667rem } .compound2 .item.item0-3 .box .c-row, .compound3 .item.item0-3 .box .c-row { -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: .21333rem } .compound2 .item.item0-3 .box .num, .compound3 .item.item0-3 .box .num { width: calc((100% - 1.28rem) / 7); height: 1.13333rem; background-size: 1.13333rem 1.13333rem } .compound2 .item.item0-2 .box .c-row, .compound2 .item.item5-2 .box .c-row, .compound3 .item.item0-2 .box .c-row, .compound3 .item.item5-2 .box .c-row { -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: .21333rem } .compound2 .item.item0-2 .box .num, .compound2 .item.item5-2 .box .num, .compound3 .item.item0-2 .box .num, .compound3 .item.item5-2 .box .num { width: calc((100% - 1.28rem) / 7); height: .8rem; background-size: .8rem .8rem } .compound2 .item.item4-2 .box .c-row, .compound3 .item.item4-2 .box .c-row { -webkit-flex-wrap: wrap; flex-wrap: wrap } .compound2 .item.item4-2 .box .num, .compound3 .item.item4-2 .box .num { margin-bottom: .26667rem } .compound2 .item.item4-2 .box .num:nth-child(9n-8), .compound2 .item.item4-2 .box .num:nth-child(9n-7), .compound2 .item.item4-2 .box .num:nth-child(9n-6), .compound2 .item.item4-2 .box .num:nth-child(9n-5), .compound2 .item.item4-2 .box .num:nth-child(9n-4), .compound2 .item.item4-2 .box .num:nth-child(9n-3), .compound2 .item.item4-2 .box .num:nth-child(9n-2), .compound2 .item.item4-2 .box .num:nth-child(9n-1), .compound2 .item.item4-2 .box .num:nth-child(9n), .compound3 .item.item4-2 .box .num:nth-child(9n-8), .compound3 .item.item4-2 .box .num:nth-child(9n-7), .compound3 .item.item4-2 .box .num:nth-child(9n-6), .compound3 .item.item4-2 .box .num:nth-child(9n-5), .compound3 .item.item4-2 .box .num:nth-child(9n-4), .compound3 .item.item4-2 .box .num:nth-child(9n-3), .compound3 .item.item4-2 .box .num:nth-child(9n-2), .compound3 .item.item4-2 .box .num:nth-child(9n-1), .compound3 .item.item4-2 .box .num:nth-child(9n) { background-color: var(--homeActiveBgColor); padding: .26667rem } .compound2 .item.item4-2 .box .num:nth-child(9n-7), .compound2 .item.item4-2 .box .num:nth-child(9n-6), .compound2 .item.item4-2 .box .num:nth-child(9n-4), .compound2 .item.item4-2 .box .num:nth-child(9n-3), .compound2 .item.item4-2 .box .num:nth-child(9n-1), .compound2 .item.item4-2 .box .num:nth-child(9n), .compound3 .item.item4-2 .box .num:nth-child(9n-7), .compound3 .item.item4-2 .box .num:nth-child(9n-6), .compound3 .item.item4-2 .box .num:nth-child(9n-4), .compound3 .item.item4-2 .box .num:nth-child(9n-3), .compound3 .item.item4-2 .box .num:nth-child(9n-1), .compound3 .item.item4-2 .box .num:nth-child(9n) { margin-left: -.10667rem } .compound2 .item.item4-2 .box .num:nth-child(9n-3), .compound2 .item.item4-2 .box .num:nth-child(9n-6), .compound3 .item.item4-2 .box .num:nth-child(9n-3), .compound3 .item.item4-2 .box .num:nth-child(9n-6) { margin-right: .42667rem } .compound2 .item.item3-2 .box .c-row, .compound3 .item.item3-2 .box .c-row { -webkit-flex-wrap: wrap; flex-wrap: wrap } .compound2 .item.item3-2 .box .num, .compound3 .item.item3-2 .box .num { margin-bottom: .26667rem } .compound2 .item.item3-2 .box .num:nth-child(8n-1), .compound2 .item.item3-2 .box .num:nth-child(8n-2), .compound2 .item.item3-2 .box .num:nth-child(8n-3), .compound2 .item.item3-2 .box .num:nth-child(8n-4), .compound2 .item.item3-2 .box .num:nth-child(8n-5), .compound2 .item.item3-2 .box .num:nth-child(8n-6), .compound2 .item.item3-2 .box .num:nth-child(8n-7), .compound2 .item.item3-2 .box .num:nth-child(8n), .compound3 .item.item3-2 .box .num:nth-child(8n-1), .compound3 .item.item3-2 .box .num:nth-child(8n-2), .compound3 .item.item3-2 .box .num:nth-child(8n-3), .compound3 .item.item3-2 .box .num:nth-child(8n-4), .compound3 .item.item3-2 .box .num:nth-child(8n-5), .compound3 .item.item3-2 .box .num:nth-child(8n-6), .compound3 .item.item3-2 .box .num:nth-child(8n-7), .compound3 .item.item3-2 .box .num:nth-child(8n) { background-color: var(--homeActiveBgColor); padding: .26667rem } .compound2 .item.item3-2 .box .num:nth-child(8n-6), .compound2 .item.item3-2 .box .num:nth-child(8n-5), .compound2 .item.item3-2 .box .num:nth-child(8n-4), .compound2 .item.item3-2 .box .num:nth-child(8n-2), .compound2 .item.item3-2 .box .num:nth-child(8n-1), .compound2 .item.item3-2 .box .num:nth-child(8n), .compound3 .item.item3-2 .box .num:nth-child(8n-6), .compound3 .item.item3-2 .box .num:nth-child(8n-5), .compound3 .item.item3-2 .box .num:nth-child(8n-4), .compound3 .item.item3-2 .box .num:nth-child(8n-2), .compound3 .item.item3-2 .box .num:nth-child(8n-1), .compound3 .item.item3-2 .box .num:nth-child(8n) { margin-left: -.06667rem } .compound2 .item.item3-2 .box .num:nth-child(8n-4), .compound3 .item.item3-2 .box .num:nth-child(8n-4) { margin-right: 1.73333rem } .compound2 .item.item2-2 .box .c-row, .compound3 .item.item2-2 .box .c-row { -webkit-flex-wrap: wrap; flex-wrap: wrap } .compound2 .item.item2-2 .box .num, .compound3 .item.item2-2 .box .num { margin-bottom: .26667rem } .compound2 .item.item2-2 .box .num:nth-child(8n-1), .compound2 .item.item2-2 .box .num:nth-child(8n-2), .compound2 .item.item2-2 .box .num:nth-child(8n-3), .compound2 .item.item2-2 .box .num:nth-child(8n-4), .compound2 .item.item2-2 .box .num:nth-child(8n-5), .compound2 .item.item2-2 .box .num:nth-child(8n-6), .compound2 .item.item2-2 .box .num:nth-child(8n-7), .compound2 .item.item2-2 .box .num:nth-child(8n), .compound3 .item.item2-2 .box .num:nth-child(8n-1), .compound3 .item.item2-2 .box .num:nth-child(8n-2), .compound3 .item.item2-2 .box .num:nth-child(8n-3), .compound3 .item.item2-2 .box .num:nth-child(8n-4), .compound3 .item.item2-2 .box .num:nth-child(8n-5), .compound3 .item.item2-2 .box .num:nth-child(8n-6), .compound3 .item.item2-2 .box .num:nth-child(8n-7), .compound3 .item.item2-2 .box .num:nth-child(8n) { background-color: var(--homeActiveBgColor); padding: .26667rem; margin-left: -.01333rem } .compound2 .item.item2-2 .box .num:nth-child(8n), .compound3 .item.item2-2 .box .num:nth-child(8n) { margin-right: 1.33333rem } .compound2 .item.item1-2 .box .c-row, .compound3 .item.item1-2 .box .c-row { -webkit-flex-wrap: wrap; flex-wrap: wrap } .compound2 .item.item1-2 .box .num, .compound3 .item.item1-2 .box .num { margin-bottom: .26667rem } .compound2 .item.item1-2 .box .num:nth-child(10n-1), .compound2 .item.item1-2 .box .num:nth-child(10n-2), .compound2 .item.item1-2 .box .num:nth-child(10n-3), .compound2 .item.item1-2 .box .num:nth-child(10n-4), .compound2 .item.item1-2 .box .num:nth-child(10n-5), .compound2 .item.item1-2 .box .num:nth-child(10n-6), .compound2 .item.item1-2 .box .num:nth-child(10n-7), .compound2 .item.item1-2 .box .num:nth-child(10n-8), .compound2 .item.item1-2 .box .num:nth-child(10n-9), .compound2 .item.item1-2 .box .num:nth-child(10n), .compound3 .item.item1-2 .box .num:nth-child(10n-1), .compound3 .item.item1-2 .box .num:nth-child(10n-2), .compound3 .item.item1-2 .box .num:nth-child(10n-3), .compound3 .item.item1-2 .box .num:nth-child(10n-4), .compound3 .item.item1-2 .box .num:nth-child(10n-5), .compound3 .item.item1-2 .box .num:nth-child(10n-6), .compound3 .item.item1-2 .box .num:nth-child(10n-7), .compound3 .item.item1-2 .box .num:nth-child(10n-8), .compound3 .item.item1-2 .box .num:nth-child(10n-9), .compound3 .item.item1-2 .box .num:nth-child(10n) { background-color: var(--homeActiveBgColor); padding: .26667rem; margin-left: -.09333rem } .compound2 .item .box, .compound3 .item .box { border-radius: .26667rem; position: relative; width: 100% } .compound2 .item .box .num, .compound3 .item .box .num { min-width: .8rem; min-height: .8rem; background: url(/assets/svg/anbg-dde5866e.svg) no-repeat center center; background-size: .8rem .8rem; font-size: .42667rem; font-weight: 600; color: #f95959 } .compound2 .item .box .money, .compound3 .item .box .money { text-align: center; background-color: var(--gray-color-1); position: relative; height: .53333rem; border-radius: 0 0 .26667rem .26667rem } .compound2 .item .box .money .all, .compound3 .item .box .money .all { position: relative; z-index: 9; line-height: .8rem; font-size: .32rem; color: #f95959 } .compound2 .item .box .money:after, .compound3 .item .box .money:after { position: absolute; top: 0; left: 0; content: ""; display: block; width: 100%; height: .21333rem; background-color: var(--gray-color-1); border-radius: 0 0 50% 50% } .compound2 .item .box .dele, .compound3 .item .box .dele { position: absolute; right: -.18667rem; top: -.18667rem; height: .37333rem; width: .37333rem; border-radius: .53333rem; background-color: #f95959 } .compound2 .item .box .dele .icon, .compound3 .item .box .dele .icon { font-size: .26667rem } .compound2 .item.item0-4 .box .c-row { -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: .53333rem } .compound2 .item.item0-4 .box .num { width: calc((100% - 2.13333rem)/5); background: var(--main_gradient-color); color: #fff; border-radius: .13333rem; min-height: 1.06667rem; min-width: 1.33333rem } .compound { padding-top: .26667rem; max-height: 6rem; overflow: auto } .compound .item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; align-items: center; width: 100%; margin-bottom: .4rem } .compound .item .title { width: 1.38667rem; overflow: hidden; position: relative; text-align: center; font-size: .42667rem; color: var(--text_color_L2) } .compound .item .numcontainer { width: 7.94667rem; margin-left: .13333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; gap: .13333rem } .compound .item .numcontainer .num { width: calc((100% - .85333rem)/5); height: .8rem; background: url(/assets/svg/anbg-dde5866e.svg) no-repeat center center; background-size: .8rem .8rem; font-size: .42667rem; font-weight: 600; color: #f95959; position: relative; text-align: center; line-height: .8rem } .compound .item .numcontainer .num .dele { position: absolute; right: -.18667rem; top: -.18667rem; height: .37333rem; width: .37333rem; border-radius: .53333rem; background-color: #f95959 } html:lang(ar) .compound .item .numcontainer .num .dele { right: unset; left: -.18667rem } .compound .item .numcontainer .num .dele .icon { font-size: .26667rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .NewVietnam__C { padding-bottom: .34667rem; overflow-y: auto; background-color: var(--bgDark-4, var(--bg_color_L1)) } .NewVietnam__C-head { height: 1.25333rem; background: var(--main_gradient-color); padding: 0 .34667rem; position: relative } .NewVietnam__C-head div { background-repeat: no-repeat; background-position: center } .NewVietnam__C-head-bcak { position: absolute; width: .64rem; height: .64rem; background-image: url(/assets/png/bcakIcon-b7c1d288.png); background-size: .64rem; left: .34667rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } html:lang(ar) .NewVietnam__C-head-bcak { left: unset; right: .34667rem } .NewVietnam__C-head-logo { background-size: 2.98667rem 1.12rem; height: 1.12rem; width: 2.98667rem; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translate(-50%) translateY(-50%) } .NewVietnam__C-head-more { position: absolute; width: 1.54667rem; height: .64rem; right: .34667rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } html:lang(ar) .NewVietnam__C-head-more { right: unset; left: .34667rem } .NewVietnam__C-head-more>div { width: .64rem; height: .64rem; background-image: url(/assets/png/kefu-b361c42f.png); background-size: .64rem } .NewVietnam__C-head-more>div:last-child { background-image: url(/assets/png/voice-62dbf38c.png) } .NewVietnam__C-head-more>div:last-child.disableVoice { background-image: url(/assets/png/voice-off-633f5ccc.png) } .NewVietnam__C .driver-close-btn, .NewVietnam__C .driver-prev-btn { display: none } .popup { overflow-y: visible !important; border-radius: .13333rem .13333rem 0 0; width: 100% } .popup .van-popup { overflow-y: visible !important; border-radius: .26667rem .26667rem 0 0 } .popup .box { position: relative } .popup .box .close { position: absolute; top: -1.06667rem; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%) } .popup .box .close .img { width: .8rem; height: .8rem } .popup .box .title { font-size: .42667rem; color: var(--text_color_L1) } .popup .box .numList { max-height: 5.33333rem; overflow-x: auto } .popup .box .numList .item { width: 1.06667rem; height: 1.06667rem; font-size: .42667rem; font-weight: 600; color: #f95959; background: url(/assets/svg/anbg-dde5866e.svg) no-repeat center center; background-size: cover; margin: 0 .13333rem } .popup-info-item { height: .8rem; line-height: .8rem; margin-top: .26667rem } .popup-info-item .tit { font-size: .37333rem; color: var(--text_color_L2) } .popup-info-item .amount-box .li, .popup-info-item .multiple-box .li { text-align: center; font-size: .32rem; padding: 0 .13333rem; height: .8rem; line-height: .8rem; min-width: 1.33333rem; margin-left: .13333rem; border: .01333rem solid var(--gray-color-1); border-radius: .13333rem; color: #f95959 } .popup-info-item .amount-box .li.action, .popup-info-item .multiple-box .li.action { border: none; color: #fff; background: var(--main_gradient-color) } .popup-info-item .multiple-box .li { padding: 0 .26667rem; min-width: auto } .popup-info-item .stepper-box .digit-box { width: 2.66667rem; height: .8rem; border-radius: .8rem; padding: 0; margin: 0 .13333rem; background-color: var(--walletBgColor-1) } .popup-info-item .stepper-box .digit-box .van-field__control { height: .74667rem; text-align: center } .popup-info-item .stepper-box .li { height: .8rem; width: .8rem; font-size: .8rem; border-radius: 50%; background-color: var(--main-color); color: #fff } .popup-info-item .stepper-box .li.minus { text-align: center; line-height: .66667rem } .popup-info-item .txt { color: #f95959 } .popup-info .quantity { margin-top: .26667rem; padding: 0 .21333rem; height: 1.17333rem; background-color: var(--bgDark-2, var(--homeActiveBgColor)); border-radius: .13333rem; font-size: .32rem; color: var(--text_color_L2) } .popup-info .quantity .line { padding: 0 .13333rem; color: var(--text_color_L2) } .popup-info .quantity .num { color: #f95959; font-size: .4rem } .popup-info .wallet, .popup-info .balance { padding: 0 .21333rem; margin-top: .26667rem; height: .8rem; background-color: var(--bgDark-2, var(--homeActiveBgColor)) } .popup-info .wallet .txt, .popup-info .balance .txt { font-size: .32rem; color: var(--text_color_L2) } .popup-info .wallet .txt img, .popup-info .balance .txt img { width: .4rem; height: .4rem; margin-right: .13333rem } .popup-info .wallet .txt .num, .popup-info .balance .txt .num { font-size: .37333rem; color: var(--text_color_L1); padding-left: .26667rem } .popup-info .wallet .txt .num.yellow, .popup-info .balance .txt .num.yellow { color: var(--norm_secondary-color) } .popup-info .wallet .bg333, .popup-info .balance .bg333 { font-size: .32rem; color: var(--text_color_L1) } .popup-info .wallet .bg7172, .popup-info .balance .bg7172 { font-size: .32rem; color: var(--main-color) } .popup-info .wallet .bet, .popup-info .balance .bet { border: .01333rem solid #F95959; border-radius: .13333rem; height: .64rem; line-height: .64rem; color: #f95959; padding: 0 .26667rem } .popup-btn { height: 1.6rem } .popup-btn .left { width: 45% } .popup-btn .left .btn { height: 1.6rem; font-size: .42667rem; border-radius: 0; color: var(--text_color_L2); background-color: #f95959 } .popup-btn .right { width: 55% } .popup-btn .right .btn { height: 1.6rem; font-size: .42667rem; border-radius: 0; color: #fff; background-color: #f95959 } .popup-btn .right .noActive { background-color: #f95959; color: var(--text_color_L2) } .PreSaleRule { width: 7.04rem } .PreSaleRule .head { height: 1.2rem; line-height: 1.2rem; color: #fff; font-size: .4rem; text-align: center; background-size: cover; background-repeat: no-repeat; background-position: left center; background-image: url(/assets/png/wingoPreSaleBg-1a69469d.png) } .PreSaleRule .body { max-height: 8rem; overflow-y: auto; padding: .4rem; font-size: .32rem; line-height: .8rem } .PreSaleRule .body p { margin-bottom: .2rem; line-height: .53333rem } .PreSaleRule .foot { height: 1.86667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .PreSaleRule .foot .btn { width: 60%; background: var(--main_gradient-color); border-radius: .53333rem; height: .93333rem; line-height: .93333rem; text-align: center; font-size: .37333rem; color: #fff } .Tips { width: 8rem; height: 2.13333rem; line-height: 2.13333rem; background: var(--bg_color_L2); border: .01333rem solid var(--borderColor-5); border-radius: .26667rem; display: -webkit-box; display: -webkit-flex; display: flex } .Tips>div { display: -webkit-box; display: -webkit-flex; display: flex; overflow-y: hidden } .Tips>div img { width: 1.17333rem; height: 1.17333rem; margin-top: .45333rem } .Tips>div .font36 { color: var(--text_color_L1); font-weight: 700; font-size: .48rem; margin-left: .32rem } .GameList__C-region { height: 1.2rem; line-height: 1.2rem; overflow: hidden; padding: 0 .26667rem; margin: .26667rem 0 } .GameList__C-region .item { width: calc(33.3% - .53333rem); position: relative; text-align: center; font-size: .48rem; -webkit-transition: .4s; transition: .4s } .GameList__C-region .item:nth-child(1) { background: var(--bg_color_L2); border-radius: .13333rem 0 0 .13333rem } .GameList__C-region .item:nth-child(1):after { position: absolute; top: 0; right: -.66667rem; content: ""; width: 0; height: 0; border-bottom: 1.2rem solid #fff; border-right: .66667rem solid transparent; -webkit-transition: .4s; transition: .4s } .GameList__C-region .item:nth-child(2) { background: var(--bg_color_L2) } .GameList__C-region .item:nth-child(2):after { position: absolute; top: 0; right: -.66667rem; content: ""; width: 0; height: 0; border-top: 1.2rem solid #fff; border-right: .66667rem solid transparent; -webkit-transition: .4s; transition: .4s } html:lang(ar) .GameList__C-region .item:nth-child(2):after { left: -.66667rem; right: unset } .GameList__C-region .item:nth-child(2):before { position: absolute; top: 0; left: -.66667rem; content: ""; width: 0; height: 0; border-top: 1.2rem solid #fff; border-left: .66667rem solid transparent; -webkit-transition: .4s; transition: .4s } html:lang(ar) .GameList__C-region .item:nth-child(2):before { right: -.66667rem; left: unset } .GameList__C-region .item:nth-child(3) { background: var(--bg_color_L2); border-radius: 0 .13333rem .13333rem 0 } .GameList__C-region .item:nth-child(3):before { position: absolute; top: 0; left: -.66667rem; content: ""; width: 0; height: 0; border-bottom: 1.2rem solid #fff; border-left: .66667rem solid transparent; -webkit-transition: .4s; transition: .4s } html:lang(ar) .GameList__C-region .item:nth-child(3):before { right: -.66667rem; left: unset } .GameList__C-region .item.action { color: #fff } .GameList__C-region .item.action:nth-child(1) { background: -webkit-linear-gradient(325deg, #FF8E89 12.38%, #FFC3A2 87.13%); background: linear-gradient(125deg, #FF8E89 12.38%, #FFC3A2 87.13%) } .GameList__C-region .item.action:nth-child(1):after { border-bottom: 1.2rem solid var(--borderColor-5) } .GameList__C-region .item.action:nth-child(2) { background: -webkit-linear-gradient(325deg, #FF8E89 12.38%, #FFC3A2 87.13%); background: linear-gradient(125deg, #FF8E89 12.38%, #FFC3A2 87.13%) } .GameList__C-region .item.action:nth-child(2):after { border-top: 1.2rem solid var(--borderColor-5) } .GameList__C-region .item.action:nth-child(2):before { border-top: 1.2rem solid #F95959 } .GameList__C-region .item.action:nth-child(3) { background: -webkit-linear-gradient(325deg, #FF8E89 12.38%, #FFC3A2 87.13%); background: linear-gradient(125deg, #FF8E89 12.38%, #FFC3A2 87.13%) } .GameList__C-region .item.action:nth-child(3):before { border-bottom: 1.2rem solid #F95959 } .GameList__C-time { padding-left: .2rem; overflow-y: auto; height: 1.06667rem; display: -webkit-box; display: -webkit-flex; display: flex } .GameList__C-time .item { position: relative; white-space: nowrap; background-color: #fff; margin: 0 .10667rem; padding: .04rem .16rem 0; text-align: center; border-radius: .13333rem .13333rem 0 0 } .GameList__C-time .item .week { font-size: .16rem; color: var(--text_color_L1) } .GameList__C-time .item .time { font-size: .16rem; color: var(--text_color_L2) } .GameList__C-time .item:after, .GameList__C-time .item:before { content: ""; width: .4rem; height: .4rem; position: absolute; bottom: 0; z-index: 9 } .GameList__C-time .item:after { background: -webkit-radial-gradient(100% 0, circle, rgba(204, 0, 0, 0) .4rem, #ffffff .41333rem); background: radial-gradient(circle at 100% 0, rgba(204, 0, 0, 0) .4rem, #ffffff .41333rem); right: -.4rem } html:lang(ar) .GameList__C-time .item:after { left: -.4rem; right: unset } .GameList__C-time .item:before { background: -webkit-radial-gradient(0 0, circle, rgba(204, 0, 0, 0) .4rem, #ffffff .41333rem); background: radial-gradient(circle at 0 0, rgba(204, 0, 0, 0) .4rem, #ffffff .41333rem); left: -.4rem } html:lang(ar) .GameList__C-time .item:before { right: -.4rem; left: unset } .GameList__C-time .item.active { background-color: var(--main-color); color: #fff; z-index: 10 } .GameList__C-time .item.active .week, .GameList__C-time .item.active .time { color: #fff } .GameList__C-time .item.active:before { background: -webkit-radial-gradient(0 0, circle, rgba(204, 0, 0, 0) .4rem, var(--main-color) .41333rem); background: radial-gradient(circle at 0 0, rgba(204, 0, 0, 0) .4rem, var(--main-color) .41333rem); left: -.4rem; z-index: 10 } html:lang(ar) .GameList__C-time .item.active:before { right: -.4rem; left: unset } .GameList__C-time .item.active:after { background: -webkit-radial-gradient(100% 0, circle, rgba(204, 0, 0, 0) .4rem, var(--main-color) .41333rem); background: radial-gradient(circle at 100% 0, rgba(204, 0, 0, 0) .4rem, var(--main-color) .41333rem); right: -.4rem; z-index: 10 } html:lang(ar) .GameList__C-time .item.active:after { left: -.4rem; right: unset } .GameList__C-city { border-top: .02667rem solid #fff; overflow-y: auto; height: .6rem; height: 1.17333rem; background-color: var(--main-color); display: -webkit-box; display: -webkit-flex; display: flex } .GameList__C-city .item { height: .93333rem; line-height: .93333rem; white-space: nowrap; margin: .08rem .10667rem; padding: 0 .10667rem; text-align: center; color: #fff } .GameList__C-city .item.action { background-color: #fff; color: var(--main-color); border-radius: .06667rem } .GameList__C-bet { width: 100%; margin-top: .2rem; padding: 0 .13333rem; display: -webkit-box; display: -webkit-flex; display: flex; height: 1.06667rem; overflow-x: scroll } .GameList__C-bet ul { margin: 0; padding: 0; list-style: none; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; white-space: nowrap } .GameList__C-bet .item { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; height: .93333rem; padding: .25333rem .88rem; background: var(--bg_color_L2); border-radius: .16rem; margin-right: .32rem; color: var(--text_color_L2) } .GameList__C-bet .item.action { color: #fff; background: var(--main_gradient-color2) } .Betting__C-mark { width: 100%; height: 100%; background: var(--bgcolor-32); position: fixed; z-index: 99; top: 0; left: 0; color: #fff; border-radius: .26667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center } html:lang(ar) .Betting__C-mark { right: 0; left: unset; direction: ltr } .Betting__C-mark>div { width: 5.86667rem; height: 1.33333rem; line-height: 1.33333rem; display: inline-block; border-radius: .26667rem; border: .01333rem solid #fff; font-size: .42667rem; color: #fff; font-weight: 700; padding: 0 .4rem 0 2.08rem } .Betting__C-bet { margin-top: .4rem; padding: 0 .26667rem } .Betting__C-bet .tit { height: .53333rem; line-height: .53333rem } .Betting__C-bet .tit-select { padding-left: .26667rem; font-size: .42667rem; font-weight: 700; border-left: .08rem solid var(--main-color) } .Betting__C-bet .tit-list .check { padding-left: .26667rem; color: var(--text_color_L2) } .Betting__C-bet .tit-list .check-item { height: .42667rem; width: .42667rem; border-radius: .42667rem; border: .02667rem solid #c9c9c9; margin-right: .10667rem } .Betting__C-bet .tit-list .check.action { color: #f95959 } .Betting__C-bet .tit-list .check.action .check-item { border: .01333rem solid #F95959; position: relative } .Betting__C-bet .tit-list .check.action .check-item:after { content: ""; display: block; border-radius: .26667rem; background-color: #f95959; width: .26667rem; height: .26667rem; position: absolute; left: .05333rem; top: .05333rem } html:lang(ar) .Betting__C-bet .tit-list .check.action .check-item:after { right: .05333rem; left: unset } .Betting__C-bet .nList { background: var(--bg_color_L2); border-radius: .32rem; padding: .26667rem; margin-top: .4rem } .Betting__C-bet .nList .Ntit { line-height: .74667rem; font-size: .42667rem; color: var(--text_color_L3); font-weight: 400 } .Betting__C-bet .nList .list { width: 100% } .Betting__C-bet .nList .list .item { width: 20% } .Betting__C-bet .nList .list .item .number { width: 1.06667rem; height: 1.06667rem; font-size: .42667rem; font-weight: 700; color: var(--text_color_L2); background: url(/assets/svg/nbg-dba06970.svg) no-repeat center center; background-size: cover } .Betting__C-bet .nList .list .item .number.action { color: #f95959; background: url(/assets/svg/anbg-dde5866e.svg) no-repeat center center; background-size: cover } .Footer__C { width: 100%; position: fixed; left: auto; bottom: 0; height: 1.6rem; z-index: 98 } .Footer__C .nav { height: 1.6rem; background-color: #fee; max-width: 10rem } .Footer__C .nav .left { width: 55% } .Footer__C .nav .left .item { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; padding-left: .26667rem; color: var(--main-color) } .Footer__C .nav .left .item .txt { margin-bottom: .08rem } .Footer__C .nav .left .item .num { color: #f95959; font-weight: 600 } .Footer__C .bet-btn { width: 40%; background-color: #f95959; color: #fff; font-size: .48rem; font-weight: 600 } .Footer__C .disabled-btn { width: 40%; background-color: var(--button_dis_color); color: var(--text_color_L2); font-size: .48rem; font-weight: 400; pointer-events: none } .RecordNav__C { width: calc(100% - .64rem); height: 1.17333rem; line-height: 1.17333rem; display: -webkit-box; display: -webkit-flex; display: flex; margin: .32rem auto 0; border-radius: .16rem; overflow: hidden } .RecordNav__C>div { width: 50%; height: 100%; background: var(--bgDark-3, var(--bg_color_L2)); font-size: .42667rem; color: var(--text_color_L2); text-align: center; overflow: hidden } .RecordNav__C>div.active { background: var(--dark-linerGradien-91, var(--main_gradient-color2)); font-weight: 600; color: #fff } .GameRecord__C { width: calc(100% - .69333rem); margin: .26667rem auto 1.6rem; text-align: center; font-size: .32rem } .GameRecord__C-head { height: 1.06667rem; line-height: 1.06667rem; background: var(--bgDark-2, var(--main-color)); border-radius: .13333rem .13333rem 0 0; font-weight: 600; font-size: .37333rem; color: #fff } .GameRecord__C-body { color: var(--text_color_L1); font-size: .32rem; background: var(--darkBg, var(--bg_color_L1)); border-radius: 0 0 .13333rem .13333rem } .GameRecord__C-body .van-row { min-height: 1.30667rem; border-bottom: .01333rem solid var(--bgDark-2, var(--saveTextColor-3)) } .GameRecord__C-body .details { width: 100%; border: .01333rem solid var(--borderColor-5); border-radius: .26667rem; padding: .33333rem } .GameRecord__C-body .details .tit { font-size: .4rem; color: var(--text_color_L1); margin-bottom: .26667rem; font-weight: 700 } .GameRecord__C-body .details .tit img { width: .64rem; height: .64rem; position: relative; top: .13333rem } .GameRecord__C-body .details .tag-read img { width: .32rem; height: .32rem } .GameRecord__C-body .details .detailLi { min-height: .66667rem; line-height: .66667rem; color: var(--text_color_L2); font-size: .37333rem; border-radius: .13333rem } .GameRecord__C-body .details .detailLi .red { color: var(--main_gradient-color) } .GameRecord__C-body .details .detailLi .prize { background: var(--bgDark-4, --walletBgColor-1); margin-bottom: .16rem; padding: .26667rem; border-radius: .26667rem } .GameRecord__C-body .details .detailLi .prize:last-child { margin-bottom: 0 } .GameRecord__C-body .details .detailLi .selectItem0, .GameRecord__C-body .details .detailLi .selectItem1, .GameRecord__C-body .details .detailLi .selectItem2 { display: -webkit-box; display: -webkit-flex; display: flex } .GameRecord__C-body .details .detailLi .selectItem0>div:nth-of-type(1), .GameRecord__C-body .details .detailLi .selectItem1>div:nth-of-type(1), .GameRecord__C-body .details .detailLi .selectItem2>div:nth-of-type(1) { width: 45% } .GameRecord__C-body .details .detailLi .selectItem0>div:nth-of-type(2), .GameRecord__C-body .details .detailLi .selectItem1>div:nth-of-type(2), .GameRecord__C-body .details .detailLi .selectItem2>div:nth-of-type(2) { width: .13333rem } .GameRecord__C-body .details .detailLi .selectItem0 span, .GameRecord__C-body .details .detailLi .selectItem1 span, .GameRecord__C-body .details .detailLi .selectItem2 span { font-weight: 700; font-size: .42667rem; color: var(--darkTextW, --text_color_L1); padding-left: 0; text-align: center } .GameRecord__C-body .details .detailLi .selectItem0 span { color: #f95959 } .GameRecord__C-body .details .detailLi .prize-tit { text-align: left; font-size: .37333rem; color: var(--darkTextW, --text_color_L1); padding-left: .26667rem } .GameRecord__C-body .details .detailLi .action0 { color: #f95959 !important; font-weight: 700; font-size: .42667rem } .GameRecord__C-body .details .detailLi .action1, .GameRecord__C-body .details .detailLi .action2 { font-weight: 700; font-size: .42667rem } .GameRecord__C-body .details .detailLi .prize-box { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1 } .GameRecord__C-body .details .detailLi .prize-box-item { text-align: left; padding-left: .26667rem; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; color: var(--text_color_L1); font-size: .37333rem; font-weight: 500 } .GameRecord__C-body .details .detailLi .c-flex-warp { color: var(--text_color_L3); font-size: .34667rem } .GameRecord__C-body .details .detailLi .select { margin-left: .53333rem } .GameRecord__C-body .details .detailLi .select .ball { display: -webkit-box; display: -webkit-flex; display: flex; width: .64rem; height: .42667rem; line-height: .42667rem; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; margin-left: .13333rem; margin-bottom: .13333rem; background: var(--main-color); border-radius: .08rem; color: #fff } .GameRecord__C-body .details .detailLi .Bet-box.pb { padding-bottom: .06667rem } .GameRecord__C-body .details .detailLi .Bet-box ul li { height: .26667rem; line-height: .26667rem; border-radius: .04rem; padding: 0 .13333rem; font-size: .16rem; margin: .02667rem .05333rem; background-color: var(--gray-color-1) } .GameRecord__C-body .details .detailLi .Bet-box ul li.actionViolet { color: #fff; background-color: var(--bgcolor-21) } .GameRecord__C-body .details .detailLi .Bet-box ul li.actionRed { color: #fff; background-color: var(--norm_red-color) } .GameRecord__C-body .details .detailLi .Bet-box ul li.actionGreen { color: #fff; background-color: var(--bgColor-13) } .GameRecord__C-body .details .detailLi .Bet-box ul li.actionRedGreen { color: #fff; background-color: var(--norm_red-color); background-image: var(--linearGradien-21) } .GameRecord__C-body .details .detailLi .Bet-box .actionBtn { height: .34667rem; line-height: .34667rem; display: inline-block; border-radius: .04rem; padding: 0 .13333rem; font-size: .16rem; background-color: var(--norm_red-color); color: #fff } .GameRecord__C-body .goItem { height: 1.30667rem; line-height: 1.30667rem; text-align: center; color: var(--darkTextW, --main-color); font-size: .32rem } .GameRecord__C-body .li { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; text-align: center; width: .4rem; height: .4rem; border-radius: 50%; background: var(--walletBgColor-1); margin: 0 .02667rem } .GameRecord__C-body .li .circle-black { background-color: var(--walletBgColor-1); color: var(--text_color_L1); font-size: .32rem } .GameRecord__C-body .time { color: var(--textM3, var(--text_color_L2)); font-size: .32rem; height: 100% } .GameRecord__C-body .numList { width: 3rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; position: relative; top: .4rem } .GameRecord__C-body .numList .numItem { width: .4rem; height: .4rem; background: var(--walletBgColor-1); color: var(--text_color_L1); font-size: .32rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; border-radius: 50% } .GameRecord__C-body .redNumItem { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .GameRecord__C-foot { height: 1.86667rem; background: var(--darkBg, var(--bg_color_L2)); padding: .46667rem 2.37333rem; margin-top: .48rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .GameRecord__C-foot-previous, .GameRecord__C-foot-next { width: .93333rem; height: .93333rem; border-radius: .13333rem; background: var(--main-color); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .GameRecord__C-foot-previous.disabled, .GameRecord__C-foot-next.disabled { background: var(--gray-color-1); pointer-events: none } .GameRecord__C-foot-previous.disabled .GameRecord__C-icon, .GameRecord__C-foot-next.disabled .GameRecord__C-icon { color: var(--saveTextColor-7) } .GameRecord__C-foot-previous .GameRecord__C-icon, .GameRecord__C-foot-next .GameRecord__C-icon { color: #fff } .MyGameRecord__C { width: 100%; margin: .32rem auto 1.6rem } .MyGameRecord__C-head { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; background-color: var(--darkBg, var(--bg_color_L2)); padding: .32rem .32rem 0 } .MyGameRecord__C-head-moreB { border: .01333rem solid var(--main-color); height: .8rem; line-height: .8rem; border-radius: .26667rem; padding: 0 .72rem 0 .24rem; color: var(--main-color); font-size: .32rem; position: relative; margin-bottom: .4rem } .MyGameRecord__C-head-moreB:after { content: ""; display: block; width: .4rem; height: .4rem; position: absolute; top: 50%; right: .2rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-image: url(/assets/jpg/moreBtn-ad0358aa.jpg); background-repeat: no-repeat; background-size: .4rem; background-position: center } html:lang(ar) .MyGameRecord__C-head-moreB:after { left: .2rem; right: unset; -webkit-transform: scaleX(-1); transform: scaleX(-1); top: 25% } .MyGameRecord__C-body { padding: 0 .32rem } .MyGameRecord__C-body-empty { height: 5.33333rem } .MyGameRecord__C-foot { height: 1.86667rem; background: var(--darkBg, var(--bg_color_L2)); padding: .46667rem 2.37333rem; margin-top: .48rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .MyGameRecord__C-foot-page { font-size: .32rem; color: var(--text_color_L1) } .MyGameRecord__C-foot-previous, .MyGameRecord__C-foot-next { width: .93333rem; height: .93333rem; border-radius: .13333rem; background: var(--main-color); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .MyGameRecord__C-foot-previous.disabled, .MyGameRecord__C-foot-next.disabled { background: var(--gray-color-1); pointer-events: none } .MyGameRecord__C-foot-previous.disabled .MyGameRecord__C-icon, .MyGameRecord__C-foot-next.disabled .MyGameRecord__C-icon { color: var(--saveTextColor-7) } .MyGameRecord__C-foot-previous .MyGameRecord__C-icon, .MyGameRecord__C-foot-next .MyGameRecord__C-icon { color: #fff } .list { padding: 0 .26667rem } .list .hb { background-color: #fff; color: var(--colorText-3); font-size: .37333rem } .list .hb .item { padding: .21333rem; border-bottom: .02667rem solid var(--gray-color-1); color: var(--colorText-3); font-size: .37333rem } .list .hb .item.action { padding: .32rem .26667rem } .list .hb .item .goItem { height: .42667rem } .list .hb .li { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; text-align: center; width: .42667rem !important; height: .42667rem; border: .02667rem solid var(--gray-color-1); border-radius: .42667rem; margin-right: .10667rem; color: var(--gray-color-1) } .list .hb .li.action { font-size: .32rem; border: none; color: #fff; background-color: var(--norm_red-color) } .list .hb .li.circle-black { border: .02667rem solid var(--text_color_L1); color: var(--text_color_L1); background: var(--bgColor-6) } .list .hb .li.actionH { border: none; color: #fff; background-color: var(--borderColor-4) } .list .hb .li.actionL { border: .01333rem solid var(--borderColor-4); color: var(--borderColor-4); background-color: #fff } .list .hb .li.actionO { border: none; color: #fff; background-color: var(--norm_secondary-color) } .list .hb .li.actionE { border: .01333rem solid var(--norm_secondary-color); color: var(--norm_secondary-color); background-color: #fff } .list .hb .qiu { width: 3rem; position: relative } .list .hb .qiu .line-canvas { position: absolute !important; top: .12rem; left: 0; height: .73333rem; width: 2.61333rem; z-index: 99 } html:lang(ar) .list .hb .qiu .line-canvas { right: .12rem; left: unset } .list .hb .red { color: var(--colorText-2) } .list .hb .green { color: var(--norm_green-color) } .list .hb .blue { color: var(--colorText-7) } .list .hb .box .li { display: block; height: .13333rem; width: .13333rem; border-radius: .13333rem; margin: 0 .06667rem } .list .hb .item { padding: .53333rem .4rem } .list .hb .item .info { width: 100% } .list .hb .item .info .issueName .state { color: #fff; padding: .10667rem .26667rem; margin-left: .26667rem; border-radius: .53333rem; font-size: .32rem; display: inline-block; text-align: center } .list .hb .item .info .issueName .state.red { background-color: var(--norm_red-color) } .list .hb .item .info .issueName .state.green { background-color: var(--norm_green-color) } .list .hb .item .info .tiem { font-size: .32rem; color: var(--text_color_L2); margin-top: .13333rem } .list .hb .item .info .money { font-weight: 600; font-size: .42667rem } .list .hb .item .info .money .fail { color: var(--norm_red-color) } .list .hb .item .info .money .success { color: var(--bgColor-13) } .list .hb .details { padding: .4rem; border-bottom: .01333rem solid var(--gray-color-1) } .list .hb .details .tit { font-size: .4rem; color: var(--text_color_L1); margin-bottom: .26667rem; font-weight: 700 } .list .hb .details .tit img { width: .64rem; height: .64rem; position: relative; top: .13333rem } .list .hb .details .tag-read img { width: .32rem; height: .32rem } .list .hb .details .detailLi { min-height: .66667rem; line-height: .66667rem; background: var(--bgColor-6); color: var(--text_color_L2); font-size: .37333rem; border-radius: .13333rem; margin-bottom: .21333rem } .list .hb .details .detailLi .red { color: var(--main_gradient-color) } .list .hb .details .detailLi .result { height: .93333rem; line-height: .93333rem; background: var(--main-color); border-radius: .13333rem .13333rem 0 0; color: #fff; text-align: left; padding: 0 --0.26667rem } .list .hb .details .detailLi .prize-tit { font-size: .32rem; color: var(--text_color_L2) } .list .hb .details .detailLi .prize-box { border-bottom: .01333rem solid #fff } .list .hb .details .detailLi .prize-box-item { text-align: center; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; color: var(--text_color_L3); font-size: .34667rem } .list .hb .details .detailLi .c-flex-warp { color: var(--text_color_L3); font-size: .34667rem } .list .hb .details .detailLi .select { margin-left: .53333rem } .list .hb .details .detailLi .select .ball { display: -webkit-box; display: -webkit-flex; display: flex; width: .64rem; height: .42667rem; line-height: .42667rem; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; margin-left: .13333rem; margin-bottom: .13333rem; background: var(--main-color); border-radius: .08rem; color: #fff } .list .hb .details .detailLi .Bet-box.pb { padding-bottom: .06667rem } .list .hb .details .detailLi .Bet-box ul li { height: .26667rem; line-height: .26667rem; border-radius: .04rem; padding: 0 .13333rem; font-size: .16rem; margin: .02667rem .05333rem; background-color: var(--gray-color-1) } .list .hb .details .detailLi .Bet-box ul li.actionViolet { color: #fff; background-color: var(--bgcolor-21) } .list .hb .details .detailLi .Bet-box ul li.actionRed { color: #fff; background-color: var(--norm_red-color) } .list .hb .details .detailLi .Bet-box ul li.actionGreen { color: #fff; background-color: var(--bgColor-13) } .list .hb .details .detailLi .Bet-box ul li.actionRedGreen { color: #fff; background-color: var(--norm_red-color); background-image: var(--linearGradien-21) } .list .hb .details .detailLi .Bet-box .actionBtn { height: .34667rem; line-height: .34667rem; display: inline-block; border-radius: .04rem; padding: 0 .13333rem; font-size: .16rem; background-color: var(--norm_red-color); color: #fff } .areList { margin: .53333rem; position: relative } .areList .close { position: absolute; top: -1.6rem; left: 50%; -webkit-transform: translateX(-50%); transform: translate(-50%); width: .8rem; height: .8rem } .areList .items h1 { color: var(--darkTextW, var(--borderColor-26)); font-size: .42667rem } .areList .items .itemsC { margin: .26667rem 0 .4rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; gap: .2rem; -webkit-flex-wrap: wrap; flex-wrap: wrap } .areList .items .itemsC>div { width: calc((100% - .53333rem)/2); background: var(--bgDark-3, var(--homeActiveBgColor)); border-radius: .13333rem; min-height: 1.06667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; color: var(--text_color_L2); font-size: .37333rem } .areList .items .itemsC .isActive { background: var(--norm_red-color); color: #fff } .titlebets { font-size: .29333rem; color: var(--main-color) } .border60 { width: 4.53333rem; height: .66667rem; line-height: .66667rem; border-radius: .8rem; border: .01333rem solid var(--main-color); margin: 0 auto; margin-top: .30667rem } .bottombg { width: .64rem; height: .64rem; background-image: url(/assets/png/arrowbottom-4eb91cbc.png); background-repeat: no-repeat; background-size: contain; background-position: center } .compound2, .compound3 { padding-top: .26667rem; max-height: 5.33333rem; overflow-y: auto } .compound2 .item, .compound3 .item { width: 100%; margin-bottom: .26667rem } .compound2 .item.item0-3 .box .c-row, .compound3 .item.item0-3 .box .c-row { -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: .21333rem } .compound2 .item.item0-3 .box .num, .compound3 .item.item0-3 .box .num { width: calc((100% - 1.28rem) / 7); height: 1.13333rem; background-size: 1.13333rem 1.13333rem } .compound2 .item.item0-2 .box .c-row, .compound2 .item.item5-2 .box .c-row, .compound3 .item.item0-2 .box .c-row, .compound3 .item.item5-2 .box .c-row { -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: .21333rem } .compound2 .item.item0-2 .box .num, .compound2 .item.item5-2 .box .num, .compound3 .item.item0-2 .box .num, .compound3 .item.item5-2 .box .num { width: calc((100% - 1.28rem) / 7); height: .8rem; background-size: .8rem .8rem } .compound2 .item.item4-2 .box .c-row, .compound3 .item.item4-2 .box .c-row { -webkit-flex-wrap: wrap; flex-wrap: wrap } .compound2 .item.item4-2 .box .num, .compound3 .item.item4-2 .box .num { margin-bottom: .26667rem } .compound2 .item.item4-2 .box .num:nth-child(9n-8), .compound2 .item.item4-2 .box .num:nth-child(9n-7), .compound2 .item.item4-2 .box .num:nth-child(9n-6), .compound2 .item.item4-2 .box .num:nth-child(9n-5), .compound2 .item.item4-2 .box .num:nth-child(9n-4), .compound2 .item.item4-2 .box .num:nth-child(9n-3), .compound2 .item.item4-2 .box .num:nth-child(9n-2), .compound2 .item.item4-2 .box .num:nth-child(9n-1), .compound2 .item.item4-2 .box .num:nth-child(9n), .compound3 .item.item4-2 .box .num:nth-child(9n-8), .compound3 .item.item4-2 .box .num:nth-child(9n-7), .compound3 .item.item4-2 .box .num:nth-child(9n-6), .compound3 .item.item4-2 .box .num:nth-child(9n-5), .compound3 .item.item4-2 .box .num:nth-child(9n-4), .compound3 .item.item4-2 .box .num:nth-child(9n-3), .compound3 .item.item4-2 .box .num:nth-child(9n-2), .compound3 .item.item4-2 .box .num:nth-child(9n-1), .compound3 .item.item4-2 .box .num:nth-child(9n) { background-color: var(--homeActiveBgColor); padding: .26667rem } .compound2 .item.item4-2 .box .num:nth-child(9n-7), .compound2 .item.item4-2 .box .num:nth-child(9n-6), .compound2 .item.item4-2 .box .num:nth-child(9n-4), .compound2 .item.item4-2 .box .num:nth-child(9n-3), .compound2 .item.item4-2 .box .num:nth-child(9n-1), .compound2 .item.item4-2 .box .num:nth-child(9n), .compound3 .item.item4-2 .box .num:nth-child(9n-7), .compound3 .item.item4-2 .box .num:nth-child(9n-6), .compound3 .item.item4-2 .box .num:nth-child(9n-4), .compound3 .item.item4-2 .box .num:nth-child(9n-3), .compound3 .item.item4-2 .box .num:nth-child(9n-1), .compound3 .item.item4-2 .box .num:nth-child(9n) { margin-left: -.10667rem } .compound2 .item.item4-2 .box .num:nth-child(9n-3), .compound2 .item.item4-2 .box .num:nth-child(9n-6), .compound3 .item.item4-2 .box .num:nth-child(9n-3), .compound3 .item.item4-2 .box .num:nth-child(9n-6) { margin-right: .42667rem } .compound2 .item.item3-2 .box .c-row, .compound3 .item.item3-2 .box .c-row { -webkit-flex-wrap: wrap; flex-wrap: wrap } .compound2 .item.item3-2 .box .num, .compound3 .item.item3-2 .box .num { margin-bottom: .26667rem } .compound2 .item.item3-2 .box .num:nth-child(8n-1), .compound2 .item.item3-2 .box .num:nth-child(8n-2), .compound2 .item.item3-2 .box .num:nth-child(8n-3), .compound2 .item.item3-2 .box .num:nth-child(8n-4), .compound2 .item.item3-2 .box .num:nth-child(8n-5), .compound2 .item.item3-2 .box .num:nth-child(8n-6), .compound2 .item.item3-2 .box .num:nth-child(8n-7), .compound2 .item.item3-2 .box .num:nth-child(8n), .compound3 .item.item3-2 .box .num:nth-child(8n-1), .compound3 .item.item3-2 .box .num:nth-child(8n-2), .compound3 .item.item3-2 .box .num:nth-child(8n-3), .compound3 .item.item3-2 .box .num:nth-child(8n-4), .compound3 .item.item3-2 .box .num:nth-child(8n-5), .compound3 .item.item3-2 .box .num:nth-child(8n-6), .compound3 .item.item3-2 .box .num:nth-child(8n-7), .compound3 .item.item3-2 .box .num:nth-child(8n) { background-color: var(--homeActiveBgColor); padding: .26667rem } .compound2 .item.item3-2 .box .num:nth-child(8n-6), .compound2 .item.item3-2 .box .num:nth-child(8n-5), .compound2 .item.item3-2 .box .num:nth-child(8n-4), .compound2 .item.item3-2 .box .num:nth-child(8n-2), .compound2 .item.item3-2 .box .num:nth-child(8n-1), .compound2 .item.item3-2 .box .num:nth-child(8n), .compound3 .item.item3-2 .box .num:nth-child(8n-6), .compound3 .item.item3-2 .box .num:nth-child(8n-5), .compound3 .item.item3-2 .box .num:nth-child(8n-4), .compound3 .item.item3-2 .box .num:nth-child(8n-2), .compound3 .item.item3-2 .box .num:nth-child(8n-1), .compound3 .item.item3-2 .box .num:nth-child(8n) { margin-left: -.06667rem } .compound2 .item.item3-2 .box .num:nth-child(8n-4), .compound3 .item.item3-2 .box .num:nth-child(8n-4) { margin-right: 1.73333rem } .compound2 .item.item2-2 .box .c-row, .compound3 .item.item2-2 .box .c-row { -webkit-flex-wrap: wrap; flex-wrap: wrap } .compound2 .item.item2-2 .box .num, .compound3 .item.item2-2 .box .num { margin-bottom: .26667rem } .compound2 .item.item2-2 .box .num:nth-child(8n-1), .compound2 .item.item2-2 .box .num:nth-child(8n-2), .compound2 .item.item2-2 .box .num:nth-child(8n-3), .compound2 .item.item2-2 .box .num:nth-child(8n-4), .compound2 .item.item2-2 .box .num:nth-child(8n-5), .compound2 .item.item2-2 .box .num:nth-child(8n-6), .compound2 .item.item2-2 .box .num:nth-child(8n-7), .compound2 .item.item2-2 .box .num:nth-child(8n), .compound3 .item.item2-2 .box .num:nth-child(8n-1), .compound3 .item.item2-2 .box .num:nth-child(8n-2), .compound3 .item.item2-2 .box .num:nth-child(8n-3), .compound3 .item.item2-2 .box .num:nth-child(8n-4), .compound3 .item.item2-2 .box .num:nth-child(8n-5), .compound3 .item.item2-2 .box .num:nth-child(8n-6), .compound3 .item.item2-2 .box .num:nth-child(8n-7), .compound3 .item.item2-2 .box .num:nth-child(8n) { background-color: var(--homeActiveBgColor); padding: .26667rem; margin-left: -.01333rem } .compound2 .item.item2-2 .box .num:nth-child(8n), .compound3 .item.item2-2 .box .num:nth-child(8n) { margin-right: 1.33333rem } .compound2 .item.item1-2 .box .c-row, .compound3 .item.item1-2 .box .c-row { -webkit-flex-wrap: wrap; flex-wrap: wrap } .compound2 .item.item1-2 .box .num, .compound3 .item.item1-2 .box .num { margin-bottom: .26667rem } .compound2 .item.item1-2 .box .num:nth-child(10n-1), .compound2 .item.item1-2 .box .num:nth-child(10n-2), .compound2 .item.item1-2 .box .num:nth-child(10n-3), .compound2 .item.item1-2 .box .num:nth-child(10n-4), .compound2 .item.item1-2 .box .num:nth-child(10n-5), .compound2 .item.item1-2 .box .num:nth-child(10n-6), .compound2 .item.item1-2 .box .num:nth-child(10n-7), .compound2 .item.item1-2 .box .num:nth-child(10n-8), .compound2 .item.item1-2 .box .num:nth-child(10n-9), .compound2 .item.item1-2 .box .num:nth-child(10n), .compound3 .item.item1-2 .box .num:nth-child(10n-1), .compound3 .item.item1-2 .box .num:nth-child(10n-2), .compound3 .item.item1-2 .box .num:nth-child(10n-3), .compound3 .item.item1-2 .box .num:nth-child(10n-4), .compound3 .item.item1-2 .box .num:nth-child(10n-5), .compound3 .item.item1-2 .box .num:nth-child(10n-6), .compound3 .item.item1-2 .box .num:nth-child(10n-7), .compound3 .item.item1-2 .box .num:nth-child(10n-8), .compound3 .item.item1-2 .box .num:nth-child(10n-9), .compound3 .item.item1-2 .box .num:nth-child(10n) { background-color: var(--homeActiveBgColor); padding: .26667rem; margin-left: -.09333rem } .compound2 .item .box, .compound3 .item .box { border-radius: .26667rem; position: relative; width: 100% } .compound2 .item .box .num, .compound3 .item .box .num { min-width: .8rem; min-height: .8rem; background: url(/assets/svg/anbg-dde5866e.svg) no-repeat center center; background-size: .8rem .8rem; font-size: .42667rem; font-weight: 600; color: #f95959 } .compound2 .item .box .money, .compound3 .item .box .money { text-align: center; background-color: var(--gray-color-1); position: relative; height: .53333rem; border-radius: 0 0 .26667rem .26667rem } .compound2 .item .box .money .all, .compound3 .item .box .money .all { position: relative; z-index: 9; line-height: .8rem; font-size: .32rem; color: #f95959 } .compound2 .item .box .money:after, .compound3 .item .box .money:after { position: absolute; top: 0; left: 0; content: ""; display: block; width: 100%; height: .21333rem; background-color: var(--gray-color-1); border-radius: 0 0 50% 50% } .compound2 .item .box .dele, .compound3 .item .box .dele { position: absolute; right: -.18667rem; top: -.18667rem; height: .37333rem; width: .37333rem; border-radius: .53333rem; background-color: #f95959 } .compound2 .item .box .dele .icon, .compound3 .item .box .dele .icon { font-size: .26667rem } .compound2 .item.item0-4 .box .c-row { -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: .53333rem } .compound2 .item.item0-4 .box .num { width: calc((100% - 2.13333rem)/5); background: var(--main_gradient-color); color: #fff; border-radius: .13333rem; min-height: 1.06667rem; min-width: 1.33333rem } .compound { padding-top: .26667rem; max-height: 6rem; overflow: auto } .compound .item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; align-items: center; width: 100%; margin-bottom: .4rem } .compound .item .title { width: 1.38667rem; overflow: hidden; position: relative; text-align: center; font-size: .42667rem; color: var(--text_color_L2) } .compound .item .numcontainer { width: 7.94667rem; margin-left: .13333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; gap: .13333rem } .compound .item .numcontainer .num { width: calc((100% - .85333rem)/5); height: .8rem; background: url(/assets/svg/anbg-dde5866e.svg) no-repeat center center; background-size: .8rem .8rem; font-size: .42667rem; font-weight: 600; color: #f95959; position: relative; text-align: center; line-height: .8rem } .compound .item .numcontainer .num .dele { position: absolute; right: -.18667rem; top: -.18667rem; height: .37333rem; width: .37333rem; border-radius: .53333rem; background-color: #f95959 } html:lang(ar) .compound .item .numcontainer .num .dele { right: unset; left: -.18667rem } .compound .item .numcontainer .num .dele .icon { font-size: .26667rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .state, .sub { color: var(--text_color_L2) } .state.state0, .sub.state0 { color: var(--norm_bule-color) } .state.state1, .sub.state1 { color: var(--norm_secondary-color) } .state.state2 span, .sub.state2 span, .state.state3, .sub.state3 { color: var(--bgcolor-22) } .state.state4, .sub.state4 { color: var(--main-color) } .MyGameRecordList__C { background-color: var(--darkBg, var(--bg_color_L2)) } .MyGameRecordList__C .item { padding: 0 .32rem; border-bottom: .01333rem solid var(--gray-color-1) } .MyGameRecordList__C .item.active { border-radius: .13333rem; border: .01333rem solid var(--bgDark-4, var(--borderColor-5)) } .MyGameRecordList__C .item.active h4 { font-weight: 700; font-size: .4rem } .MyGameRecordList__C .item.active .box { border-bottom: .01333rem solid var(--gray-color-1) } .MyGameRecordList__C .item .box { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding: .34667rem 0 } .MyGameRecordList__C .item .box h4 { color: var(--darkTextW, var(--text_color_L1)); font-size: .37333rem; margin-bottom: .06667rem } .MyGameRecordList__C .item .box .time { font-size: .32rem; color: var(--text_color_L2) } .MyGameRecordList__C .item .box .state { font-size: .34667rem; text-align: right } .MyGameRecordList__C .item .box .state span { display: inline-block; margin-top: .06667rem } .MyGameRecordList__C .item .info { padding: .32rem 0 } .MyGameRecordList__C .item .info .order .li, .MyGameRecordList__C .item .info .bet .li { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; min-height: .66667rem; line-height: .66667rem; padding-left: .53333rem } .MyGameRecordList__C .item .info .order .li.betNum, .MyGameRecordList__C .item .info .bet .li.betNum { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; flex-wrap: wrap } .MyGameRecordList__C .item .info .order .li.betNum .lab, .MyGameRecordList__C .item .info .bet .li.betNum .lab { color: var(--text_color_L1); font-size: .37333rem; width: 100% } .MyGameRecordList__C .item .info .order .li.betNum .lab .txt, .MyGameRecordList__C .item .info .bet .li.betNum .lab .txt { font-size: .37333rem; color: var(--text_color_L2) } .MyGameRecordList__C .item .info .order .li.betNum .lab .betList, .MyGameRecordList__C .item .info .bet .li.betNum .lab .betList { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; width: 100% } .MyGameRecordList__C .item .info .order .li.betNum .lab .betList.select, .MyGameRecordList__C .item .info .bet .li.betNum .lab .betList.select { max-height: 5.66667rem; overflow-y: auto } .MyGameRecordList__C .item .info .order .li.betNum .lab .betList>span, .MyGameRecordList__C .item .info .bet .li.betNum .lab .betList>span { display: inline-block; text-align: center; height: .64rem; line-height: .64rem; width: .64rem; color: var(--text_color_L1); background-color: var(--bg_color_L3); border-radius: .64rem; font-size: .32rem; margin-right: .2rem; margin-bottom: .2rem } .MyGameRecordList__C .item .info .order .li.betNum .lab .betList>span.active, .MyGameRecordList__C .item .info .bet .li.betNum .lab .betList>span.active { background-color: var(--main_gradient-color); color: #fff } .MyGameRecordList__C .item .info .order .li.betNum .lab .betList>span, .MyGameRecordList__C .item .info .bet .li.betNum .lab .betList>span { width: auto; padding: 0 .16rem; border-radius: .16rem } .MyGameRecordList__C .item .info .order .li.betNum .lab:after, .MyGameRecordList__C .item .info .bet .li.betNum .lab:after { top: .26667rem } .MyGameRecordList__C .item .info .order .li.betNum .lab:before, .MyGameRecordList__C .item .info .bet .li.betNum .lab:before { top: .50667rem; height: 97% } .MyGameRecordList__C .item .info .order .li .lab, .MyGameRecordList__C .item .info .bet .li .lab { color: var(--text_color_L2); position: relative } .MyGameRecordList__C .item .info .order .li .lab:after, .MyGameRecordList__C .item .info .bet .li .lab:after { content: ""; display: block; background: url(/assets/png/before_cire-c0feda12.png) no-repeat center center; background-size: cover; height: .26667rem; width: .26667rem; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); transform: translateY(-50%); left: -.53333rem } html:lang(ar) .MyGameRecordList__C .item .info .order .li .lab:after, html:lang(ar) .MyGameRecordList__C .item .info .bet .li .lab:after { right: -.53333rem; left: unset } .MyGameRecordList__C .item .info .order .li .lab:before, .MyGameRecordList__C .item .info .bet .li .lab:before { content: ""; display: block; height: 35%; border-left: .01333rem dashed var(--main-color); position: absolute; left: -.41333rem; top: .56rem } html:lang(ar) .MyGameRecordList__C .item .info .order .li .lab:before, html:lang(ar) .MyGameRecordList__C .item .info .bet .li .lab:before { right: -.41333rem; left: unset } .MyGameRecordList__C .item .info .order .li:last-child .lab:before, .MyGameRecordList__C .item .info .bet .li:last-child .lab:before { content: ""; display: none } .MyGameRecordList__C .item .info .order .li .sub, .MyGameRecordList__C .item .info .bet .li .sub { color: var(--text_color_L1); font-size: .32rem } .MyGameRecordList__C .item .info .order .li .sub>img, .MyGameRecordList__C .item .info .bet .li .sub>img { width: .4rem; vertical-align: -.06667rem } .MyGameRecordList__C .item .info .order .li .sub.success, .MyGameRecordList__C .item .info .bet .li .sub.success { color: var(--bgcolor-22) } .MyGameRecordList__C .item .info .order .li .sub.fail, .MyGameRecordList__C .item .info .bet .li .sub.fail { color: var(--main-color) } .MyGameRecordList__C .item .info .line { margin: 0 -.36rem; background-color: var(--darkBg, var(--bg_color_L2)); height: .57333rem; overflow: hidden; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .MyGameRecordList__C .item .info .line>p { width: 80%; border-bottom: .01333rem dashed var(--bgDark-4, var(--gray-color-1)) } .MyGameRecordList__C .item .info .line:after, .MyGameRecordList__C .item .info .line:before { content: ""; display: block; width: .53333rem; height: .53333rem; border-radius: .53333rem; border: .01333rem solid var(--bgDark-4, var(--borderColor-5)); position: absolute; top: 0 } .MyGameRecordList__C .item .info .line:after { left: -.26667rem } html:lang(ar) .MyGameRecordList__C .item .info .line:after { right: -.26667rem; left: unset } .MyGameRecordList__C .item .info .line:before { right: -.26667rem } html:lang(ar) .MyGameRecordList__C .item .info .line:before { right: unset; left: -.26667rem } .MyGameRecordList__C .item .info .btn { text-align: center; height: .93333rem; line-height: .93333rem; border-radius: .93333rem; font-size: .4rem; color: #fff; background: var(--main_gradient-color2); margin: .4rem 0 } .MyGameRecordList__C .item .info .result-item { min-height: 1.06667rem; background-color: var(--bgDark-4, var(--walletBgColor-1)); margin-top: .16rem; border-radius: .13333rem; padding: 0 .26667rem; color: var(--text_color_L1); font-size: .37333rem; padding: .26667rem .32rem } .MyGameRecordList__C .item .info .result-item .txt { color: var(--text_color_L2) } .MyGameRecordList__C .item .info .result-item.jusb { padding: 0 .32rem; line-height: 1.06667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .MyGameRecordList__C .item .info .result-item.jusb .num, .MyGameRecordList__C .item .info .result-item.jusb .txt { margin-top: 0; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; color: var(--darkTextW, var(--text_color_L1)) } .MyGameRecordList__C .item .info .result-item.jusb .num { text-align: center; position: relative; font-weight: 700 } .MyGameRecordList__C .item .info .result-item.jusb .num:before { content: ""; display: block; width: .02667rem; height: .66667rem; position: absolute; top: .2rem; left: 0; background-color: var(--bgDark-2, --text_color_L2) } html:lang(ar) .MyGameRecordList__C .item .info .result-item.jusb .num:before { right: 0; left: unset } .MyGameRecordList__C .item .info .result-item.jusb:first-child .num { color: var(--main-color) } .MyGameRecordList__C .item .info .result-item .num { margin-top: .18667rem; font-size: .37333rem; color: var(--text_color_L1) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .NewVietnam__C { padding-bottom: .34667rem; overflow-y: auto; background-color: var(--bgDark-4, var(--bg_color_L1)) } .NewVietnam__C-head { height: 1.25333rem; background: var(--main_gradient-color); padding: 0 .34667rem; position: relative } .NewVietnam__C-head div { background-repeat: no-repeat; background-position: center } .NewVietnam__C-head-bcak { position: absolute; width: .64rem; height: .64rem; background-image: url(/assets/png/bcakIcon-b7c1d288.png); background-size: .64rem; left: .34667rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } html:lang(ar) .NewVietnam__C-head-bcak { left: unset; right: .34667rem } .NewVietnam__C-head-logo { background-size: 2.98667rem 1.12rem; height: 1.12rem; width: 2.98667rem; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translate(-50%) translateY(-50%) } .NewVietnam__C-head-more { position: absolute; width: 1.54667rem; height: .64rem; right: .34667rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } html:lang(ar) .NewVietnam__C-head-more { right: unset; left: .34667rem } .NewVietnam__C-head-more>div { width: .64rem; height: .64rem; background-image: url(/assets/png/kefu-b361c42f.png); background-size: .64rem } .NewVietnam__C-head-more>div:last-child { background-image: url(/assets/png/voice-62dbf38c.png) } .NewVietnam__C-head-more>div:last-child.disableVoice { background-image: url(/assets/png/voice-off-633f5ccc.png) } .NewVietnam__C .driver-close-btn, .NewVietnam__C .driver-prev-btn { display: none } .popup { overflow-y: visible !important; border-radius: .13333rem .13333rem 0 0; width: 100% } .popup .van-popup { overflow-y: visible !important; border-radius: .26667rem .26667rem 0 0 } .popup .box { position: relative } .popup .box .close { position: absolute; top: -1.06667rem; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%) } .popup .box .close .img { width: .8rem; height: .8rem } .popup .box .title { font-size: .42667rem; color: var(--text_color_L1) } .popup .box .numList { max-height: 5.33333rem; overflow-x: auto } .popup .box .numList .item { width: 1.06667rem; height: 1.06667rem; font-size: .42667rem; font-weight: 600; color: #f95959; background: url(/assets/svg/anbg-dde5866e.svg) no-repeat center center; background-size: cover; margin: 0 .13333rem } .popup-info-item { height: .8rem; line-height: .8rem; margin-top: .26667rem } .popup-info-item .tit { font-size: .37333rem; color: var(--text_color_L2) } .popup-info-item .amount-box .li, .popup-info-item .multiple-box .li { text-align: center; font-size: .32rem; padding: 0 .13333rem; height: .8rem; line-height: .8rem; min-width: 1.33333rem; margin-left: .13333rem; border: .01333rem solid var(--gray-color-1); border-radius: .13333rem; color: #f95959 } .popup-info-item .amount-box .li.action, .popup-info-item .multiple-box .li.action { border: none; color: #fff; background: var(--main_gradient-color) } .popup-info-item .multiple-box .li { padding: 0 .26667rem; min-width: auto } .popup-info-item .stepper-box .digit-box { width: 2.66667rem; height: .8rem; border-radius: .8rem; padding: 0; margin: 0 .13333rem; background-color: var(--walletBgColor-1) } .popup-info-item .stepper-box .digit-box .van-field__control { height: .74667rem; text-align: center } .popup-info-item .stepper-box .li { height: .8rem; width: .8rem; font-size: .8rem; border-radius: 50%; background-color: var(--main-color); color: #fff } .popup-info-item .stepper-box .li.minus { text-align: center; line-height: .66667rem } .popup-info-item .txt { color: #f95959 } .popup-info .quantity { margin-top: .26667rem; padding: 0 .21333rem; height: 1.17333rem; background-color: var(--bgDark-2, var(--homeActiveBgColor)); border-radius: .13333rem; font-size: .32rem; color: var(--text_color_L2) } .popup-info .quantity .line { padding: 0 .13333rem; color: var(--text_color_L2) } .popup-info .quantity .num { color: #f95959; font-size: .4rem } .popup-info .wallet, .popup-info .balance { padding: 0 .21333rem; margin-top: .26667rem; height: .8rem; background-color: var(--bgDark-2, var(--homeActiveBgColor)) } .popup-info .wallet .txt, .popup-info .balance .txt { font-size: .32rem; color: var(--text_color_L2) } .popup-info .wallet .txt img, .popup-info .balance .txt img { width: .4rem; height: .4rem; margin-right: .13333rem } .popup-info .wallet .txt .num, .popup-info .balance .txt .num { font-size: .37333rem; color: var(--text_color_L1); padding-left: .26667rem } .popup-info .wallet .txt .num.yellow, .popup-info .balance .txt .num.yellow { color: var(--norm_secondary-color) } .popup-info .wallet .bg333, .popup-info .balance .bg333 { font-size: .32rem; color: var(--text_color_L1) } .popup-info .wallet .bg7172, .popup-info .balance .bg7172 { font-size: .32rem; color: var(--main-color) } .popup-info .wallet .bet, .popup-info .balance .bet { border: .01333rem solid #F95959; border-radius: .13333rem; height: .64rem; line-height: .64rem; color: #f95959; padding: 0 .26667rem } .popup-btn { height: 1.6rem } .popup-btn .left { width: 45% } .popup-btn .left .btn { height: 1.6rem; font-size: .42667rem; border-radius: 0; color: var(--text_color_L2); background-color: #f95959 } .popup-btn .right { width: 55% } .popup-btn .right .btn { height: 1.6rem; font-size: .42667rem; border-radius: 0; color: #fff; background-color: #f95959 } .popup-btn .right .noActive { background-color: #f95959; color: var(--text_color_L2) } .PreSaleRule { width: 7.04rem } .PreSaleRule .head { height: 1.2rem; line-height: 1.2rem; color: #fff; font-size: .4rem; text-align: center; background-size: cover; background-repeat: no-repeat; background-position: left center; background-image: url(/assets/png/wingoPreSaleBg-1a69469d.png) } .PreSaleRule .body { max-height: 8rem; overflow-y: auto; padding: .4rem; font-size: .32rem; line-height: .8rem } .PreSaleRule .body p { margin-bottom: .2rem; line-height: .53333rem } .PreSaleRule .foot { height: 1.86667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .PreSaleRule .foot .btn { width: 60%; background: var(--main_gradient-color); border-radius: .53333rem; height: .93333rem; line-height: .93333rem; text-align: center; font-size: .37333rem; color: #fff } .Tips { width: 8rem; height: 2.13333rem; line-height: 2.13333rem; background: var(--bg_color_L2); border: .01333rem solid var(--borderColor-5); border-radius: .26667rem; display: -webkit-box; display: -webkit-flex; display: flex } .Tips>div { display: -webkit-box; display: -webkit-flex; display: flex; overflow-y: hidden } .Tips>div img { width: 1.17333rem; height: 1.17333rem; margin-top: .45333rem } .Tips>div .font36 { color: var(--text_color_L1); font-weight: 700; font-size: .48rem; margin-left: .32rem } .GameList__C-region { height: 1.2rem; line-height: 1.2rem; overflow: hidden; padding: 0 .26667rem; margin: .26667rem 0 } .GameList__C-region .item { width: calc(33.3% - .53333rem); position: relative; text-align: center; font-size: .48rem; -webkit-transition: .4s; transition: .4s } .GameList__C-region .item:nth-child(1) { background: var(--bg_color_L2); border-radius: .13333rem 0 0 .13333rem } .GameList__C-region .item:nth-child(1):after { position: absolute; top: 0; right: -.66667rem; content: ""; width: 0; height: 0; border-bottom: 1.2rem solid #fff; border-right: .66667rem solid transparent; -webkit-transition: .4s; transition: .4s } .GameList__C-region .item:nth-child(2) { background: var(--bg_color_L2) } .GameList__C-region .item:nth-child(2):after { position: absolute; top: 0; right: -.66667rem; content: ""; width: 0; height: 0; border-top: 1.2rem solid #fff; border-right: .66667rem solid transparent; -webkit-transition: .4s; transition: .4s } html:lang(ar) .GameList__C-region .item:nth-child(2):after { left: -.66667rem; right: unset } .GameList__C-region .item:nth-child(2):before { position: absolute; top: 0; left: -.66667rem; content: ""; width: 0; height: 0; border-top: 1.2rem solid #fff; border-left: .66667rem solid transparent; -webkit-transition: .4s; transition: .4s } html:lang(ar) .GameList__C-region .item:nth-child(2):before { right: -.66667rem; left: unset } .GameList__C-region .item:nth-child(3) { background: var(--bg_color_L2); border-radius: 0 .13333rem .13333rem 0 } .GameList__C-region .item:nth-child(3):before { position: absolute; top: 0; left: -.66667rem; content: ""; width: 0; height: 0; border-bottom: 1.2rem solid #fff; border-left: .66667rem solid transparent; -webkit-transition: .4s; transition: .4s } html:lang(ar) .GameList__C-region .item:nth-child(3):before { right: -.66667rem; left: unset } .GameList__C-region .item.action { color: #fff } .GameList__C-region .item.action:nth-child(1) { background: -webkit-linear-gradient(325deg, #FF8E89 12.38%, #FFC3A2 87.13%); background: linear-gradient(125deg, #FF8E89 12.38%, #FFC3A2 87.13%) } .GameList__C-region .item.action:nth-child(1):after { border-bottom: 1.2rem solid var(--borderColor-5) } .GameList__C-region .item.action:nth-child(2) { background: -webkit-linear-gradient(325deg, #FF8E89 12.38%, #FFC3A2 87.13%); background: linear-gradient(125deg, #FF8E89 12.38%, #FFC3A2 87.13%) } .GameList__C-region .item.action:nth-child(2):after { border-top: 1.2rem solid var(--borderColor-5) } .GameList__C-region .item.action:nth-child(2):before { border-top: 1.2rem solid #F95959 } .GameList__C-region .item.action:nth-child(3) { background: -webkit-linear-gradient(325deg, #FF8E89 12.38%, #FFC3A2 87.13%); background: linear-gradient(125deg, #FF8E89 12.38%, #FFC3A2 87.13%) } .GameList__C-region .item.action:nth-child(3):before { border-bottom: 1.2rem solid #F95959 } .GameList__C-time { padding-left: .2rem; overflow-y: auto; height: 1.06667rem; display: -webkit-box; display: -webkit-flex; display: flex } .GameList__C-time .item { position: relative; white-space: nowrap; background-color: #fff; margin: 0 .10667rem; padding: .04rem .16rem 0; text-align: center; border-radius: .13333rem .13333rem 0 0 } .GameList__C-time .item .week { font-size: .16rem; color: var(--text_color_L1) } .GameList__C-time .item .time { font-size: .16rem; color: var(--text_color_L2) } .GameList__C-time .item:after, .GameList__C-time .item:before { content: ""; width: .4rem; height: .4rem; position: absolute; bottom: 0; z-index: 9 } .GameList__C-time .item:after { background: -webkit-radial-gradient(100% 0, circle, rgba(204, 0, 0, 0) .4rem, #ffffff .41333rem); background: radial-gradient(circle at 100% 0, rgba(204, 0, 0, 0) .4rem, #ffffff .41333rem); right: -.4rem } html:lang(ar) .GameList__C-time .item:after { left: -.4rem; right: unset } .GameList__C-time .item:before { background: -webkit-radial-gradient(0 0, circle, rgba(204, 0, 0, 0) .4rem, #ffffff .41333rem); background: radial-gradient(circle at 0 0, rgba(204, 0, 0, 0) .4rem, #ffffff .41333rem); left: -.4rem } html:lang(ar) .GameList__C-time .item:before { right: -.4rem; left: unset } .GameList__C-time .item.active { background-color: var(--main-color); color: #fff; z-index: 10 } .GameList__C-time .item.active .week, .GameList__C-time .item.active .time { color: #fff } .GameList__C-time .item.active:before { background: -webkit-radial-gradient(0 0, circle, rgba(204, 0, 0, 0) .4rem, var(--main-color) .41333rem); background: radial-gradient(circle at 0 0, rgba(204, 0, 0, 0) .4rem, var(--main-color) .41333rem); left: -.4rem; z-index: 10 } html:lang(ar) .GameList__C-time .item.active:before { right: -.4rem; left: unset } .GameList__C-time .item.active:after { background: -webkit-radial-gradient(100% 0, circle, rgba(204, 0, 0, 0) .4rem, var(--main-color) .41333rem); background: radial-gradient(circle at 100% 0, rgba(204, 0, 0, 0) .4rem, var(--main-color) .41333rem); right: -.4rem; z-index: 10 } html:lang(ar) .GameList__C-time .item.active:after { left: -.4rem; right: unset } .GameList__C-city { border-top: .02667rem solid #fff; overflow-y: auto; height: .6rem; height: 1.17333rem; background-color: var(--main-color); display: -webkit-box; display: -webkit-flex; display: flex } .GameList__C-city .item { height: .93333rem; line-height: .93333rem; white-space: nowrap; margin: .08rem .10667rem; padding: 0 .10667rem; text-align: center; color: #fff } .GameList__C-city .item.action { background-color: #fff; color: var(--main-color); border-radius: .06667rem } .GameList__C-bet { width: 100%; margin-top: .2rem; padding: 0 .13333rem; display: -webkit-box; display: -webkit-flex; display: flex; height: 1.06667rem; overflow-x: scroll } .GameList__C-bet ul { margin: 0; padding: 0; list-style: none; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; white-space: nowrap } .GameList__C-bet .item { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; height: .93333rem; padding: .25333rem .88rem; background: var(--bg_color_L2); border-radius: .16rem; margin-right: .32rem; color: var(--text_color_L2) } .GameList__C-bet .item.action { color: #fff; background: var(--main_gradient-color2) } .Betting__C-mark { width: 100%; height: 100%; background: var(--bgcolor-32); position: fixed; z-index: 99; top: 0; left: 0; color: #fff; border-radius: .26667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center } html:lang(ar) .Betting__C-mark { right: 0; left: unset; direction: ltr } .Betting__C-mark>div { width: 5.86667rem; height: 1.33333rem; line-height: 1.33333rem; display: inline-block; border-radius: .26667rem; border: .01333rem solid #fff; font-size: .42667rem; color: #fff; font-weight: 700; padding: 0 .4rem 0 2.08rem } .Betting__C-bet { margin-top: .4rem; padding: 0 .26667rem } .Betting__C-bet .tit { height: .53333rem; line-height: .53333rem } .Betting__C-bet .tit-select { padding-left: .26667rem; font-size: .42667rem; font-weight: 700; border-left: .08rem solid var(--main-color) } .Betting__C-bet .tit-list .check { padding-left: .26667rem; color: var(--text_color_L2) } .Betting__C-bet .tit-list .check-item { height: .42667rem; width: .42667rem; border-radius: .42667rem; border: .02667rem solid #c9c9c9; margin-right: .10667rem } .Betting__C-bet .tit-list .check.action { color: #f95959 } .Betting__C-bet .tit-list .check.action .check-item { border: .01333rem solid #F95959; position: relative } .Betting__C-bet .tit-list .check.action .check-item:after { content: ""; display: block; border-radius: .26667rem; background-color: #f95959; width: .26667rem; height: .26667rem; position: absolute; left: .05333rem; top: .05333rem } html:lang(ar) .Betting__C-bet .tit-list .check.action .check-item:after { right: .05333rem; left: unset } .Betting__C-bet .nList { background: var(--bg_color_L2); border-radius: .32rem; padding: .26667rem; margin-top: .4rem } .Betting__C-bet .nList .Ntit { line-height: .74667rem; font-size: .42667rem; color: var(--text_color_L3); font-weight: 400 } .Betting__C-bet .nList .list { width: 100% } .Betting__C-bet .nList .list .item { width: 20% } .Betting__C-bet .nList .list .item .number { width: 1.06667rem; height: 1.06667rem; font-size: .42667rem; font-weight: 700; color: var(--text_color_L2); background: url(/assets/svg/nbg-dba06970.svg) no-repeat center center; background-size: cover } .Betting__C-bet .nList .list .item .number.action { color: #f95959; background: url(/assets/svg/anbg-dde5866e.svg) no-repeat center center; background-size: cover } .Footer__C { width: 100%; position: fixed; left: auto; bottom: 0; height: 1.6rem; z-index: 98 } .Footer__C .nav { height: 1.6rem; background-color: #fee; max-width: 10rem } .Footer__C .nav .left { width: 55% } .Footer__C .nav .left .item { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; padding-left: .26667rem; color: var(--main-color) } .Footer__C .nav .left .item .txt { margin-bottom: .08rem } .Footer__C .nav .left .item .num { color: #f95959; font-weight: 600 } .Footer__C .bet-btn { width: 40%; background-color: #f95959; color: #fff; font-size: .48rem; font-weight: 600 } .Footer__C .disabled-btn { width: 40%; background-color: var(--button_dis_color); color: var(--text_color_L2); font-size: .48rem; font-weight: 400; pointer-events: none } .RecordNav__C { width: calc(100% - .64rem); height: 1.17333rem; line-height: 1.17333rem; display: -webkit-box; display: -webkit-flex; display: flex; margin: .32rem auto 0; border-radius: .16rem; overflow: hidden } .RecordNav__C>div { width: 50%; height: 100%; background: var(--bgDark-3, var(--bg_color_L2)); font-size: .42667rem; color: var(--text_color_L2); text-align: center; overflow: hidden } .RecordNav__C>div.active { background: var(--dark-linerGradien-91, var(--main_gradient-color2)); font-weight: 600; color: #fff } .GameRecord__C { width: calc(100% - .69333rem); margin: .26667rem auto 1.6rem; text-align: center; font-size: .32rem } .GameRecord__C-head { height: 1.06667rem; line-height: 1.06667rem; background: var(--bgDark-2, var(--main-color)); border-radius: .13333rem .13333rem 0 0; font-weight: 600; font-size: .37333rem; color: #fff } .GameRecord__C-body { color: var(--text_color_L1); font-size: .32rem; background: var(--darkBg, var(--bg_color_L1)); border-radius: 0 0 .13333rem .13333rem } .GameRecord__C-body .van-row { min-height: 1.30667rem; border-bottom: .01333rem solid var(--bgDark-2, var(--saveTextColor-3)) } .GameRecord__C-body .details { width: 100%; border: .01333rem solid var(--borderColor-5); border-radius: .26667rem; padding: .33333rem } .GameRecord__C-body .details .tit { font-size: .4rem; color: var(--text_color_L1); margin-bottom: .26667rem; font-weight: 700 } .GameRecord__C-body .details .tit img { width: .64rem; height: .64rem; position: relative; top: .13333rem } .GameRecord__C-body .details .tag-read img { width: .32rem; height: .32rem } .GameRecord__C-body .details .detailLi { min-height: .66667rem; line-height: .66667rem; color: var(--text_color_L2); font-size: .37333rem; border-radius: .13333rem } .GameRecord__C-body .details .detailLi .red { color: var(--main_gradient-color) } .GameRecord__C-body .details .detailLi .prize { background: var(--bgDark-4, --walletBgColor-1); margin-bottom: .16rem; padding: .26667rem; border-radius: .26667rem } .GameRecord__C-body .details .detailLi .prize:last-child { margin-bottom: 0 } .GameRecord__C-body .details .detailLi .selectItem0, .GameRecord__C-body .details .detailLi .selectItem1, .GameRecord__C-body .details .detailLi .selectItem2 { display: -webkit-box; display: -webkit-flex; display: flex } .GameRecord__C-body .details .detailLi .selectItem0>div:nth-of-type(1), .GameRecord__C-body .details .detailLi .selectItem1>div:nth-of-type(1), .GameRecord__C-body .details .detailLi .selectItem2>div:nth-of-type(1) { width: 45% } .GameRecord__C-body .details .detailLi .selectItem0>div:nth-of-type(2), .GameRecord__C-body .details .detailLi .selectItem1>div:nth-of-type(2), .GameRecord__C-body .details .detailLi .selectItem2>div:nth-of-type(2) { width: .13333rem } .GameRecord__C-body .details .detailLi .selectItem0 span, .GameRecord__C-body .details .detailLi .selectItem1 span, .GameRecord__C-body .details .detailLi .selectItem2 span { font-weight: 700; font-size: .42667rem; color: var(--darkTextW, --text_color_L1); padding-left: 0; text-align: center } .GameRecord__C-body .details .detailLi .selectItem0 span { color: #f95959 } .GameRecord__C-body .details .detailLi .prize-tit { text-align: left; font-size: .37333rem; color: var(--darkTextW, --text_color_L1); padding-left: .26667rem } .GameRecord__C-body .details .detailLi .action0 { color: #f95959 !important; font-weight: 700; font-size: .42667rem } .GameRecord__C-body .details .detailLi .action1, .GameRecord__C-body .details .detailLi .action2 { font-weight: 700; font-size: .42667rem } .GameRecord__C-body .details .detailLi .prize-box { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1 } .GameRecord__C-body .details .detailLi .prize-box-item { text-align: left; padding-left: .26667rem; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; color: var(--text_color_L1); font-size: .37333rem; font-weight: 500 } .GameRecord__C-body .details .detailLi .c-flex-warp { color: var(--text_color_L3); font-size: .34667rem } .GameRecord__C-body .details .detailLi .select { margin-left: .53333rem } .GameRecord__C-body .details .detailLi .select .ball { display: -webkit-box; display: -webkit-flex; display: flex; width: .64rem; height: .42667rem; line-height: .42667rem; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; margin-left: .13333rem; margin-bottom: .13333rem; background: var(--main-color); border-radius: .08rem; color: #fff } .GameRecord__C-body .details .detailLi .Bet-box.pb { padding-bottom: .06667rem } .GameRecord__C-body .details .detailLi .Bet-box ul li { height: .26667rem; line-height: .26667rem; border-radius: .04rem; padding: 0 .13333rem; font-size: .16rem; margin: .02667rem .05333rem; background-color: var(--gray-color-1) } .GameRecord__C-body .details .detailLi .Bet-box ul li.actionViolet { color: #fff; background-color: var(--bgcolor-21) } .GameRecord__C-body .details .detailLi .Bet-box ul li.actionRed { color: #fff; background-color: var(--norm_red-color) } .GameRecord__C-body .details .detailLi .Bet-box ul li.actionGreen { color: #fff; background-color: var(--bgColor-13) } .GameRecord__C-body .details .detailLi .Bet-box ul li.actionRedGreen { color: #fff; background-color: var(--norm_red-color); background-image: var(--linearGradien-21) } .GameRecord__C-body .details .detailLi .Bet-box .actionBtn { height: .34667rem; line-height: .34667rem; display: inline-block; border-radius: .04rem; padding: 0 .13333rem; font-size: .16rem; background-color: var(--norm_red-color); color: #fff } .GameRecord__C-body .goItem { height: 1.30667rem; line-height: 1.30667rem; text-align: center; color: var(--darkTextW, --main-color); font-size: .32rem } .GameRecord__C-body .li { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; text-align: center; width: .4rem; height: .4rem; border-radius: 50%; background: var(--walletBgColor-1); margin: 0 .02667rem } .GameRecord__C-body .li .circle-black { background-color: var(--walletBgColor-1); color: var(--text_color_L1); font-size: .32rem } .GameRecord__C-body .time { color: var(--textM3, var(--text_color_L2)); font-size: .32rem; height: 100% } .GameRecord__C-body .numList { width: 3rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; position: relative; top: .4rem } .GameRecord__C-body .numList .numItem { width: .4rem; height: .4rem; background: var(--walletBgColor-1); color: var(--text_color_L1); font-size: .32rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; border-radius: 50% } .GameRecord__C-body .redNumItem { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .GameRecord__C-foot { height: 1.86667rem; background: var(--darkBg, var(--bg_color_L2)); padding: .46667rem 2.37333rem; margin-top: .48rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .GameRecord__C-foot-previous, .GameRecord__C-foot-next { width: .93333rem; height: .93333rem; border-radius: .13333rem; background: var(--main-color); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .GameRecord__C-foot-previous.disabled, .GameRecord__C-foot-next.disabled { background: var(--gray-color-1); pointer-events: none } .GameRecord__C-foot-previous.disabled .GameRecord__C-icon, .GameRecord__C-foot-next.disabled .GameRecord__C-icon { color: var(--saveTextColor-7) } .GameRecord__C-foot-previous .GameRecord__C-icon, .GameRecord__C-foot-next .GameRecord__C-icon { color: #fff } .MyGameRecord__C { width: 100%; margin: .32rem auto 1.6rem } .MyGameRecord__C-head { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; background-color: var(--darkBg, var(--bg_color_L2)); padding: .32rem .32rem 0 } .MyGameRecord__C-head-moreB { border: .01333rem solid var(--main-color); height: .8rem; line-height: .8rem; border-radius: .26667rem; padding: 0 .72rem 0 .24rem; color: var(--main-color); font-size: .32rem; position: relative; margin-bottom: .4rem } .MyGameRecord__C-head-moreB:after { content: ""; display: block; width: .4rem; height: .4rem; position: absolute; top: 50%; right: .2rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-image: url(/assets/jpg/moreBtn-ad0358aa.jpg); background-repeat: no-repeat; background-size: .4rem; background-position: center } html:lang(ar) .MyGameRecord__C-head-moreB:after { left: .2rem; right: unset; -webkit-transform: scaleX(-1); transform: scaleX(-1); top: 25% } .MyGameRecord__C-body { padding: 0 .32rem } .MyGameRecord__C-body-empty { height: 5.33333rem } .MyGameRecord__C-foot { height: 1.86667rem; background: var(--darkBg, var(--bg_color_L2)); padding: .46667rem 2.37333rem; margin-top: .48rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .MyGameRecord__C-foot-page { font-size: .32rem; color: var(--text_color_L1) } .MyGameRecord__C-foot-previous, .MyGameRecord__C-foot-next { width: .93333rem; height: .93333rem; border-radius: .13333rem; background: var(--main-color); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .MyGameRecord__C-foot-previous.disabled, .MyGameRecord__C-foot-next.disabled { background: var(--gray-color-1); pointer-events: none } .MyGameRecord__C-foot-previous.disabled .MyGameRecord__C-icon, .MyGameRecord__C-foot-next.disabled .MyGameRecord__C-icon { color: var(--saveTextColor-7) } .MyGameRecord__C-foot-previous .MyGameRecord__C-icon, .MyGameRecord__C-foot-next .MyGameRecord__C-icon { color: #fff } .list { padding: 0 .26667rem } .list .hb { background-color: #fff; color: var(--colorText-3); font-size: .37333rem } .list .hb .item { padding: .21333rem; border-bottom: .02667rem solid var(--gray-color-1); color: var(--colorText-3); font-size: .37333rem } .list .hb .item.action { padding: .32rem .26667rem } .list .hb .item .goItem { height: .42667rem } .list .hb .li { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; text-align: center; width: .42667rem !important; height: .42667rem; border: .02667rem solid var(--gray-color-1); border-radius: .42667rem; margin-right: .10667rem; color: var(--gray-color-1) } .list .hb .li.action { font-size: .32rem; border: none; color: #fff; background-color: var(--norm_red-color) } .list .hb .li.circle-black { border: .02667rem solid var(--text_color_L1); color: var(--text_color_L1); background: var(--bgColor-6) } .list .hb .li.actionH { border: none; color: #fff; background-color: var(--borderColor-4) } .list .hb .li.actionL { border: .01333rem solid var(--borderColor-4); color: var(--borderColor-4); background-color: #fff } .list .hb .li.actionO { border: none; color: #fff; background-color: var(--norm_secondary-color) } .list .hb .li.actionE { border: .01333rem solid var(--norm_secondary-color); color: var(--norm_secondary-color); background-color: #fff } .list .hb .qiu { width: 3rem; position: relative } .list .hb .qiu .line-canvas { position: absolute !important; top: .12rem; left: 0; height: .73333rem; width: 2.61333rem; z-index: 99 } html:lang(ar) .list .hb .qiu .line-canvas { right: .12rem; left: unset } .list .hb .red { color: var(--colorText-2) } .list .hb .green { color: var(--norm_green-color) } .list .hb .blue { color: var(--colorText-7) } .list .hb .box .li { display: block; height: .13333rem; width: .13333rem; border-radius: .13333rem; margin: 0 .06667rem } .list .hb .item { padding: .53333rem .4rem } .list .hb .item .info { width: 100% } .list .hb .item .info .issueName .state { color: #fff; padding: .10667rem .26667rem; margin-left: .26667rem; border-radius: .53333rem; font-size: .32rem; display: inline-block; text-align: center } .list .hb .item .info .issueName .state.red { background-color: var(--norm_red-color) } .list .hb .item .info .issueName .state.green { background-color: var(--norm_green-color) } .list .hb .item .info .tiem { font-size: .32rem; color: var(--text_color_L2); margin-top: .13333rem } .list .hb .item .info .money { font-weight: 600; font-size: .42667rem } .list .hb .item .info .money .fail { color: var(--norm_red-color) } .list .hb .item .info .money .success { color: var(--bgColor-13) } .list .hb .details { padding: .4rem; border-bottom: .01333rem solid var(--gray-color-1) } .list .hb .details .tit { font-size: .4rem; color: var(--text_color_L1); margin-bottom: .26667rem; font-weight: 700 } .list .hb .details .tit img { width: .64rem; height: .64rem; position: relative; top: .13333rem } .list .hb .details .tag-read img { width: .32rem; height: .32rem } .list .hb .details .detailLi { min-height: .66667rem; line-height: .66667rem; background: var(--bgColor-6); color: var(--text_color_L2); font-size: .37333rem; border-radius: .13333rem; margin-bottom: .21333rem } .list .hb .details .detailLi .red { color: var(--main_gradient-color) } .list .hb .details .detailLi .result { height: .93333rem; line-height: .93333rem; background: var(--main-color); border-radius: .13333rem .13333rem 0 0; color: #fff; text-align: left; padding: 0 --0.26667rem } .list .hb .details .detailLi .prize-tit { font-size: .32rem; color: var(--text_color_L2) } .list .hb .details .detailLi .prize-box { border-bottom: .01333rem solid #fff } .list .hb .details .detailLi .prize-box-item { text-align: center; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; color: var(--text_color_L3); font-size: .34667rem } .list .hb .details .detailLi .c-flex-warp { color: var(--text_color_L3); font-size: .34667rem } .list .hb .details .detailLi .select { margin-left: .53333rem } .list .hb .details .detailLi .select .ball { display: -webkit-box; display: -webkit-flex; display: flex; width: .64rem; height: .42667rem; line-height: .42667rem; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; margin-left: .13333rem; margin-bottom: .13333rem; background: var(--main-color); border-radius: .08rem; color: #fff } .list .hb .details .detailLi .Bet-box.pb { padding-bottom: .06667rem } .list .hb .details .detailLi .Bet-box ul li { height: .26667rem; line-height: .26667rem; border-radius: .04rem; padding: 0 .13333rem; font-size: .16rem; margin: .02667rem .05333rem; background-color: var(--gray-color-1) } .list .hb .details .detailLi .Bet-box ul li.actionViolet { color: #fff; background-color: var(--bgcolor-21) } .list .hb .details .detailLi .Bet-box ul li.actionRed { color: #fff; background-color: var(--norm_red-color) } .list .hb .details .detailLi .Bet-box ul li.actionGreen { color: #fff; background-color: var(--bgColor-13) } .list .hb .details .detailLi .Bet-box ul li.actionRedGreen { color: #fff; background-color: var(--norm_red-color); background-image: var(--linearGradien-21) } .list .hb .details .detailLi .Bet-box .actionBtn { height: .34667rem; line-height: .34667rem; display: inline-block; border-radius: .04rem; padding: 0 .13333rem; font-size: .16rem; background-color: var(--norm_red-color); color: #fff } .areList { margin: .53333rem; position: relative } .areList .close { position: absolute; top: -1.6rem; left: 50%; -webkit-transform: translateX(-50%); transform: translate(-50%); width: .8rem; height: .8rem } .areList .items h1 { color: var(--darkTextW, var(--borderColor-26)); font-size: .42667rem } .areList .items .itemsC { margin: .26667rem 0 .4rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; gap: .2rem; -webkit-flex-wrap: wrap; flex-wrap: wrap } .areList .items .itemsC>div { width: calc((100% - .53333rem)/2); background: var(--bgDark-3, var(--homeActiveBgColor)); border-radius: .13333rem; min-height: 1.06667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; color: var(--text_color_L2); font-size: .37333rem } .areList .items .itemsC .isActive { background: var(--norm_red-color); color: #fff } .titlebets { font-size: .29333rem; color: var(--main-color) } .border60 { width: 4.53333rem; height: .66667rem; line-height: .66667rem; border-radius: .8rem; border: .01333rem solid var(--main-color); margin: 0 auto; margin-top: .30667rem } .bottombg { width: .64rem; height: .64rem; background-image: url(/assets/png/arrowbottom-4eb91cbc.png); background-repeat: no-repeat; background-size: contain; background-position: center } .compound2, .compound3 { padding-top: .26667rem; max-height: 5.33333rem; overflow-y: auto } .compound2 .item, .compound3 .item { width: 100%; margin-bottom: .26667rem } .compound2 .item.item0-3 .box .c-row, .compound3 .item.item0-3 .box .c-row { -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: .21333rem } .compound2 .item.item0-3 .box .num, .compound3 .item.item0-3 .box .num { width: calc((100% - 1.28rem) / 7); height: 1.13333rem; background-size: 1.13333rem 1.13333rem } .compound2 .item.item0-2 .box .c-row, .compound2 .item.item5-2 .box .c-row, .compound3 .item.item0-2 .box .c-row, .compound3 .item.item5-2 .box .c-row { -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: .21333rem } .compound2 .item.item0-2 .box .num, .compound2 .item.item5-2 .box .num, .compound3 .item.item0-2 .box .num, .compound3 .item.item5-2 .box .num { width: calc((100% - 1.28rem) / 7); height: .8rem; background-size: .8rem .8rem } .compound2 .item.item4-2 .box .c-row, .compound3 .item.item4-2 .box .c-row { -webkit-flex-wrap: wrap; flex-wrap: wrap } .compound2 .item.item4-2 .box .num, .compound3 .item.item4-2 .box .num { margin-bottom: .26667rem } .compound2 .item.item4-2 .box .num:nth-child(9n-8), .compound2 .item.item4-2 .box .num:nth-child(9n-7), .compound2 .item.item4-2 .box .num:nth-child(9n-6), .compound2 .item.item4-2 .box .num:nth-child(9n-5), .compound2 .item.item4-2 .box .num:nth-child(9n-4), .compound2 .item.item4-2 .box .num:nth-child(9n-3), .compound2 .item.item4-2 .box .num:nth-child(9n-2), .compound2 .item.item4-2 .box .num:nth-child(9n-1), .compound2 .item.item4-2 .box .num:nth-child(9n), .compound3 .item.item4-2 .box .num:nth-child(9n-8), .compound3 .item.item4-2 .box .num:nth-child(9n-7), .compound3 .item.item4-2 .box .num:nth-child(9n-6), .compound3 .item.item4-2 .box .num:nth-child(9n-5), .compound3 .item.item4-2 .box .num:nth-child(9n-4), .compound3 .item.item4-2 .box .num:nth-child(9n-3), .compound3 .item.item4-2 .box .num:nth-child(9n-2), .compound3 .item.item4-2 .box .num:nth-child(9n-1), .compound3 .item.item4-2 .box .num:nth-child(9n) { background-color: var(--homeActiveBgColor); padding: .26667rem } .compound2 .item.item4-2 .box .num:nth-child(9n-7), .compound2 .item.item4-2 .box .num:nth-child(9n-6), .compound2 .item.item4-2 .box .num:nth-child(9n-4), .compound2 .item.item4-2 .box .num:nth-child(9n-3), .compound2 .item.item4-2 .box .num:nth-child(9n-1), .compound2 .item.item4-2 .box .num:nth-child(9n), .compound3 .item.item4-2 .box .num:nth-child(9n-7), .compound3 .item.item4-2 .box .num:nth-child(9n-6), .compound3 .item.item4-2 .box .num:nth-child(9n-4), .compound3 .item.item4-2 .box .num:nth-child(9n-3), .compound3 .item.item4-2 .box .num:nth-child(9n-1), .compound3 .item.item4-2 .box .num:nth-child(9n) { margin-left: -.10667rem } .compound2 .item.item4-2 .box .num:nth-child(9n-3), .compound2 .item.item4-2 .box .num:nth-child(9n-6), .compound3 .item.item4-2 .box .num:nth-child(9n-3), .compound3 .item.item4-2 .box .num:nth-child(9n-6) { margin-right: .42667rem } .compound2 .item.item3-2 .box .c-row, .compound3 .item.item3-2 .box .c-row { -webkit-flex-wrap: wrap; flex-wrap: wrap } .compound2 .item.item3-2 .box .num, .compound3 .item.item3-2 .box .num { margin-bottom: .26667rem } .compound2 .item.item3-2 .box .num:nth-child(8n-1), .compound2 .item.item3-2 .box .num:nth-child(8n-2), .compound2 .item.item3-2 .box .num:nth-child(8n-3), .compound2 .item.item3-2 .box .num:nth-child(8n-4), .compound2 .item.item3-2 .box .num:nth-child(8n-5), .compound2 .item.item3-2 .box .num:nth-child(8n-6), .compound2 .item.item3-2 .box .num:nth-child(8n-7), .compound2 .item.item3-2 .box .num:nth-child(8n), .compound3 .item.item3-2 .box .num:nth-child(8n-1), .compound3 .item.item3-2 .box .num:nth-child(8n-2), .compound3 .item.item3-2 .box .num:nth-child(8n-3), .compound3 .item.item3-2 .box .num:nth-child(8n-4), .compound3 .item.item3-2 .box .num:nth-child(8n-5), .compound3 .item.item3-2 .box .num:nth-child(8n-6), .compound3 .item.item3-2 .box .num:nth-child(8n-7), .compound3 .item.item3-2 .box .num:nth-child(8n) { background-color: var(--homeActiveBgColor); padding: .26667rem } .compound2 .item.item3-2 .box .num:nth-child(8n-6), .compound2 .item.item3-2 .box .num:nth-child(8n-5), .compound2 .item.item3-2 .box .num:nth-child(8n-4), .compound2 .item.item3-2 .box .num:nth-child(8n-2), .compound2 .item.item3-2 .box .num:nth-child(8n-1), .compound2 .item.item3-2 .box .num:nth-child(8n), .compound3 .item.item3-2 .box .num:nth-child(8n-6), .compound3 .item.item3-2 .box .num:nth-child(8n-5), .compound3 .item.item3-2 .box .num:nth-child(8n-4), .compound3 .item.item3-2 .box .num:nth-child(8n-2), .compound3 .item.item3-2 .box .num:nth-child(8n-1), .compound3 .item.item3-2 .box .num:nth-child(8n) { margin-left: -.06667rem } .compound2 .item.item3-2 .box .num:nth-child(8n-4), .compound3 .item.item3-2 .box .num:nth-child(8n-4) { margin-right: 1.73333rem } .compound2 .item.item2-2 .box .c-row, .compound3 .item.item2-2 .box .c-row { -webkit-flex-wrap: wrap; flex-wrap: wrap } .compound2 .item.item2-2 .box .num, .compound3 .item.item2-2 .box .num { margin-bottom: .26667rem } .compound2 .item.item2-2 .box .num:nth-child(8n-1), .compound2 .item.item2-2 .box .num:nth-child(8n-2), .compound2 .item.item2-2 .box .num:nth-child(8n-3), .compound2 .item.item2-2 .box .num:nth-child(8n-4), .compound2 .item.item2-2 .box .num:nth-child(8n-5), .compound2 .item.item2-2 .box .num:nth-child(8n-6), .compound2 .item.item2-2 .box .num:nth-child(8n-7), .compound2 .item.item2-2 .box .num:nth-child(8n), .compound3 .item.item2-2 .box .num:nth-child(8n-1), .compound3 .item.item2-2 .box .num:nth-child(8n-2), .compound3 .item.item2-2 .box .num:nth-child(8n-3), .compound3 .item.item2-2 .box .num:nth-child(8n-4), .compound3 .item.item2-2 .box .num:nth-child(8n-5), .compound3 .item.item2-2 .box .num:nth-child(8n-6), .compound3 .item.item2-2 .box .num:nth-child(8n-7), .compound3 .item.item2-2 .box .num:nth-child(8n) { background-color: var(--homeActiveBgColor); padding: .26667rem; margin-left: -.01333rem } .compound2 .item.item2-2 .box .num:nth-child(8n), .compound3 .item.item2-2 .box .num:nth-child(8n) { margin-right: 1.33333rem } .compound2 .item.item1-2 .box .c-row, .compound3 .item.item1-2 .box .c-row { -webkit-flex-wrap: wrap; flex-wrap: wrap } .compound2 .item.item1-2 .box .num, .compound3 .item.item1-2 .box .num { margin-bottom: .26667rem } .compound2 .item.item1-2 .box .num:nth-child(10n-1), .compound2 .item.item1-2 .box .num:nth-child(10n-2), .compound2 .item.item1-2 .box .num:nth-child(10n-3), .compound2 .item.item1-2 .box .num:nth-child(10n-4), .compound2 .item.item1-2 .box .num:nth-child(10n-5), .compound2 .item.item1-2 .box .num:nth-child(10n-6), .compound2 .item.item1-2 .box .num:nth-child(10n-7), .compound2 .item.item1-2 .box .num:nth-child(10n-8), .compound2 .item.item1-2 .box .num:nth-child(10n-9), .compound2 .item.item1-2 .box .num:nth-child(10n), .compound3 .item.item1-2 .box .num:nth-child(10n-1), .compound3 .item.item1-2 .box .num:nth-child(10n-2), .compound3 .item.item1-2 .box .num:nth-child(10n-3), .compound3 .item.item1-2 .box .num:nth-child(10n-4), .compound3 .item.item1-2 .box .num:nth-child(10n-5), .compound3 .item.item1-2 .box .num:nth-child(10n-6), .compound3 .item.item1-2 .box .num:nth-child(10n-7), .compound3 .item.item1-2 .box .num:nth-child(10n-8), .compound3 .item.item1-2 .box .num:nth-child(10n-9), .compound3 .item.item1-2 .box .num:nth-child(10n) { background-color: var(--homeActiveBgColor); padding: .26667rem; margin-left: -.09333rem } .compound2 .item .box, .compound3 .item .box { border-radius: .26667rem; position: relative; width: 100% } .compound2 .item .box .num, .compound3 .item .box .num { min-width: .8rem; min-height: .8rem; background: url(/assets/svg/anbg-dde5866e.svg) no-repeat center center; background-size: .8rem .8rem; font-size: .42667rem; font-weight: 600; color: #f95959 } .compound2 .item .box .money, .compound3 .item .box .money { text-align: center; background-color: var(--gray-color-1); position: relative; height: .53333rem; border-radius: 0 0 .26667rem .26667rem } .compound2 .item .box .money .all, .compound3 .item .box .money .all { position: relative; z-index: 9; line-height: .8rem; font-size: .32rem; color: #f95959 } .compound2 .item .box .money:after, .compound3 .item .box .money:after { position: absolute; top: 0; left: 0; content: ""; display: block; width: 100%; height: .21333rem; background-color: var(--gray-color-1); border-radius: 0 0 50% 50% } .compound2 .item .box .dele, .compound3 .item .box .dele { position: absolute; right: -.18667rem; top: -.18667rem; height: .37333rem; width: .37333rem; border-radius: .53333rem; background-color: #f95959 } .compound2 .item .box .dele .icon, .compound3 .item .box .dele .icon { font-size: .26667rem } .compound2 .item.item0-4 .box .c-row { -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: .53333rem } .compound2 .item.item0-4 .box .num { width: calc((100% - 2.13333rem)/5); background: var(--main_gradient-color); color: #fff; border-radius: .13333rem; min-height: 1.06667rem; min-width: 1.33333rem } .compound { padding-top: .26667rem; max-height: 6rem; overflow: auto } .compound .item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; align-items: center; width: 100%; margin-bottom: .4rem } .compound .item .title { width: 1.38667rem; overflow: hidden; position: relative; text-align: center; font-size: .42667rem; color: var(--text_color_L2) } .compound .item .numcontainer { width: 7.94667rem; margin-left: .13333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; gap: .13333rem } .compound .item .numcontainer .num { width: calc((100% - .85333rem)/5); height: .8rem; background: url(/assets/svg/anbg-dde5866e.svg) no-repeat center center; background-size: .8rem .8rem; font-size: .42667rem; font-weight: 600; color: #f95959; position: relative; text-align: center; line-height: .8rem } .compound .item .numcontainer .num .dele { position: absolute; right: -.18667rem; top: -.18667rem; height: .37333rem; width: .37333rem; border-radius: .53333rem; background-color: #f95959 } html:lang(ar) .compound .item .numcontainer .num .dele { right: unset; left: -.18667rem } .compound .item .numcontainer .num .dele .icon { font-size: .26667rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .WinningTip__C { position: fixed; width: 100%; height: 100%; z-index: 99; background-color: var(--bgcolor-32); top: 0; left: 0 } html:lang(ar) .WinningTip__C { left: unset; right: 0 } .WinningTip__C-body { position: absolute; width: 7.73333rem; height: 11.73333rem; background-image: url(/assets/png/newmissingviebg-0d3c6b98.png); background-repeat: no-repeat; background-position: center; background-size: cover; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translate(-50%) translateY(-50%); padding-top: 3.2rem } .WinningTip__C-body.isL { background-image: url(/assets/png/newmissingbg-b08ac203.png) } .WinningTip__C-body img { width: 1.48rem; height: 1.48rem; margin-top: .4rem; text-align: center } .WinningTip__C-body .notwinning { width: 1.6rem; height: 1.6rem; background: url(/assets/png/notwinning-7e54c381.png); background-repeat: no-repeat; background-position: center; background-size: cover; margin: 0 auto; margin-top: .53333rem; margin-bottom: 1.06667rem } .WinningTip__C-body-l1 { font-weight: 700; font-size: .64rem; text-align: center; color: #fff; height: .77333rem; line-height: .77333rem; margin-bottom: .2rem } .WinningTip__C-body-l1.isL { color: var(--text_color_L2) } .WinningTip__C-body-l2 { height: .58667rem; line-height: .58667rem; display: -webkit-box; display: -webkit-flex; display: flex; color: #fff; font-size: .29333rem; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; margin-bottom: .13333rem } .WinningTip__C-body-l2>div { height: .58667rem; background: var(--norm_red-color); border-radius: .13333rem; padding: 0 .32rem } .WinningTip__C-body-l2>div:first-child { margin-left: .32rem } .WinningTip__C-body-l2>div.WinningNum { width: .53333rem; height: .53333rem; line-height: .53333rem; margin: 0 .18667rem; padding: 0; text-align: center; border-radius: 50%; background: var(--norm_red-color); color: #fff; font-size: .37333rem } .WinningTip__C-body-l2.type0>div { background-image: var(--linearGradien-5) } .WinningTip__C-body-l2.type5>div { background-image: var(--linearGradien-6) } .WinningTip__C-body-l2.type1>div, .WinningTip__C-body-l2.type3>div, .WinningTip__C-body-l2.type7>div, .WinningTip__C-body-l2.type9>div { background-color: var(--norm_red-color) } .WinningTip__C-body-l2.type2>div, .WinningTip__C-body-l2.type4>div, .WinningTip__C-body-l2.type6>div, .WinningTip__C-body-l2.type8>div { background-color: var(--norm_red-color) } .WinningTip__C-body-l5 { height: 1.33333rem; margin-top: .93333rem; margin-bottom: .53333rem; padding: 0 .53333rem } .WinningTip__C-body-l5-content { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .WinningTip__C-body-l5-content .ball { width: .93333rem; height: .8rem; line-height: .8rem; text-align: center; font-size: .34667rem; font-weight: 700; color: var(--norm_red-color); background: url(/assets/svg/resultanbg-bfa48a61.svg) no-repeat center center; background-size: cover } .WinningTip__C-body-l5-content .balltext { background: -webkit-linear-gradient(325deg, #FF8E89 12.38%, #FFC3A2 87.13%); background: linear-gradient(125deg, #FF8E89 12.38%, #FFC3A2 87.13%); -webkit-background-clip: text; background-clip: text; color: transparent } .WinningTip__C-body-l3 { height: 1.73333rem } .WinningTip__C-body-l3 .isLose { font-weight: 700; font-size: .42667rem; line-height: .77333rem; color: var(--text_color_L2); text-align: center; margin-bottom: .34667rem; padding-top: .4rem } .WinningTip__C-body-l3 .head { height: .4rem; line-height: .4rem; font-weight: 700; font-size: .34667rem; color: var(--main-color); text-align: center; margin-bottom: .10667rem } .WinningTip__C-body-l3 .bonus { height: .64rem; line-height: .64rem; font-weight: 700; font-size: .53333rem; color: var(--main-color); text-align: center; margin-bottom: .13333rem } .WinningTip__C-body-l3 .gameDetail { height: .37333rem; line-height: .37333rem; font-size: .29333rem; text-align: left; padding-left: 1.46667rem; color: var(--text_color_L2); margin-top: .13333rem } .WinningTip__C-body-l4 { height: .64rem; line-height: .64rem; font-size: .32rem; color: #fff; position: absolute; left: .74667rem; bottom: .37333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } html:lang(ar) .WinningTip__C-body-l4 { left: unset; right: .74667rem } .WinningTip__C-body-l4 .acitveBtn { height: .56rem; width: .56rem; border-radius: 50%; background: var(--winTips); border: .01333rem solid #fff; margin-right: .18667rem; position: relative } .WinningTip__C-body-l4 .acitveBtn.active:before { content: ""; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translate(-50%) translateY(-50%); height: .24rem; width: .32rem; display: block; background-image: url(/assets/png/vector-dc489162.png); background-repeat: no-repeat; background-size: .32rem .24rem; background-position: center } .WinningTip__C .closeBtn { width: .8rem; height: .8rem; background-image: url(/assets/png/close-84ce5e6a.png); background-repeat: no-repeat; background-size: .8rem; background-position: center; position: absolute; left: 50%; -webkit-transform: translateX(-50%) translateY(100%); transform: translate(-50%) translateY(100%); bottom: -.26667rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .NewVietnam__C { padding-bottom: .34667rem; overflow-y: auto; background-color: var(--bgDark-4, var(--bg_color_L1)) } .NewVietnam__C-head { height: 1.25333rem; background: var(--main_gradient-color); padding: 0 .34667rem; position: relative } .NewVietnam__C-head div { background-repeat: no-repeat; background-position: center } .NewVietnam__C-head-bcak { position: absolute; width: .64rem; height: .64rem; background-image: url(/assets/png/bcakIcon-b7c1d288.png); background-size: .64rem; left: .34667rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } html:lang(ar) .NewVietnam__C-head-bcak { left: unset; right: .34667rem } .NewVietnam__C-head-logo { background-size: 2.98667rem 1.12rem; height: 1.12rem; width: 2.98667rem; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translate(-50%) translateY(-50%) } .NewVietnam__C-head-more { position: absolute; width: 1.54667rem; height: .64rem; right: .34667rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } html:lang(ar) .NewVietnam__C-head-more { right: unset; left: .34667rem } .NewVietnam__C-head-more>div { width: .64rem; height: .64rem; background-image: url(/assets/png/kefu-b361c42f.png); background-size: .64rem } .NewVietnam__C-head-more>div:last-child { background-image: url(/assets/png/voice-62dbf38c.png) } .NewVietnam__C-head-more>div:last-child.disableVoice { background-image: url(/assets/png/voice-off-633f5ccc.png) } .NewVietnam__C .driver-close-btn, .NewVietnam__C .driver-prev-btn { display: none } .popup { overflow-y: visible !important; border-radius: .13333rem .13333rem 0 0; width: 100% } .popup .van-popup { overflow-y: visible !important; border-radius: .26667rem .26667rem 0 0 } .popup .box { position: relative } .popup .box .close { position: absolute; top: -1.06667rem; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%) } .popup .box .close .img { width: .8rem; height: .8rem } .popup .box .title { font-size: .42667rem; color: var(--text_color_L1) } .popup .box .numList { max-height: 5.33333rem; overflow-x: auto } .popup .box .numList .item { width: 1.06667rem; height: 1.06667rem; font-size: .42667rem; font-weight: 600; color: #f95959; background: url(/assets/svg/anbg-dde5866e.svg) no-repeat center center; background-size: cover; margin: 0 .13333rem } .popup-info-item { height: .8rem; line-height: .8rem; margin-top: .26667rem } .popup-info-item .tit { font-size: .37333rem; color: var(--text_color_L2) } .popup-info-item .amount-box .li, .popup-info-item .multiple-box .li { text-align: center; font-size: .32rem; padding: 0 .13333rem; height: .8rem; line-height: .8rem; min-width: 1.33333rem; margin-left: .13333rem; border: .01333rem solid var(--gray-color-1); border-radius: .13333rem; color: #f95959 } .popup-info-item .amount-box .li.action, .popup-info-item .multiple-box .li.action { border: none; color: #fff; background: var(--main_gradient-color) } .popup-info-item .multiple-box .li { padding: 0 .26667rem; min-width: auto } .popup-info-item .stepper-box .digit-box { width: 2.66667rem; height: .8rem; border-radius: .8rem; padding: 0; margin: 0 .13333rem; background-color: var(--walletBgColor-1) } .popup-info-item .stepper-box .digit-box .van-field__control { height: .74667rem; text-align: center } .popup-info-item .stepper-box .li { height: .8rem; width: .8rem; font-size: .8rem; border-radius: 50%; background-color: var(--main-color); color: #fff } .popup-info-item .stepper-box .li.minus { text-align: center; line-height: .66667rem } .popup-info-item .txt { color: #f95959 } .popup-info .quantity { margin-top: .26667rem; padding: 0 .21333rem; height: 1.17333rem; background-color: var(--bgDark-2, var(--homeActiveBgColor)); border-radius: .13333rem; font-size: .32rem; color: var(--text_color_L2) } .popup-info .quantity .line { padding: 0 .13333rem; color: var(--text_color_L2) } .popup-info .quantity .num { color: #f95959; font-size: .4rem } .popup-info .wallet, .popup-info .balance { padding: 0 .21333rem; margin-top: .26667rem; height: .8rem; background-color: var(--bgDark-2, var(--homeActiveBgColor)) } .popup-info .wallet .txt, .popup-info .balance .txt { font-size: .32rem; color: var(--text_color_L2) } .popup-info .wallet .txt img, .popup-info .balance .txt img { width: .4rem; height: .4rem; margin-right: .13333rem } .popup-info .wallet .txt .num, .popup-info .balance .txt .num { font-size: .37333rem; color: var(--text_color_L1); padding-left: .26667rem } .popup-info .wallet .txt .num.yellow, .popup-info .balance .txt .num.yellow { color: var(--norm_secondary-color) } .popup-info .wallet .bg333, .popup-info .balance .bg333 { font-size: .32rem; color: var(--text_color_L1) } .popup-info .wallet .bg7172, .popup-info .balance .bg7172 { font-size: .32rem; color: var(--main-color) } .popup-info .wallet .bet, .popup-info .balance .bet { border: .01333rem solid #F95959; border-radius: .13333rem; height: .64rem; line-height: .64rem; color: #f95959; padding: 0 .26667rem } .popup-btn { height: 1.6rem } .popup-btn .left { width: 45% } .popup-btn .left .btn { height: 1.6rem; font-size: .42667rem; border-radius: 0; color: var(--text_color_L2); background-color: #f95959 } .popup-btn .right { width: 55% } .popup-btn .right .btn { height: 1.6rem; font-size: .42667rem; border-radius: 0; color: #fff; background-color: #f95959 } .popup-btn .right .noActive { background-color: #f95959; color: var(--text_color_L2) } .PreSaleRule { width: 7.04rem } .PreSaleRule .head { height: 1.2rem; line-height: 1.2rem; color: #fff; font-size: .4rem; text-align: center; background-size: cover; background-repeat: no-repeat; background-position: left center; background-image: url(/assets/png/wingoPreSaleBg-1a69469d.png) } .PreSaleRule .body { max-height: 8rem; overflow-y: auto; padding: .4rem; font-size: .32rem; line-height: .8rem } .PreSaleRule .body p { margin-bottom: .2rem; line-height: .53333rem } .PreSaleRule .foot { height: 1.86667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .PreSaleRule .foot .btn { width: 60%; background: var(--main_gradient-color); border-radius: .53333rem; height: .93333rem; line-height: .93333rem; text-align: center; font-size: .37333rem; color: #fff } .Tips { width: 8rem; height: 2.13333rem; line-height: 2.13333rem; background: var(--bg_color_L2); border: .01333rem solid var(--borderColor-5); border-radius: .26667rem; display: -webkit-box; display: -webkit-flex; display: flex } .Tips>div { display: -webkit-box; display: -webkit-flex; display: flex; overflow-y: hidden } .Tips>div img { width: 1.17333rem; height: 1.17333rem; margin-top: .45333rem } .Tips>div .font36 { color: var(--text_color_L1); font-weight: 700; font-size: .48rem; margin-left: .32rem } .GameList__C-region { height: 1.2rem; line-height: 1.2rem; overflow: hidden; padding: 0 .26667rem; margin: .26667rem 0 } .GameList__C-region .item { width: calc(33.3% - .53333rem); position: relative; text-align: center; font-size: .48rem; -webkit-transition: .4s; transition: .4s } .GameList__C-region .item:nth-child(1) { background: var(--bg_color_L2); border-radius: .13333rem 0 0 .13333rem } .GameList__C-region .item:nth-child(1):after { position: absolute; top: 0; right: -.66667rem; content: ""; width: 0; height: 0; border-bottom: 1.2rem solid #fff; border-right: .66667rem solid transparent; -webkit-transition: .4s; transition: .4s } .GameList__C-region .item:nth-child(2) { background: var(--bg_color_L2) } .GameList__C-region .item:nth-child(2):after { position: absolute; top: 0; right: -.66667rem; content: ""; width: 0; height: 0; border-top: 1.2rem solid #fff; border-right: .66667rem solid transparent; -webkit-transition: .4s; transition: .4s } html:lang(ar) .GameList__C-region .item:nth-child(2):after { left: -.66667rem; right: unset } .GameList__C-region .item:nth-child(2):before { position: absolute; top: 0; left: -.66667rem; content: ""; width: 0; height: 0; border-top: 1.2rem solid #fff; border-left: .66667rem solid transparent; -webkit-transition: .4s; transition: .4s } html:lang(ar) .GameList__C-region .item:nth-child(2):before { right: -.66667rem; left: unset } .GameList__C-region .item:nth-child(3) { background: var(--bg_color_L2); border-radius: 0 .13333rem .13333rem 0 } .GameList__C-region .item:nth-child(3):before { position: absolute; top: 0; left: -.66667rem; content: ""; width: 0; height: 0; border-bottom: 1.2rem solid #fff; border-left: .66667rem solid transparent; -webkit-transition: .4s; transition: .4s } html:lang(ar) .GameList__C-region .item:nth-child(3):before { right: -.66667rem; left: unset } .GameList__C-region .item.action { color: #fff } .GameList__C-region .item.action:nth-child(1) { background: -webkit-linear-gradient(325deg, #FF8E89 12.38%, #FFC3A2 87.13%); background: linear-gradient(125deg, #FF8E89 12.38%, #FFC3A2 87.13%) } .GameList__C-region .item.action:nth-child(1):after { border-bottom: 1.2rem solid var(--borderColor-5) } .GameList__C-region .item.action:nth-child(2) { background: -webkit-linear-gradient(325deg, #FF8E89 12.38%, #FFC3A2 87.13%); background: linear-gradient(125deg, #FF8E89 12.38%, #FFC3A2 87.13%) } .GameList__C-region .item.action:nth-child(2):after { border-top: 1.2rem solid var(--borderColor-5) } .GameList__C-region .item.action:nth-child(2):before { border-top: 1.2rem solid #F95959 } .GameList__C-region .item.action:nth-child(3) { background: -webkit-linear-gradient(325deg, #FF8E89 12.38%, #FFC3A2 87.13%); background: linear-gradient(125deg, #FF8E89 12.38%, #FFC3A2 87.13%) } .GameList__C-region .item.action:nth-child(3):before { border-bottom: 1.2rem solid #F95959 } .GameList__C-time { padding-left: .2rem; overflow-y: auto; height: 1.06667rem; display: -webkit-box; display: -webkit-flex; display: flex } .GameList__C-time .item { position: relative; white-space: nowrap; background-color: #fff; margin: 0 .10667rem; padding: .04rem .16rem 0; text-align: center; border-radius: .13333rem .13333rem 0 0 } .GameList__C-time .item .week { font-size: .16rem; color: var(--text_color_L1) } .GameList__C-time .item .time { font-size: .16rem; color: var(--text_color_L2) } .GameList__C-time .item:after, .GameList__C-time .item:before { content: ""; width: .4rem; height: .4rem; position: absolute; bottom: 0; z-index: 9 } .GameList__C-time .item:after { background: -webkit-radial-gradient(100% 0, circle, rgba(204, 0, 0, 0) .4rem, #ffffff .41333rem); background: radial-gradient(circle at 100% 0, rgba(204, 0, 0, 0) .4rem, #ffffff .41333rem); right: -.4rem } html:lang(ar) .GameList__C-time .item:after { left: -.4rem; right: unset } .GameList__C-time .item:before { background: -webkit-radial-gradient(0 0, circle, rgba(204, 0, 0, 0) .4rem, #ffffff .41333rem); background: radial-gradient(circle at 0 0, rgba(204, 0, 0, 0) .4rem, #ffffff .41333rem); left: -.4rem } html:lang(ar) .GameList__C-time .item:before { right: -.4rem; left: unset } .GameList__C-time .item.active { background-color: var(--main-color); color: #fff; z-index: 10 } .GameList__C-time .item.active .week, .GameList__C-time .item.active .time { color: #fff } .GameList__C-time .item.active:before { background: -webkit-radial-gradient(0 0, circle, rgba(204, 0, 0, 0) .4rem, var(--main-color) .41333rem); background: radial-gradient(circle at 0 0, rgba(204, 0, 0, 0) .4rem, var(--main-color) .41333rem); left: -.4rem; z-index: 10 } html:lang(ar) .GameList__C-time .item.active:before { right: -.4rem; left: unset } .GameList__C-time .item.active:after { background: -webkit-radial-gradient(100% 0, circle, rgba(204, 0, 0, 0) .4rem, var(--main-color) .41333rem); background: radial-gradient(circle at 100% 0, rgba(204, 0, 0, 0) .4rem, var(--main-color) .41333rem); right: -.4rem; z-index: 10 } html:lang(ar) .GameList__C-time .item.active:after { left: -.4rem; right: unset } .GameList__C-city { border-top: .02667rem solid #fff; overflow-y: auto; height: .6rem; height: 1.17333rem; background-color: var(--main-color); display: -webkit-box; display: -webkit-flex; display: flex } .GameList__C-city .item { height: .93333rem; line-height: .93333rem; white-space: nowrap; margin: .08rem .10667rem; padding: 0 .10667rem; text-align: center; color: #fff } .GameList__C-city .item.action { background-color: #fff; color: var(--main-color); border-radius: .06667rem } .GameList__C-bet { width: 100%; margin-top: .2rem; padding: 0 .13333rem; display: -webkit-box; display: -webkit-flex; display: flex; height: 1.06667rem; overflow-x: scroll } .GameList__C-bet ul { margin: 0; padding: 0; list-style: none; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; white-space: nowrap } .GameList__C-bet .item { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; height: .93333rem; padding: .25333rem .88rem; background: var(--bg_color_L2); border-radius: .16rem; margin-right: .32rem; color: var(--text_color_L2) } .GameList__C-bet .item.action { color: #fff; background: var(--main_gradient-color2) } .Betting__C-mark { width: 100%; height: 100%; background: var(--bgcolor-32); position: fixed; z-index: 99; top: 0; left: 0; color: #fff; border-radius: .26667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center } html:lang(ar) .Betting__C-mark { right: 0; left: unset; direction: ltr } .Betting__C-mark>div { width: 5.86667rem; height: 1.33333rem; line-height: 1.33333rem; display: inline-block; border-radius: .26667rem; border: .01333rem solid #fff; font-size: .42667rem; color: #fff; font-weight: 700; padding: 0 .4rem 0 2.08rem } .Betting__C-bet { margin-top: .4rem; padding: 0 .26667rem } .Betting__C-bet .tit { height: .53333rem; line-height: .53333rem } .Betting__C-bet .tit-select { padding-left: .26667rem; font-size: .42667rem; font-weight: 700; border-left: .08rem solid var(--main-color) } .Betting__C-bet .tit-list .check { padding-left: .26667rem; color: var(--text_color_L2) } .Betting__C-bet .tit-list .check-item { height: .42667rem; width: .42667rem; border-radius: .42667rem; border: .02667rem solid #c9c9c9; margin-right: .10667rem } .Betting__C-bet .tit-list .check.action { color: #f95959 } .Betting__C-bet .tit-list .check.action .check-item { border: .01333rem solid #F95959; position: relative } .Betting__C-bet .tit-list .check.action .check-item:after { content: ""; display: block; border-radius: .26667rem; background-color: #f95959; width: .26667rem; height: .26667rem; position: absolute; left: .05333rem; top: .05333rem } html:lang(ar) .Betting__C-bet .tit-list .check.action .check-item:after { right: .05333rem; left: unset } .Betting__C-bet .nList { background: var(--bg_color_L2); border-radius: .32rem; padding: .26667rem; margin-top: .4rem } .Betting__C-bet .nList .Ntit { line-height: .74667rem; font-size: .42667rem; color: var(--text_color_L3); font-weight: 400 } .Betting__C-bet .nList .list { width: 100% } .Betting__C-bet .nList .list .item { width: 20% } .Betting__C-bet .nList .list .item .number { width: 1.06667rem; height: 1.06667rem; font-size: .42667rem; font-weight: 700; color: var(--text_color_L2); background: url(/assets/svg/nbg-dba06970.svg) no-repeat center center; background-size: cover } .Betting__C-bet .nList .list .item .number.action { color: #f95959; background: url(/assets/svg/anbg-dde5866e.svg) no-repeat center center; background-size: cover } .Footer__C { width: 100%; position: fixed; left: auto; bottom: 0; height: 1.6rem; z-index: 98 } .Footer__C .nav { height: 1.6rem; background-color: #fee; max-width: 10rem } .Footer__C .nav .left { width: 55% } .Footer__C .nav .left .item { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; padding-left: .26667rem; color: var(--main-color) } .Footer__C .nav .left .item .txt { margin-bottom: .08rem } .Footer__C .nav .left .item .num { color: #f95959; font-weight: 600 } .Footer__C .bet-btn { width: 40%; background-color: #f95959; color: #fff; font-size: .48rem; font-weight: 600 } .Footer__C .disabled-btn { width: 40%; background-color: var(--button_dis_color); color: var(--text_color_L2); font-size: .48rem; font-weight: 400; pointer-events: none } .RecordNav__C { width: calc(100% - .64rem); height: 1.17333rem; line-height: 1.17333rem; display: -webkit-box; display: -webkit-flex; display: flex; margin: .32rem auto 0; border-radius: .16rem; overflow: hidden } .RecordNav__C>div { width: 50%; height: 100%; background: var(--bgDark-3, var(--bg_color_L2)); font-size: .42667rem; color: var(--text_color_L2); text-align: center; overflow: hidden } .RecordNav__C>div.active { background: var(--dark-linerGradien-91, var(--main_gradient-color2)); font-weight: 600; color: #fff } .GameRecord__C { width: calc(100% - .69333rem); margin: .26667rem auto 1.6rem; text-align: center; font-size: .32rem } .GameRecord__C-head { height: 1.06667rem; line-height: 1.06667rem; background: var(--bgDark-2, var(--main-color)); border-radius: .13333rem .13333rem 0 0; font-weight: 600; font-size: .37333rem; color: #fff } .GameRecord__C-body { color: var(--text_color_L1); font-size: .32rem; background: var(--darkBg, var(--bg_color_L1)); border-radius: 0 0 .13333rem .13333rem } .GameRecord__C-body .van-row { min-height: 1.30667rem; border-bottom: .01333rem solid var(--bgDark-2, var(--saveTextColor-3)) } .GameRecord__C-body .details { width: 100%; border: .01333rem solid var(--borderColor-5); border-radius: .26667rem; padding: .33333rem } .GameRecord__C-body .details .tit { font-size: .4rem; color: var(--text_color_L1); margin-bottom: .26667rem; font-weight: 700 } .GameRecord__C-body .details .tit img { width: .64rem; height: .64rem; position: relative; top: .13333rem } .GameRecord__C-body .details .tag-read img { width: .32rem; height: .32rem } .GameRecord__C-body .details .detailLi { min-height: .66667rem; line-height: .66667rem; color: var(--text_color_L2); font-size: .37333rem; border-radius: .13333rem } .GameRecord__C-body .details .detailLi .red { color: var(--main_gradient-color) } .GameRecord__C-body .details .detailLi .prize { background: var(--bgDark-4, --walletBgColor-1); margin-bottom: .16rem; padding: .26667rem; border-radius: .26667rem } .GameRecord__C-body .details .detailLi .prize:last-child { margin-bottom: 0 } .GameRecord__C-body .details .detailLi .selectItem0, .GameRecord__C-body .details .detailLi .selectItem1, .GameRecord__C-body .details .detailLi .selectItem2 { display: -webkit-box; display: -webkit-flex; display: flex } .GameRecord__C-body .details .detailLi .selectItem0>div:nth-of-type(1), .GameRecord__C-body .details .detailLi .selectItem1>div:nth-of-type(1), .GameRecord__C-body .details .detailLi .selectItem2>div:nth-of-type(1) { width: 45% } .GameRecord__C-body .details .detailLi .selectItem0>div:nth-of-type(2), .GameRecord__C-body .details .detailLi .selectItem1>div:nth-of-type(2), .GameRecord__C-body .details .detailLi .selectItem2>div:nth-of-type(2) { width: .13333rem } .GameRecord__C-body .details .detailLi .selectItem0 span, .GameRecord__C-body .details .detailLi .selectItem1 span, .GameRecord__C-body .details .detailLi .selectItem2 span { font-weight: 700; font-size: .42667rem; color: var(--darkTextW, --text_color_L1); padding-left: 0; text-align: center } .GameRecord__C-body .details .detailLi .selectItem0 span { color: #f95959 } .GameRecord__C-body .details .detailLi .prize-tit { text-align: left; font-size: .37333rem; color: var(--darkTextW, --text_color_L1); padding-left: .26667rem } .GameRecord__C-body .details .detailLi .action0 { color: #f95959 !important; font-weight: 700; font-size: .42667rem } .GameRecord__C-body .details .detailLi .action1, .GameRecord__C-body .details .detailLi .action2 { font-weight: 700; font-size: .42667rem } .GameRecord__C-body .details .detailLi .prize-box { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1 } .GameRecord__C-body .details .detailLi .prize-box-item { text-align: left; padding-left: .26667rem; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; color: var(--text_color_L1); font-size: .37333rem; font-weight: 500 } .GameRecord__C-body .details .detailLi .c-flex-warp { color: var(--text_color_L3); font-size: .34667rem } .GameRecord__C-body .details .detailLi .select { margin-left: .53333rem } .GameRecord__C-body .details .detailLi .select .ball { display: -webkit-box; display: -webkit-flex; display: flex; width: .64rem; height: .42667rem; line-height: .42667rem; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; margin-left: .13333rem; margin-bottom: .13333rem; background: var(--main-color); border-radius: .08rem; color: #fff } .GameRecord__C-body .details .detailLi .Bet-box.pb { padding-bottom: .06667rem } .GameRecord__C-body .details .detailLi .Bet-box ul li { height: .26667rem; line-height: .26667rem; border-radius: .04rem; padding: 0 .13333rem; font-size: .16rem; margin: .02667rem .05333rem; background-color: var(--gray-color-1) } .GameRecord__C-body .details .detailLi .Bet-box ul li.actionViolet { color: #fff; background-color: var(--bgcolor-21) } .GameRecord__C-body .details .detailLi .Bet-box ul li.actionRed { color: #fff; background-color: var(--norm_red-color) } .GameRecord__C-body .details .detailLi .Bet-box ul li.actionGreen { color: #fff; background-color: var(--bgColor-13) } .GameRecord__C-body .details .detailLi .Bet-box ul li.actionRedGreen { color: #fff; background-color: var(--norm_red-color); background-image: var(--linearGradien-21) } .GameRecord__C-body .details .detailLi .Bet-box .actionBtn { height: .34667rem; line-height: .34667rem; display: inline-block; border-radius: .04rem; padding: 0 .13333rem; font-size: .16rem; background-color: var(--norm_red-color); color: #fff } .GameRecord__C-body .goItem { height: 1.30667rem; line-height: 1.30667rem; text-align: center; color: var(--darkTextW, --main-color); font-size: .32rem } .GameRecord__C-body .li { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; text-align: center; width: .4rem; height: .4rem; border-radius: 50%; background: var(--walletBgColor-1); margin: 0 .02667rem } .GameRecord__C-body .li .circle-black { background-color: var(--walletBgColor-1); color: var(--text_color_L1); font-size: .32rem } .GameRecord__C-body .time { color: var(--textM3, var(--text_color_L2)); font-size: .32rem; height: 100% } .GameRecord__C-body .numList { width: 3rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; position: relative; top: .4rem } .GameRecord__C-body .numList .numItem { width: .4rem; height: .4rem; background: var(--walletBgColor-1); color: var(--text_color_L1); font-size: .32rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; border-radius: 50% } .GameRecord__C-body .redNumItem { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .GameRecord__C-foot { height: 1.86667rem; background: var(--darkBg, var(--bg_color_L2)); padding: .46667rem 2.37333rem; margin-top: .48rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .GameRecord__C-foot-previous, .GameRecord__C-foot-next { width: .93333rem; height: .93333rem; border-radius: .13333rem; background: var(--main-color); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .GameRecord__C-foot-previous.disabled, .GameRecord__C-foot-next.disabled { background: var(--gray-color-1); pointer-events: none } .GameRecord__C-foot-previous.disabled .GameRecord__C-icon, .GameRecord__C-foot-next.disabled .GameRecord__C-icon { color: var(--saveTextColor-7) } .GameRecord__C-foot-previous .GameRecord__C-icon, .GameRecord__C-foot-next .GameRecord__C-icon { color: #fff } .MyGameRecord__C { width: 100%; margin: .32rem auto 1.6rem } .MyGameRecord__C-head { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; background-color: var(--darkBg, var(--bg_color_L2)); padding: .32rem .32rem 0 } .MyGameRecord__C-head-moreB { border: .01333rem solid var(--main-color); height: .8rem; line-height: .8rem; border-radius: .26667rem; padding: 0 .72rem 0 .24rem; color: var(--main-color); font-size: .32rem; position: relative; margin-bottom: .4rem } .MyGameRecord__C-head-moreB:after { content: ""; display: block; width: .4rem; height: .4rem; position: absolute; top: 50%; right: .2rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-image: url(/assets/jpg/moreBtn-ad0358aa.jpg); background-repeat: no-repeat; background-size: .4rem; background-position: center } html:lang(ar) .MyGameRecord__C-head-moreB:after { left: .2rem; right: unset; -webkit-transform: scaleX(-1); transform: scaleX(-1); top: 25% } .MyGameRecord__C-body { padding: 0 .32rem } .MyGameRecord__C-body-empty { height: 5.33333rem } .MyGameRecord__C-foot { height: 1.86667rem; background: var(--darkBg, var(--bg_color_L2)); padding: .46667rem 2.37333rem; margin-top: .48rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .MyGameRecord__C-foot-page { font-size: .32rem; color: var(--text_color_L1) } .MyGameRecord__C-foot-previous, .MyGameRecord__C-foot-next { width: .93333rem; height: .93333rem; border-radius: .13333rem; background: var(--main-color); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .MyGameRecord__C-foot-previous.disabled, .MyGameRecord__C-foot-next.disabled { background: var(--gray-color-1); pointer-events: none } .MyGameRecord__C-foot-previous.disabled .MyGameRecord__C-icon, .MyGameRecord__C-foot-next.disabled .MyGameRecord__C-icon { color: var(--saveTextColor-7) } .MyGameRecord__C-foot-previous .MyGameRecord__C-icon, .MyGameRecord__C-foot-next .MyGameRecord__C-icon { color: #fff } .list { padding: 0 .26667rem } .list .hb { background-color: #fff; color: var(--colorText-3); font-size: .37333rem } .list .hb .item { padding: .21333rem; border-bottom: .02667rem solid var(--gray-color-1); color: var(--colorText-3); font-size: .37333rem } .list .hb .item.action { padding: .32rem .26667rem } .list .hb .item .goItem { height: .42667rem } .list .hb .li { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; text-align: center; width: .42667rem !important; height: .42667rem; border: .02667rem solid var(--gray-color-1); border-radius: .42667rem; margin-right: .10667rem; color: var(--gray-color-1) } .list .hb .li.action { font-size: .32rem; border: none; color: #fff; background-color: var(--norm_red-color) } .list .hb .li.circle-black { border: .02667rem solid var(--text_color_L1); color: var(--text_color_L1); background: var(--bgColor-6) } .list .hb .li.actionH { border: none; color: #fff; background-color: var(--borderColor-4) } .list .hb .li.actionL { border: .01333rem solid var(--borderColor-4); color: var(--borderColor-4); background-color: #fff } .list .hb .li.actionO { border: none; color: #fff; background-color: var(--norm_secondary-color) } .list .hb .li.actionE { border: .01333rem solid var(--norm_secondary-color); color: var(--norm_secondary-color); background-color: #fff } .list .hb .qiu { width: 3rem; position: relative } .list .hb .qiu .line-canvas { position: absolute !important; top: .12rem; left: 0; height: .73333rem; width: 2.61333rem; z-index: 99 } html:lang(ar) .list .hb .qiu .line-canvas { right: .12rem; left: unset } .list .hb .red { color: var(--colorText-2) } .list .hb .green { color: var(--norm_green-color) } .list .hb .blue { color: var(--colorText-7) } .list .hb .box .li { display: block; height: .13333rem; width: .13333rem; border-radius: .13333rem; margin: 0 .06667rem } .list .hb .item { padding: .53333rem .4rem } .list .hb .item .info { width: 100% } .list .hb .item .info .issueName .state { color: #fff; padding: .10667rem .26667rem; margin-left: .26667rem; border-radius: .53333rem; font-size: .32rem; display: inline-block; text-align: center } .list .hb .item .info .issueName .state.red { background-color: var(--norm_red-color) } .list .hb .item .info .issueName .state.green { background-color: var(--norm_green-color) } .list .hb .item .info .tiem { font-size: .32rem; color: var(--text_color_L2); margin-top: .13333rem } .list .hb .item .info .money { font-weight: 600; font-size: .42667rem } .list .hb .item .info .money .fail { color: var(--norm_red-color) } .list .hb .item .info .money .success { color: var(--bgColor-13) } .list .hb .details { padding: .4rem; border-bottom: .01333rem solid var(--gray-color-1) } .list .hb .details .tit { font-size: .4rem; color: var(--text_color_L1); margin-bottom: .26667rem; font-weight: 700 } .list .hb .details .tit img { width: .64rem; height: .64rem; position: relative; top: .13333rem } .list .hb .details .tag-read img { width: .32rem; height: .32rem } .list .hb .details .detailLi { min-height: .66667rem; line-height: .66667rem; background: var(--bgColor-6); color: var(--text_color_L2); font-size: .37333rem; border-radius: .13333rem; margin-bottom: .21333rem } .list .hb .details .detailLi .red { color: var(--main_gradient-color) } .list .hb .details .detailLi .result { height: .93333rem; line-height: .93333rem; background: var(--main-color); border-radius: .13333rem .13333rem 0 0; color: #fff; text-align: left; padding: 0 --0.26667rem } .list .hb .details .detailLi .prize-tit { font-size: .32rem; color: var(--text_color_L2) } .list .hb .details .detailLi .prize-box { border-bottom: .01333rem solid #fff } .list .hb .details .detailLi .prize-box-item { text-align: center; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; color: var(--text_color_L3); font-size: .34667rem } .list .hb .details .detailLi .c-flex-warp { color: var(--text_color_L3); font-size: .34667rem } .list .hb .details .detailLi .select { margin-left: .53333rem } .list .hb .details .detailLi .select .ball { display: -webkit-box; display: -webkit-flex; display: flex; width: .64rem; height: .42667rem; line-height: .42667rem; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; margin-left: .13333rem; margin-bottom: .13333rem; background: var(--main-color); border-radius: .08rem; color: #fff } .list .hb .details .detailLi .Bet-box.pb { padding-bottom: .06667rem } .list .hb .details .detailLi .Bet-box ul li { height: .26667rem; line-height: .26667rem; border-radius: .04rem; padding: 0 .13333rem; font-size: .16rem; margin: .02667rem .05333rem; background-color: var(--gray-color-1) } .list .hb .details .detailLi .Bet-box ul li.actionViolet { color: #fff; background-color: var(--bgcolor-21) } .list .hb .details .detailLi .Bet-box ul li.actionRed { color: #fff; background-color: var(--norm_red-color) } .list .hb .details .detailLi .Bet-box ul li.actionGreen { color: #fff; background-color: var(--bgColor-13) } .list .hb .details .detailLi .Bet-box ul li.actionRedGreen { color: #fff; background-color: var(--norm_red-color); background-image: var(--linearGradien-21) } .list .hb .details .detailLi .Bet-box .actionBtn { height: .34667rem; line-height: .34667rem; display: inline-block; border-radius: .04rem; padding: 0 .13333rem; font-size: .16rem; background-color: var(--norm_red-color); color: #fff } .areList { margin: .53333rem; position: relative } .areList .close { position: absolute; top: -1.6rem; left: 50%; -webkit-transform: translateX(-50%); transform: translate(-50%); width: .8rem; height: .8rem } .areList .items h1 { color: var(--darkTextW, var(--borderColor-26)); font-size: .42667rem } .areList .items .itemsC { margin: .26667rem 0 .4rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; gap: .2rem; -webkit-flex-wrap: wrap; flex-wrap: wrap } .areList .items .itemsC>div { width: calc((100% - .53333rem)/2); background: var(--bgDark-3, var(--homeActiveBgColor)); border-radius: .13333rem; min-height: 1.06667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; color: var(--text_color_L2); font-size: .37333rem } .areList .items .itemsC .isActive { background: var(--norm_red-color); color: #fff } .titlebets { font-size: .29333rem; color: var(--main-color) } .border60 { width: 4.53333rem; height: .66667rem; line-height: .66667rem; border-radius: .8rem; border: .01333rem solid var(--main-color); margin: 0 auto; margin-top: .30667rem } .bottombg { width: .64rem; height: .64rem; background-image: url(/assets/png/arrowbottom-4eb91cbc.png); background-repeat: no-repeat; background-size: contain; background-position: center } .compound2, .compound3 { padding-top: .26667rem; max-height: 5.33333rem; overflow-y: auto } .compound2 .item, .compound3 .item { width: 100%; margin-bottom: .26667rem } .compound2 .item.item0-3 .box .c-row, .compound3 .item.item0-3 .box .c-row { -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: .21333rem } .compound2 .item.item0-3 .box .num, .compound3 .item.item0-3 .box .num { width: calc((100% - 1.28rem) / 7); height: 1.13333rem; background-size: 1.13333rem 1.13333rem } .compound2 .item.item0-2 .box .c-row, .compound2 .item.item5-2 .box .c-row, .compound3 .item.item0-2 .box .c-row, .compound3 .item.item5-2 .box .c-row { -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: .21333rem } .compound2 .item.item0-2 .box .num, .compound2 .item.item5-2 .box .num, .compound3 .item.item0-2 .box .num, .compound3 .item.item5-2 .box .num { width: calc((100% - 1.28rem) / 7); height: .8rem; background-size: .8rem .8rem } .compound2 .item.item4-2 .box .c-row, .compound3 .item.item4-2 .box .c-row { -webkit-flex-wrap: wrap; flex-wrap: wrap } .compound2 .item.item4-2 .box .num, .compound3 .item.item4-2 .box .num { margin-bottom: .26667rem } .compound2 .item.item4-2 .box .num:nth-child(9n-8), .compound2 .item.item4-2 .box .num:nth-child(9n-7), .compound2 .item.item4-2 .box .num:nth-child(9n-6), .compound2 .item.item4-2 .box .num:nth-child(9n-5), .compound2 .item.item4-2 .box .num:nth-child(9n-4), .compound2 .item.item4-2 .box .num:nth-child(9n-3), .compound2 .item.item4-2 .box .num:nth-child(9n-2), .compound2 .item.item4-2 .box .num:nth-child(9n-1), .compound2 .item.item4-2 .box .num:nth-child(9n), .compound3 .item.item4-2 .box .num:nth-child(9n-8), .compound3 .item.item4-2 .box .num:nth-child(9n-7), .compound3 .item.item4-2 .box .num:nth-child(9n-6), .compound3 .item.item4-2 .box .num:nth-child(9n-5), .compound3 .item.item4-2 .box .num:nth-child(9n-4), .compound3 .item.item4-2 .box .num:nth-child(9n-3), .compound3 .item.item4-2 .box .num:nth-child(9n-2), .compound3 .item.item4-2 .box .num:nth-child(9n-1), .compound3 .item.item4-2 .box .num:nth-child(9n) { background-color: var(--homeActiveBgColor); padding: .26667rem } .compound2 .item.item4-2 .box .num:nth-child(9n-7), .compound2 .item.item4-2 .box .num:nth-child(9n-6), .compound2 .item.item4-2 .box .num:nth-child(9n-4), .compound2 .item.item4-2 .box .num:nth-child(9n-3), .compound2 .item.item4-2 .box .num:nth-child(9n-1), .compound2 .item.item4-2 .box .num:nth-child(9n), .compound3 .item.item4-2 .box .num:nth-child(9n-7), .compound3 .item.item4-2 .box .num:nth-child(9n-6), .compound3 .item.item4-2 .box .num:nth-child(9n-4), .compound3 .item.item4-2 .box .num:nth-child(9n-3), .compound3 .item.item4-2 .box .num:nth-child(9n-1), .compound3 .item.item4-2 .box .num:nth-child(9n) { margin-left: -.10667rem } .compound2 .item.item4-2 .box .num:nth-child(9n-3), .compound2 .item.item4-2 .box .num:nth-child(9n-6), .compound3 .item.item4-2 .box .num:nth-child(9n-3), .compound3 .item.item4-2 .box .num:nth-child(9n-6) { margin-right: .42667rem } .compound2 .item.item3-2 .box .c-row, .compound3 .item.item3-2 .box .c-row { -webkit-flex-wrap: wrap; flex-wrap: wrap } .compound2 .item.item3-2 .box .num, .compound3 .item.item3-2 .box .num { margin-bottom: .26667rem } .compound2 .item.item3-2 .box .num:nth-child(8n-1), .compound2 .item.item3-2 .box .num:nth-child(8n-2), .compound2 .item.item3-2 .box .num:nth-child(8n-3), .compound2 .item.item3-2 .box .num:nth-child(8n-4), .compound2 .item.item3-2 .box .num:nth-child(8n-5), .compound2 .item.item3-2 .box .num:nth-child(8n-6), .compound2 .item.item3-2 .box .num:nth-child(8n-7), .compound2 .item.item3-2 .box .num:nth-child(8n), .compound3 .item.item3-2 .box .num:nth-child(8n-1), .compound3 .item.item3-2 .box .num:nth-child(8n-2), .compound3 .item.item3-2 .box .num:nth-child(8n-3), .compound3 .item.item3-2 .box .num:nth-child(8n-4), .compound3 .item.item3-2 .box .num:nth-child(8n-5), .compound3 .item.item3-2 .box .num:nth-child(8n-6), .compound3 .item.item3-2 .box .num:nth-child(8n-7), .compound3 .item.item3-2 .box .num:nth-child(8n) { background-color: var(--homeActiveBgColor); padding: .26667rem } .compound2 .item.item3-2 .box .num:nth-child(8n-6), .compound2 .item.item3-2 .box .num:nth-child(8n-5), .compound2 .item.item3-2 .box .num:nth-child(8n-4), .compound2 .item.item3-2 .box .num:nth-child(8n-2), .compound2 .item.item3-2 .box .num:nth-child(8n-1), .compound2 .item.item3-2 .box .num:nth-child(8n), .compound3 .item.item3-2 .box .num:nth-child(8n-6), .compound3 .item.item3-2 .box .num:nth-child(8n-5), .compound3 .item.item3-2 .box .num:nth-child(8n-4), .compound3 .item.item3-2 .box .num:nth-child(8n-2), .compound3 .item.item3-2 .box .num:nth-child(8n-1), .compound3 .item.item3-2 .box .num:nth-child(8n) { margin-left: -.06667rem } .compound2 .item.item3-2 .box .num:nth-child(8n-4), .compound3 .item.item3-2 .box .num:nth-child(8n-4) { margin-right: 1.73333rem } .compound2 .item.item2-2 .box .c-row, .compound3 .item.item2-2 .box .c-row { -webkit-flex-wrap: wrap; flex-wrap: wrap } .compound2 .item.item2-2 .box .num, .compound3 .item.item2-2 .box .num { margin-bottom: .26667rem } .compound2 .item.item2-2 .box .num:nth-child(8n-1), .compound2 .item.item2-2 .box .num:nth-child(8n-2), .compound2 .item.item2-2 .box .num:nth-child(8n-3), .compound2 .item.item2-2 .box .num:nth-child(8n-4), .compound2 .item.item2-2 .box .num:nth-child(8n-5), .compound2 .item.item2-2 .box .num:nth-child(8n-6), .compound2 .item.item2-2 .box .num:nth-child(8n-7), .compound2 .item.item2-2 .box .num:nth-child(8n), .compound3 .item.item2-2 .box .num:nth-child(8n-1), .compound3 .item.item2-2 .box .num:nth-child(8n-2), .compound3 .item.item2-2 .box .num:nth-child(8n-3), .compound3 .item.item2-2 .box .num:nth-child(8n-4), .compound3 .item.item2-2 .box .num:nth-child(8n-5), .compound3 .item.item2-2 .box .num:nth-child(8n-6), .compound3 .item.item2-2 .box .num:nth-child(8n-7), .compound3 .item.item2-2 .box .num:nth-child(8n) { background-color: var(--homeActiveBgColor); padding: .26667rem; margin-left: -.01333rem } .compound2 .item.item2-2 .box .num:nth-child(8n), .compound3 .item.item2-2 .box .num:nth-child(8n) { margin-right: 1.33333rem } .compound2 .item.item1-2 .box .c-row, .compound3 .item.item1-2 .box .c-row { -webkit-flex-wrap: wrap; flex-wrap: wrap } .compound2 .item.item1-2 .box .num, .compound3 .item.item1-2 .box .num { margin-bottom: .26667rem } .compound2 .item.item1-2 .box .num:nth-child(10n-1), .compound2 .item.item1-2 .box .num:nth-child(10n-2), .compound2 .item.item1-2 .box .num:nth-child(10n-3), .compound2 .item.item1-2 .box .num:nth-child(10n-4), .compound2 .item.item1-2 .box .num:nth-child(10n-5), .compound2 .item.item1-2 .box .num:nth-child(10n-6), .compound2 .item.item1-2 .box .num:nth-child(10n-7), .compound2 .item.item1-2 .box .num:nth-child(10n-8), .compound2 .item.item1-2 .box .num:nth-child(10n-9), .compound2 .item.item1-2 .box .num:nth-child(10n), .compound3 .item.item1-2 .box .num:nth-child(10n-1), .compound3 .item.item1-2 .box .num:nth-child(10n-2), .compound3 .item.item1-2 .box .num:nth-child(10n-3), .compound3 .item.item1-2 .box .num:nth-child(10n-4), .compound3 .item.item1-2 .box .num:nth-child(10n-5), .compound3 .item.item1-2 .box .num:nth-child(10n-6), .compound3 .item.item1-2 .box .num:nth-child(10n-7), .compound3 .item.item1-2 .box .num:nth-child(10n-8), .compound3 .item.item1-2 .box .num:nth-child(10n-9), .compound3 .item.item1-2 .box .num:nth-child(10n) { background-color: var(--homeActiveBgColor); padding: .26667rem; margin-left: -.09333rem } .compound2 .item .box, .compound3 .item .box { border-radius: .26667rem; position: relative; width: 100% } .compound2 .item .box .num, .compound3 .item .box .num { min-width: .8rem; min-height: .8rem; background: url(/assets/svg/anbg-dde5866e.svg) no-repeat center center; background-size: .8rem .8rem; font-size: .42667rem; font-weight: 600; color: #f95959 } .compound2 .item .box .money, .compound3 .item .box .money { text-align: center; background-color: var(--gray-color-1); position: relative; height: .53333rem; border-radius: 0 0 .26667rem .26667rem } .compound2 .item .box .money .all, .compound3 .item .box .money .all { position: relative; z-index: 9; line-height: .8rem; font-size: .32rem; color: #f95959 } .compound2 .item .box .money:after, .compound3 .item .box .money:after { position: absolute; top: 0; left: 0; content: ""; display: block; width: 100%; height: .21333rem; background-color: var(--gray-color-1); border-radius: 0 0 50% 50% } .compound2 .item .box .dele, .compound3 .item .box .dele { position: absolute; right: -.18667rem; top: -.18667rem; height: .37333rem; width: .37333rem; border-radius: .53333rem; background-color: #f95959 } .compound2 .item .box .dele .icon, .compound3 .item .box .dele .icon { font-size: .26667rem } .compound2 .item.item0-4 .box .c-row { -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: .53333rem } .compound2 .item.item0-4 .box .num { width: calc((100% - 2.13333rem)/5); background: var(--main_gradient-color); color: #fff; border-radius: .13333rem; min-height: 1.06667rem; min-width: 1.33333rem } .compound { padding-top: .26667rem; max-height: 6rem; overflow: auto } .compound .item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; align-items: center; width: 100%; margin-bottom: .4rem } .compound .item .title { width: 1.38667rem; overflow: hidden; position: relative; text-align: center; font-size: .42667rem; color: var(--text_color_L2) } .compound .item .numcontainer { width: 7.94667rem; margin-left: .13333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; gap: .13333rem } .compound .item .numcontainer .num { width: calc((100% - .85333rem)/5); height: .8rem; background: url(/assets/svg/anbg-dde5866e.svg) no-repeat center center; background-size: .8rem .8rem; font-size: .42667rem; font-weight: 600; color: #f95959; position: relative; text-align: center; line-height: .8rem } .compound .item .numcontainer .num .dele { position: absolute; right: -.18667rem; top: -.18667rem; height: .37333rem; width: .37333rem; border-radius: .53333rem; background-color: #f95959 } html:lang(ar) .compound .item .numcontainer .num .dele { right: unset; left: -.18667rem } .compound .item .numcontainer .num .dele .icon { font-size: .26667rem } .dialog__container-content { margin-top: .13333rem } .dialog__container-content .tipMsg { font-size: .34667rem } .centercity { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; font-size: .48rem; color: var(--textW); font-weight: 500; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .Play__C { width: 100% } .Play__C .van-tab--card { min-width: 2.93333rem } .Play__C-Cotent { background-color: var(--darkBg, var(--bg_color_L2)); box-shadow: var(--BoxShadowColor-9); margin: 0 .4rem .4rem; border-radius: .4rem } .Play__C-Cotent .title { width: 9.36rem; height: .8rem; line-height: .8rem; background: url(/assets/png/palybg-03c9c575.png) no-repeat center; background-size: auto 100%; background-color: #fff; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .Play__C-Cotent .title img { display: block; width: .56rem; height: .56rem; margin: 0 .26667rem } .Play__C-Cotent .title>span { color: #fff; font-size: .42667rem; font-weight: 600 } .Play__C-Cotent .info { width: 100%; background-color: var(--darkBg, var(--bg_color_L2)); margin-bottom: .4rem; padding: .26667rem .26667rem .4rem; border-radius: 0 0 .26667rem .26667rem } .Play__C-Cotent .info_item { margin-bottom: .4rem; font-size: .34667rem; color: var(--text_color_L2) } .Play__C-Cotent .info_item>img { width: .45333rem; height: .45333rem; display: inline-block; vertical-align: -.05333rem; margin-right: .16rem } .Play__C-Cotent .info_item .sub { color: var(--darkTextW, var(--main-color)); font-size: .42667rem } .Play__C-Cotent .info_item .text { margin: .21333rem .56rem 0; color: var(--text_color_L2); font-size: .34667rem; line-height: .53333rem } .Play__C-Cotent .info_text { border-radius: .26667rem; border: .01333rem solid var(--gray-color-1); padding: 0 .22667rem .33333rem .68rem; color: var(--text_color_L2); font-size: .32rem } .Play__C-Cotent .info_text>div { margin-top: .2rem; line-height: .53333rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .NorthRule__C { width: 100%; background-color: var(--bg_color_L2); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column } .NorthRule__C-title { font-size: .48rem; font-weight: 700; color: var(--colorText-26); text-align: center } .NorthRule__C-tips { color: var(--text_color_L2); font-size: .37333rem; margin-top: .2rem; margin-bottom: .44rem; text-align: center } .NorthRule__C-Content { position: relative; padding: .57333rem .24rem .33333rem; border: .01333rem solid var(--bgDark-2, var(--main-color)); border-top-left-radius: .26667rem; border-top-right-radius: .26667rem; background: var(--darkBg, var(--bg_color_L2)); margin-bottom: .42667rem } .NorthRule__C-Content .borderTopStyle { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translate(-50%); width: 100% } .NorthRule__C-Content .borderTopStyle span { position: absolute; top: 0 } .NorthRule__C-Content .borderTopStyle span:first-of-type, .NorthRule__C-Content .borderTopStyle span:last-of-type { width: .68rem; height: .68rem; border-top: .06667rem solid var(--bgDark-2, var(--main-color)) } .NorthRule__C-Content .borderTopStyle span:first-of-type:after, .NorthRule__C-Content .borderTopStyle span:last-of-type:after { content: ""; position: absolute; top: .29333rem; left: .2rem; width: .13333rem; height: .13333rem; background-color: var(--bgDark-2, var(--main-color)) } html:lang(ar) .NorthRule__C-Content .borderTopStyle span:first-of-type:after, html:lang(ar) .NorthRule__C-Content .borderTopStyle span:last-of-type:after { right: .2rem; left: unset } .NorthRule__C-Content .borderTopStyle span:first-of-type { left: -.01333rem; border-left: .06667rem solid var(--bgDark-2, var(--main-color)); border-top-left-radius: .26667rem } html:lang(ar) .NorthRule__C-Content .borderTopStyle span:first-of-type { right: -.01333rem; left: unset } .NorthRule__C-Content .borderTopStyle span:first-of-type:after { border-radius: 50% } .NorthRule__C-Content .borderTopStyle span:last-of-type { right: 0; border-right: .06667rem solid var(--bgDark-2, var(--main-color)); border-top-right-radius: .26667rem } html:lang(ar) .NorthRule__C-Content .borderTopStyle span:last-of-type { right: unset; left: 0 } .NorthRule__C-Content .borderTopStyle span:last-of-type:after { border-radius: 50% } .NorthRule__C-Content:after, .NorthRule__C-Content:before { content: ""; display: block; position: absolute; top: -.26667rem; width: .26667rem; height: .53333rem; background-color: var(--bgDark-2, var(--main-color)); -webkit-clip-path: polygon(50% 0%, 100% 0%, 50% 50%, 100% 100%, 50% 100%, 0% 50%); clip-path: polygon(50% 0%, 100% 0%, 50% 50%, 100% 100%, 50% 100%, 0% 50%); z-index: 5 } .NorthRule__C-Content:after { left: calc(50% - 1.2rem); -webkit-transform: translateX(-50%); transform: translate(-50%) } .NorthRule__C-Content:before { left: calc(50% + 1.2rem); -webkit-transform: translateX(-50%) rotate(180deg); transform: translate(-50%) rotate(180deg) } .NorthRule__C-Content .title { position: absolute; top: -.26667rem; left: 50%; -webkit-transform: translateX(-50%); transform: translate(-50%); width: 2.13333rem; height: .53333rem; color: #fff; font-size: .32rem; text-align: center; line-height: .53333rem; background-color: var(--bgDark-2, var(--main-color)); -webkit-clip-path: polygon(7% 0%, 93% 0%, 100% 50%, 93% 100%, 7% 100%, 0% 50%); clip-path: polygon(7% 0%, 93% 0%, 100% 50%, 93% 100%, 7% 100%, 0% 50%) } .NorthRule__C-Content .text { margin: 0 .26667rem; font-size: .32rem; color: var(--text_color_L2) } .NorthRule__C .table, .NorthRule__C .table-rule { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; margin-bottom: .53333rem; background-color: var(--darkBg, var(--bg_color_L2)) } .NorthRule__C .table .table-row, .NorthRule__C .table-rule .table-row { display: -webkit-box; display: -webkit-flex; display: flex; text-align: center; color: var(--text_color_L2); font-size: .34667rem; border-top-left-radius: .26667rem; border-top-right-radius: .26667rem } .NorthRule__C .table .table-row.header-time, .NorthRule__C .table-rule .table-row.header-time { height: 1.33333rem; line-height: 1.33333rem; background: var(--main-color); text-align: center; color: var(--darkTextW, var(--bg_color_L2)) !important; font-size: .34667rem; border-radius: 0 } .NorthRule__C .table .table-row.header-week, .NorthRule__C .table-rule .table-row.header-week { height: .88rem; line-height: .88rem; background: var(--norm_red-color); text-align: center; color: var(--darkTextW, var(--bg_color_L2)) !important; font-size: .34667rem; border-radius: 0 } .NorthRule__C .table .table-row .table-week-1, .NorthRule__C .table .table-row .table-time-1, .NorthRule__C .table-rule .table-row .table-week-1, .NorthRule__C .table-rule .table-row .table-time-1 { height: .88rem; line-height: .88rem; overflow: hidden; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; text-align: center } .NorthRule__C .table .table-row, .NorthRule__C .table-rule .table-row { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; border: .01333rem solid var(--bgDark-2, var(--borderColor-5)); border-top: none; margin-bottom: -.01333rem; border-radius: 0 } .NorthRule__C .table .table-row .table-cell-1, .NorthRule__C .table-rule .table-row .table-cell-1 { height: .88rem; line-height: .88rem; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; border-right: .01333rem solid var(--bgDark-2, var(--borderColor-5)) } .NorthRule__C .table .table-row .table-cell-2, .NorthRule__C .table-rule .table-row .table-cell-2 { -webkit-box-flex: 2; -webkit-flex: 2; flex: 2; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap } .NorthRule__C .table .table-row .table-cell-2 .table-column-1, .NorthRule__C .table-rule .table-row .table-cell-2 .table-column-1 { width: 50%; height: .90667rem; line-height: .90667rem; border: .01333rem solid var(--bgDark-2, var(--borderColor-5)); margin-left: -.01333rem; margin-bottom: -.01333rem; border-top: none } .NorthRule__C .table .table-row .table-cell-2 .table-column-1:nth-child(2n), .NorthRule__C .table-rule .table-row .table-cell-2 .table-column-1:nth-child(2n) { border-right: none } .NorthRule__C-Rule { text-align: center; font-size: .48rem; color: var(--colorText-26) } .NorthRule__C-Struct { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; text-align: center; font-size: .4rem; color: var(--colorText-26); -webkit-box-pack: space-evenly; -webkit-justify-content: space-evenly; justify-content: space-evenly; margin-bottom: .4rem } .NorthRule__C-Struct:after, .NorthRule__C-Struct:before { display: block; content: ""; width: 1.46667rem; height: .02667rem; background: -webkit-linear-gradient(left, var(--main-color) -2.73%, rgba(255, 113, 114, 0) 91.36%); background: linear-gradient(90deg, var(--main-color) -2.73%, rgba(255, 113, 114, 0) 91.36%); border-radius: .26667rem; margin-top: .26667rem } .NorthRule__C-Struct:before { -webkit-transform: matrix(-1, 0, 0, 1, 0, 0); transform: scaleX(-1) } .NorthRule__C .table-rule { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; margin-bottom: .53333rem; box-shadow: var(--BoxShadowColor-9); background-color: #fff; border-radius: .26667rem .26667rem 0 0 } .NorthRule__C .table-rule .table-header { border-radius: .26667rem .26667rem 0 0; height: 1.01333rem; background-color: var(--main-color); color: #fff; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; text-align: center } .NorthRule__C .table-rule .table-header .table-header-cell { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1 } .NorthRule__C .table-rule .table-row { display: -webkit-box; display: -webkit-flex; display: flex } .NorthRule__C .table-rule .table-row .table-cell { height: .88rem; line-height: .88rem; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; border-right: .01333rem solid var(--bgDark-2, var(--borderColor-5)) } .NorthRule__C .table-rule .table-box { height: .88rem; line-height: .88rem; display: -webkit-box; display: -webkit-flex; display: flex; border: .01333rem solid var(--bgDark-2, var(--borderColor-5)); border-top: none; text-align: center } .NorthRule__C .table-rule .table-box.none { display: none } .NorthRule__C .table-rule .table-box-title { width: 2.4rem } .NorthRule__C .table-rule .table-box-number { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; border-left: .01333rem solid var(--bgDark-2, var(--borderColor-5)) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .Play__C { width: 100% } .Play__C .van-tab--card { min-width: 2.93333rem } .Play__C-Cotent { background-color: var(--darkBg, #fff); margin: 0 .4rem .4rem; border-radius: .4rem } .Play__C-Cotent .title { width: 9.36rem; height: .8rem; line-height: .8rem; background: url(/assets/png/palybg-03c9c575.png) no-repeat center; background-size: auto 100%; background-color: #fff; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .Play__C-Cotent .title img { display: block; width: .56rem; height: .56rem; margin: 0 .26667rem } .Play__C-Cotent .title>span { color: #fff; font-size: .42667rem; font-weight: 600 } .Play__C-Cotent .info { width: 100%; background-color: var(--darkBg, var(--bg_color_L2)); margin-bottom: .4rem; padding: .26667rem .26667rem .4rem; border-radius: 0 0 .26667rem .26667rem } .Play__C-Cotent .info_item { margin-bottom: .4rem; font-size: .34667rem; color: var(--text_color_L2) } .Play__C-Cotent .info_item>img { width: .45333rem; height: .45333rem; display: inline-block; vertical-align: -.05333rem; margin-right: .16rem } .Play__C-Cotent .info_item .sub { color: var(--darkTextW, var(--main-color)); font-size: .42667rem } .Play__C-Cotent .info_item .text { margin: .21333rem .56rem 0; color: var(--text_color_L2); font-size: .34667rem; line-height: .53333rem } .Play__C-Cotent .info_text { border-radius: .26667rem; border: .01333rem solid var(--gray-color-1); padding: 0 .22667rem .33333rem .68rem; color: var(--text_color_L2); font-size: .32rem } .Play__C-Cotent .info_text>div { margin-top: .2rem; line-height: .53333rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .NorthRule__C { width: 100%; background-color: var(--bg_color_L2); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column } .NorthRule__C-title { font-size: .48rem; font-weight: 700; color: var(--colorText-26); text-align: center } .NorthRule__C-tips { color: var(--text_color_L2); font-size: .37333rem; margin-top: .2rem; margin-bottom: .44rem; text-align: center } .NorthRule__C-Content { position: relative; padding: .57333rem .24rem .33333rem; border: .01333rem solid var(--bgDark-2, var(--main-color)); border-top-left-radius: .26667rem; border-top-right-radius: .26667rem; background: var(--bg_color_L2); margin-bottom: .42667rem } .NorthRule__C-Content .borderTopStyle { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translate(-50%); width: 100% } .NorthRule__C-Content .borderTopStyle span { position: absolute; top: 0 } .NorthRule__C-Content .borderTopStyle span:first-of-type, .NorthRule__C-Content .borderTopStyle span:last-of-type { width: .68rem; height: .68rem; border-top: .06667rem solid var(--bgDark-2, var(--main-color)) } .NorthRule__C-Content .borderTopStyle span:first-of-type:after, .NorthRule__C-Content .borderTopStyle span:last-of-type:after { content: ""; position: absolute; top: .29333rem; left: .2rem; width: .13333rem; height: .13333rem; background-color: var(--bgDark-2, var(--main-color)) } html:lang(ar) .NorthRule__C-Content .borderTopStyle span:first-of-type:after, html:lang(ar) .NorthRule__C-Content .borderTopStyle span:last-of-type:after { right: -.06667rem; left: unset } .NorthRule__C-Content .borderTopStyle span:first-of-type { left: -.01333rem; border-right: .06667rem solid var(--bgDark-2, var(--main-color)); border-top-left-radius: .26667rem } html:lang(ar) .NorthRule__C-Content .borderTopStyle span:first-of-type { right: -.01333rem; left: unset } .NorthRule__C-Content .borderTopStyle span:first-of-type:after { border-radius: 50% } .NorthRule__C-Content .borderTopStyle span:last-of-type { right: 0; border-right: .06667rem solid var(--bgDark-2, var(--main-color)); border-top-right-radius: .26667rem } .NorthRule__C-Content .borderTopStyle span:last-of-type:after { border-radius: 50% } .NorthRule__C-Content:after, .NorthRule__C-Content:before { content: ""; display: block; position: absolute; top: -.26667rem; width: .26667rem; height: .53333rem; background-color: var(--bgDark-2, var(--main-color)); -webkit-clip-path: polygon(50% 0%, 100% 0%, 50% 50%, 100% 100%, 50% 100%, 0% 50%); clip-path: polygon(50% 0%, 100% 0%, 50% 50%, 100% 100%, 50% 100%, 0% 50%); z-index: 5 } .NorthRule__C-Content:after { left: calc(50% - 1.2rem); -webkit-transform: translateX(-50%); transform: translate(-50%) } .NorthRule__C-Content:before { left: calc(50% + 1.2rem); -webkit-transform: translateX(-50%) rotate(180deg); transform: translate(-50%) rotate(180deg) } .NorthRule__C-Content .title { position: absolute; top: -.26667rem; left: 50%; -webkit-transform: translateX(-50%); transform: translate(-50%); width: 2.13333rem; height: .53333rem; color: #fff; font-size: .32rem; text-align: center; line-height: .53333rem; background-color: var(--bgDark-2, var(--main-color)); -webkit-clip-path: polygon(7% 0%, 93% 0%, 100% 50%, 93% 100%, 7% 100%, 0% 50%); clip-path: polygon(7% 0%, 93% 0%, 100% 50%, 93% 100%, 7% 100%, 0% 50%) } .NorthRule__C-Content .text { margin: 0 .26667rem; font-size: .32rem; color: var(--text_color_L2) } .NorthRule__C .table, .NorthRule__C .table-rule { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; margin-bottom: .53333rem; background-color: var(--darkBg, var(--bg_color_L2)) } .NorthRule__C .table .table-row, .NorthRule__C .table-rule .table-row { display: -webkit-box; display: -webkit-flex; display: flex; text-align: center; color: var(--text_color_L2); font-size: .34667rem; border-top-left-radius: .26667rem; border-top-right-radius: .26667rem } .NorthRule__C .table .table-row.header-time, .NorthRule__C .table-rule .table-row.header-time { height: 1.33333rem; line-height: 1.33333rem; background: var(--main-color); text-align: center; color: #fff; font-size: .34667rem; border-radius: 0 } .NorthRule__C .table .table-row.header-week, .NorthRule__C .table-rule .table-row.header-week { height: .88rem; line-height: .88rem; background: var(--norm_red-color); text-align: center; color: #fff; font-size: .34667rem; border-radius: 0 } .NorthRule__C .table .table-row .table-week-1, .NorthRule__C .table .table-row .table-time-1, .NorthRule__C .table-rule .table-row .table-week-1, .NorthRule__C .table-rule .table-row .table-time-1 { height: .88rem; line-height: .88rem; overflow: hidden; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; text-align: center } .NorthRule__C .table .table-row, .NorthRule__C .table-rule .table-row { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; border: .01333rem solid var(--bgDark-2, var(--borderColor-5)); border-top: none; margin-bottom: -.01333rem; border-radius: 0 } .NorthRule__C .table .table-row .table-cell-1, .NorthRule__C .table-rule .table-row .table-cell-1 { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1 } .NorthRule__C .table .table-row .table-cell-2, .NorthRule__C .table-rule .table-row .table-cell-2 { -webkit-box-flex: 2; -webkit-flex: 2; flex: 2; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap } .NorthRule__C .table .table-row .table-cell-2 .table-column-1, .NorthRule__C .table-rule .table-row .table-cell-2 .table-column-1 { width: 50%; height: .90667rem; line-height: .90667rem; border: .01333rem solid var(--bgDark-2, var(--borderColor-5)); margin-left: -.01333rem; margin-bottom: -.01333rem; border-top: none } .NorthRule__C .table .table-row .table-cell-2 .table-column-1:nth-child(2n), .NorthRule__C .table-rule .table-row .table-cell-2 .table-column-1:nth-child(2n) { border-right: none } .NorthRule__C-Rule { text-align: center; font-size: .48rem; color: var(--colorText-26) } .NorthRule__C-Struct { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; text-align: center; font-size: .4rem; color: var(--colorText-26); -webkit-box-pack: space-evenly; -webkit-justify-content: space-evenly; justify-content: space-evenly; margin-bottom: .4rem } .NorthRule__C-Struct:after, .NorthRule__C-Struct:before { display: block; content: ""; width: 1.46667rem; height: .02667rem; background: -webkit-linear-gradient(left, var(--main-color) -2.73%, rgba(255, 113, 114, 0) 91.36%); background: linear-gradient(90deg, var(--main-color) -2.73%, rgba(255, 113, 114, 0) 91.36%); border-radius: .26667rem; margin-top: .26667rem } .NorthRule__C-Struct:before { -webkit-transform: matrix(-1, 0, 0, 1, 0, 0); transform: scaleX(-1) } .NorthRule__C .table-rule { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; margin-bottom: .53333rem; box-shadow: var(--BoxShadowColor-9); background-color: #fff; border-radius: .26667rem .26667rem 0 0 } .NorthRule__C .table-rule .table-header { border-radius: .26667rem .26667rem 0 0; height: 1.01333rem; background-color: var(--main-color); color: #fff; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; text-align: center } .NorthRule__C .table-rule .table-header .table-header-cell { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1 } .NorthRule__C .table-rule .table-row { display: -webkit-box; display: -webkit-flex; display: flex } .NorthRule__C .table-rule .table-row .table-cell { height: .88rem; line-height: .88rem; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; border-right: .01333rem solid var(--bgDark-2, var(--borderColor-5)) } .NorthRule__C .table-rule .table-box { height: .88rem; line-height: .88rem; display: -webkit-box; display: -webkit-flex; display: flex; border: .01333rem solid var(--bgDark-2, var(--borderColor-5)); border-top: none; text-align: center } .NorthRule__C .table-rule .table-box.none { display: none } .NorthRule__C .table-rule .table-box-title { width: 2.4rem } .NorthRule__C .table-rule .table-box-number { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; border-left: .01333rem solid var(--bgDark-2, var(--borderColor-5)) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .vietnamPlay__C { width: 100% } .vietnamPlay__C .van-tabs__wrap { margin: .34667rem 0; height: 1.06667rem; line-height: 1.06667rem } .vietnamPlay__C .van-tabs__wrap .van-tabs__nav { height: 1.06667rem; line-height: 1.06667rem; background: var(--darkBg, var(--bg_color_L2)); border: .01333rem solid var(--darkBg, var(--bg_color_L2)); border-radius: .13333rem; overflow: hidden } .vietnamPlay__C .van-tabs__wrap .van-tab--card { color: var(--text_color_L2); font-size: .42667rem; border-right: none } .vietnamPlay__C .van-tabs__wrap .van-tab--active { border-radius: .13333rem; background: var(--linerGradien-94, var(--main_gradient-color2)); border-right: .01333rem solid var(--walletBgColor-1); color: #fff } .vietnamPlay__C .northrule, .vietnamPlay__C .sorthrule { margin: .42667rem .32rem } .vietnamPlay__C .dis>.van-tabs__wrap:first-of-type { display: none } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .TimeLeft__C { width: calc(100% - .69333rem); height: 2.66667rem; margin: .48rem auto 0; background-image: url(/wingoissue-01be2fcd.png); background-repeat: no-repeat; background-size: 100% 100%; background-position: .01333rem center; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; position: relative; color: var(--text_color_L4) } .TimeLeft__C-rule { position: absolute; top: .29333rem; left: .29333rem; height: .61333rem; width: 4rem; font-size: .29333rem; text-align: center; border: .01333rem solid var(--bg_color_L2); border-radius: .8rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; gap: .06667rem } html:lang(ar) .TimeLeft__C-rule { left: unset; right: .29333rem } .TimeLeft__C-rule svg { height: .48rem; width: .48rem; color: var(--text_color_L4) } .TimeLeft__C-name { position: absolute; top: .96rem; left: .29333rem; height: .66667rem; line-height: .66667rem; border-radius: .13333rem; font-size: .29333rem; padding: 0 .16rem } html:lang(ar) .TimeLeft__C-name { left: unset; right: .29333rem } .TimeLeft__C-num { position: absolute; height: .66667rem; display: -webkit-box; display: -webkit-flex; display: flex; left: .29333rem; bottom: .30667rem } html:lang(ar) .TimeLeft__C-num { left: unset; right: .29333rem } .TimeLeft__C-num>div { width: .66667rem; height: .66667rem; background-repeat: no-repeat; background-size: .66667rem } .TimeLeft__C-num>div+div { margin-left: .16rem } .TimeLeft__C-num>div.n0 { background-image: url(/assets/png/n0-30bd92d1.png) } .TimeLeft__C-num>div.n1 { background-image: url(/assets/png/n1-dfccbff5.png) } .TimeLeft__C-num>div.n2 { background-image: url(/assets/png/n2-c2913607.png) } .TimeLeft__C-num>div.n3 { background-image: url(/assets/png/n3-f92c313f.png) } .TimeLeft__C-num>div.n4 { background-image: url(/assets/png/n4-cb84933b.png) } .TimeLeft__C-num>div.n5 { background-image: url(/assets/png/n5-49d0e9c5.png) } .TimeLeft__C-num>div.n6 { background-image: url(/assets/png/n6-a56e0b9a.png) } .TimeLeft__C-num>div.n7 { background-image: url(/assets/png/n7-5961a17f.png) } .TimeLeft__C-num>div.n8 { background-image: url(/assets/png/n8-d4d951a4.png) } .TimeLeft__C-num>div.n9 { background-image: url(/assets/png/n9-a20f6f42.png) } .TimeLeft__C-id { position: absolute; bottom: .22667rem; right: .29333rem; font-weight: 700; font-size: .42667rem; height: .52rem; line-height: .52rem; color: var(--textM3) } .TimeLeft__C-text { height: .4rem; line-height: .4rem; font-weight: 700; font-size: .32rem; position: absolute; top: .34667rem; right: .32rem } .TimeLeft__C-time { height: .8rem; line-height: .8rem; position: absolute; bottom: 1.01333rem; right: .34667rem; display: -webkit-box; display: -webkit-flex; display: flex } .TimeLeft__C-time>div { background-color: var(--darkLight2, var(--bg_color_L2)); color: var(--text_color_L1); font-weight: 700; font-size: .48rem; text-align: center; padding: 0 .10667rem } .TimeLeft__C-time>div+div { margin-left: .12rem } .TimeLeft__C-time>div:first-child { background: var(--bg_color_L1) } .TimeLeft__C-time>div:last-child { background: var(--bg_color_L1) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .Betting__Popup-head { height: 2.53333rem; position: relative; padding-top: .4rem } .Betting__Popup-head:after { content: ""; position: absolute; width: 50%; left: 0; bottom: 0; height: .78667rem; background-image: -webkit-linear-gradient(81deg, var(--bg_color_L2) 50%, transparent 50%); background-image: linear-gradient(9deg, var(--bg_color_L2) 50%, transparent 50%) } .Betting__Popup-head:before { content: ""; position: absolute; right: 0; bottom: 0; width: 50%; height: .78667rem; background-image: -webkit-linear-gradient(99deg, var(--bg_color_L2) 50%, transparent 50%); background-image: linear-gradient(-9deg, var(--bg_color_L2) 50%, transparent 50%) } .Betting__Popup-head-title { height: .58667rem; font-weight: 700; font-size: .48rem; text-align: center; color: #fff } .Betting__Popup-head-selectName { width: 7.46667rem; height: .66667rem; margin: .21333rem auto 0; background: #fff; border-radius: .13333rem; text-align: center; font-weight: 500; font-size: .34667rem; color: #000 } .Betting__Popup-head-selectName>span { line-height: .66667rem } .Betting__Popup-head-selectName>span+span { margin-left: .37333rem } .Betting__Popup-body { height: 5.2rem; padding: .76rem .34667rem .53333rem } .Betting__Popup-body-line { font-size: .42667rem; color: var(--text_color_L1); height: .74667rem; line-height: .74667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .Betting__Popup-body-line-list { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .Betting__Popup-body-line-item { padding: 0 .21333rem; background: var(--bg_color_L3); border-radius: .13333rem } .Betting__Popup-body-line-item+div { margin-left: .16rem } .Betting__Popup-body-line+div { margin-top: .4rem } .Betting__Popup-body-line-btnL { -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; display: -webkit-box; display: -webkit-flex; display: flex } .Betting__Popup-body-line:last-child { -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start } .Betting__Popup-foot { height: .96rem; display: -webkit-box; display: -webkit-flex; display: flex; text-align: center; line-height: .96rem; font-size: .37333rem; color: var(--text_color_L1) } .Betting__Popup-foot-c { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; background: var(--bg_color_L3); color: var(--text_color_L2) } .Betting__Popup-foot-s { -webkit-box-flex: 2; -webkit-flex: 2; flex: 2 } .Betting__Popup-11 .bgcolor, .Betting__Popup-1 .bgcolor, .Betting__Popup-3 .bgcolor, .Betting__Popup-7 .bgcolor, .Betting__Popup-9 .bgcolor { background-color: var(--norm_green-color) } .Betting__Popup-11 .Betting__Popup-head, .Betting__Popup-1 .Betting__Popup-head, .Betting__Popup-3 .Betting__Popup-head, .Betting__Popup-7 .Betting__Popup-head, .Betting__Popup-9 .Betting__Popup-head { background: var(--norm_green-color) } .Betting__Popup-10 .bgcolor, .Betting__Popup-2 .bgcolor, .Betting__Popup-4 .bgcolor, .Betting__Popup-6 .bgcolor, .Betting__Popup-8 .bgcolor { background-color: var(--norm_red-color) } .Betting__Popup-10 .Betting__Popup-head, .Betting__Popup-2 .Betting__Popup-head, .Betting__Popup-4 .Betting__Popup-head, .Betting__Popup-6 .Betting__Popup-head, .Betting__Popup-8 .Betting__Popup-head { background: var(--norm_red-color) } .Betting__Popup-0 .bgcolor { background-color: var(--norm_red-color) } .Betting__Popup-0 .Betting__Popup-head { background: -webkit-linear-gradient(top left, var(--norm_red-color) 50%, var(--norm_Purple-color) 0); background: linear-gradient(to bottom right, var(--norm_red-color) 50%, var(--norm_Purple-color) 0) } .Betting__Popup-5 .bgcolor { background-color: var(--norm_green-color) } .Betting__Popup-5 .Betting__Popup-head { background: -webkit-linear-gradient(top left, var(--norm_green-color) 50%, var(--norm_Purple-color) 0); background: linear-gradient(to bottom right, var(--norm_green-color) 50%, var(--norm_Purple-color) 0) } .Betting__Popup-12 .bgcolor { background-color: var(--norm_Purple-color) } .Betting__Popup-12 .Betting__Popup-head { background: var(--norm_Purple-color) } .Betting__Popup-13 .bgcolor { background-color: var(--norm_secondary-color) } .Betting__Popup-13 .Betting__Popup-head { background: var(--norm_secondary-color) } .Betting__Popup-14 .bgcolor { background-color: var(--norm_bule-color) } .Betting__Popup-14 .Betting__Popup-head { background: var(--norm_bule-color) } .Betting__Popup-btn { width: .74667rem; height: .74667rem; pointer-events: none; text-align: center; font-size: .66667rem; padding: 0; background: var(--bg_color_L3); color: var(--button_dis_color); border-radius: .13333rem; -webkit-box-flex: 0; -webkit-flex: none; flex: none } .Betting__Popup-input { border: .01333rem solid var(--bg_color_L3); background-color: var(--bg_color_L1); padding: .02667rem .26667rem; width: 2.10667rem; margin: 0 .16rem } .Betting__Popup-input .van-field__control { text-align: center; font-size: .37333rem; line-height: .72rem } .Betting__Popup-agree { padding-left: .8rem; background-image: url(/assets/png/agree-b-47b8f86d.png); background-repeat: no-repeat; background-position: left center; background-size: .64rem; font-size: .32rem; color: var(--colorText-3) } html:lang(ar) .Betting__Popup-agree { background-position: right center } .Betting__Popup-agree.active { background-image: url(/assets/png/agree-a-6a68f3ca.png) } .Betting__Popup-preSaleShow { margin-left: .34667rem; font-size: .32rem; color: var(--norm_red-color) } .Betting__Popup-PreSale { width: 7.04rem } .Betting__Popup-PreSale-head { height: 1.2rem; line-height: 1.2rem; color: var(--text_color_L1); font-size: .4rem; text-align: center; background: var(--main_gradient-color) } .Betting__Popup-PreSale-body { max-height: 8rem; overflow-y: auto; color: var(--text_color_L1); padding: .4rem; font-size: .32rem; line-height: .8rem } .Betting__Popup-PreSale-body p { margin-bottom: .2rem; line-height: .53333rem } .Betting__Popup-PreSale-foot { height: 1.86667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .Betting__Popup-PreSale-foot-btn { width: 60%; background: var(--main_gradient-color); border-radius: .53333rem; height: .93333rem; line-height: .93333rem; text-align: center; font-size: .37333rem; color: var(--text_color_L1) } .bgcolor { pointer-events: all; color: #fff } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .Betting__C { height: 7.61333rem; width: calc(100% - .69333rem); margin: .29333rem auto 0; background: var(--darkBg, var(--bg_color_L2)); box-shadow: var(--boxShadowColor-35); border-radius: .26667rem; padding: .18667rem .26667rem .25333rem .18667rem; position: relative } .Betting__C-mark { width: 100%; height: 100%; background: rgba(0, 0, 0, .6); position: absolute; z-index: 99; top: 0; left: 0; color: var(--main-color); border-radius: .26667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center } html:lang(ar) .Betting__C-mark { left: unset; right: 0; direction: ltr } .Betting__C-mark>div { display: inline-block; border-radius: .4rem; padding: 0 .4rem; background-color: var(--bg_color_L3); font-weight: 700; font-size: 3.73333rem } .Betting__C-mark>div+div { margin-left: 1.04rem } .Betting__C-head { height: .93333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .Betting__C-head>div { width: calc((100% - .8rem) / 3); height: .93333rem; line-height: .93333rem; font-weight: 500; font-size: .37333rem; color: #fff; text-align: center } .Betting__C-head-g { background: var(--norm_green-color); border-radius: 0 .26667rem; box-shadow: var(--boxShadowColor-48) } .Betting__C-head-p { background: var(--norm_Purple-color); box-shadow: var(--boxShadowColor-49); border-radius: .13333rem } .Betting__C-head-r { background: var(--norm_red-color); border-radius: .26667rem 0; box-shadow: var(--boxShadowColor-red) } .Betting__C-numC { height: 3.46667rem; margin-top: .34667rem; background: var(--bg_color_L1); border-radius: .26667rem; padding: .17333rem .26667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .Betting__C-numC>div { width: 1.46667rem; height: 50%; border-radius: 50%; font-weight: 400; text-align: center; background-repeat: no-repeat; background-size: 1.46667rem; background-position: center } .Betting__C-numC>div.active { -webkit-transform: scale(.9); transform: scale(.9) } .Betting__C-numC>div.Betting__C-numC-item0 { background-image: url(/assets/png/n0-30bd92d1.png) } .Betting__C-numC>div.Betting__C-numC-item1 { background-image: url(/assets/png/n1-dfccbff5.png) } .Betting__C-numC>div.Betting__C-numC-item2 { background-image: url(/assets/png/n2-c2913607.png) } .Betting__C-numC>div.Betting__C-numC-item3 { background-image: url(/assets/png/n3-f92c313f.png) } .Betting__C-numC>div.Betting__C-numC-item4 { background-image: url(/assets/png/n4-cb84933b.png) } .Betting__C-numC>div.Betting__C-numC-item5 { background-image: url(/assets/png/n5-49d0e9c5.png) } .Betting__C-numC>div.Betting__C-numC-item6 { background-image: url(/assets/png/n6-a56e0b9a.png) } .Betting__C-numC>div.Betting__C-numC-item7 { background-image: url(/assets/png/n7-5961a17f.png) } .Betting__C-numC>div.Betting__C-numC-item8 { background-image: url(/assets/png/n8-d4d951a4.png) } .Betting__C-numC>div.Betting__C-numC-item9 { background-image: url(/assets/png/n9-a20f6f42.png) } .Betting__C-multiple { margin-top: .29333rem; height: .90667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .Betting__C-multiple-l { width: 2.13333rem; height: .90667rem; line-height: .90667rem; text-align: center; border: .02667rem solid var(--darkLight, var(--norm_red-color)); border-radius: .21333rem; font-size: .37333rem; color: var(--darkLight, var(--norm_red-color)) } .Betting__C-multiple-r { height: .8rem; width: .98667rem; line-height: .8rem; font-size: .32rem; color: var(--darkTextW, var(--text_color_L2)); background: var(--bgDark-4, var(--bg_color_L1)); border-radius: .21333rem; text-align: center } .Betting__C-multiple-r.active { background: var(--norm_green-color); color: #fff } .Betting__C-foot { height: .96rem; display: -webkit-box; display: -webkit-flex; display: flex; margin-top: .26667rem; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .Betting__C-foot-b, .Betting__C-foot-s { width: 4.13333rem; height: .96rem; line-height: .96rem; text-align: center; font-size: .42667rem; color: #fff } .Betting__C-foot-b { background-color: var(--norm_secondary-color); border-radius: .53333rem 0 0 .53333rem } .Betting__C-foot-s { background: var(--norm_bule-color); border-radius: 0 .53333rem .53333rem 0 } .Betting__C .bgcolor { color: var(--text_color_L1) !important } .Betting__C-popup-head { height: 2.53333rem; position: relative; padding-top: .4rem } .Betting__C-popup-head:after { content: ""; position: absolute; width: 50%; left: 0; bottom: 0; height: .78667rem; background-image: -webkit-linear-gradient(81deg, var(--bg_color_L2) 50%, transparent 50%); background-image: linear-gradient(9deg, var(--bg_color_L2) 50%, transparent 50%) } html:lang(ar) .Betting__C-popup-head:after { left: unset; right: 0 } .Betting__C-popup-head:before { content: ""; position: absolute; right: 0; bottom: 0; width: 50%; height: .78667rem; background-image: -webkit-linear-gradient(99deg, var(--bg_color_L2) 50%, transparent 50%); background-image: linear-gradient(-9deg, var(--bg_color_L2) 50%, transparent 50%) } html:lang(ar) .Betting__C-popup-head:before { left: 0; right: unset } .Betting__C-popup-head-title { height: .58667rem; font-weight: 700; font-size: .48rem; text-align: center; color: var(--text_color_L1) } .Betting__C-popup-head-selectName { width: 7.46667rem; height: .66667rem; margin: .21333rem auto 0; background: var(--bg_color_L2); border-radius: .13333rem; text-align: center; font-weight: 500; font-size: .34667rem } .Betting__C-popup-head-selectName>span { line-height: .66667rem } .Betting__C-popup-head-selectName>span+span { margin-left: .37333rem } .Betting__C-popup-body { height: 5.2rem; padding: .76rem .34667rem .53333rem } .Betting__C-popup-body-line { font-size: .42667rem; color: var(--colorText-3); height: .74667rem; line-height: .74667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .Betting__C-popup-body-line-list { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .Betting__C-popup-body-line-item { padding: 0 .21333rem; background: var(--gray-color-1) } .Betting__C-popup-body-line-item+div { margin-left: .16rem } .Betting__C-popup-body-line+div { margin-top: .4rem } .Betting__C-popup-body-line-btnL { -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; display: -webkit-box; display: -webkit-flex; display: flex } .Betting__C-popup-body-line:last-child { -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start } .Betting__C-popup-foot { height: .96rem; display: -webkit-box; display: -webkit-flex; display: flex; text-align: center; line-height: .96rem; font-size: .37333rem; color: var(--text_color_L1) } .Betting__C-popup-foot-c { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; background: var(--bgcolor-1); color: var(--text_color_L2) } .Betting__C-popup-foot-s { -webkit-box-flex: 2; -webkit-flex: 2; flex: 2 } .Betting__C-popup-12 .bgcolor, .Betting__C-popup-1 .bgcolor, .Betting__C-popup-3 .bgcolor, .Betting__C-popup-7 .bgcolor, .Betting__C-popup-9 .bgcolor { background-color: var(--norm_green-color) } .Betting__C-popup-12 .Betting__C-popup-head, .Betting__C-popup-1 .Betting__C-popup-head, .Betting__C-popup-3 .Betting__C-popup-head, .Betting__C-popup-7 .Betting__C-popup-head, .Betting__C-popup-9 .Betting__C-popup-head { background: var(--linearGradien-1) } .Betting__C-popup-10 .bgcolor, .Betting__C-popup-2 .bgcolor, .Betting__C-popup-4 .bgcolor, .Betting__C-popup-6 .bgcolor, .Betting__C-popup-8 .bgcolor { background-color: var(--norm_red-color) } .Betting__C-popup-10 .Betting__C-popup-head, .Betting__C-popup-2 .Betting__C-popup-head, .Betting__C-popup-4 .Betting__C-popup-head, .Betting__C-popup-6 .Betting__C-popup-head, .Betting__C-popup-8 .Betting__C-popup-head { background: var(--main-color) } .Betting__C-popup-0 .bgcolor { background-color: var(--norm_red-color) } .Betting__C-popup-0 .Betting__C-popup-head { background: var(--linearGradien-5) } .Betting__C-popup-5 .bgcolor { background-color: var(--norm_red-color) } .Betting__C-popup-5 .Betting__C-popup-head { background: -webkit-linear-gradient(top left, var(--norm_red-color) 50%, #eb43dd 0); background: linear-gradient(to bottom right, var(--norm_red-color) 50%, #eb43dd 0) } .Betting__C-popup-11 .bgcolor { background-color: var(--norm_Purple-color) } .Betting__C-popup-11 .Betting__C-popup-head { background: var(--norm_Purple-color) } .Betting__C-popup-13 .bgcolor { background-color: var(--norm_secondary-color) } .Betting__C-popup-13 .Betting__C-popup-head { background: var(--linearGradien-8) } .Betting__C-popup-14 .bgcolor { background-color: var(--norm_bule-color) } .Betting__C-popup-14 .Betting__C-popup-head { background: var(--linearGradien-9) } .Betting__C-popup-btn { width: .74667rem; height: .74667rem; pointer-events: none; text-align: center; font-size: .66667rem; padding: 0; color: var(--gray-color-1); -webkit-box-flex: 0; -webkit-flex: none; flex: none } .Betting__C-popup .bgcolor { pointer-events: all; color: var(--text_color_L1) } .Betting__C-popup-input { border: .01333rem solid var(--gray-color-1); padding: .02667rem .26667rem; width: 2.10667rem } .Betting__C-popup-input .van-field__control { text-align: center; font-size: .37333rem; line-height: .72rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .GameRecord__C { width: calc(100% - .69333rem); margin: .48rem auto 0; text-align: center; font-size: .32rem } .GameRecord__C-head { height: 1.06667rem; line-height: 1.06667rem; background: var(--bgDark-2, var(--sheet_nva_color)); border-radius: .13333rem .13333rem 0 0; font-weight: 700; font-size: .34667rem; color: #fff } .GameRecord__C-head .van-col { height: 1.06667rem; overflow: hidden } .GameRecord__C-body { line-height: 1.06667rem } .GameRecord__C-body-redC { color: var(--sheet_nva_color); width: 100%; height: 100%; background-size: .66667rem; background-repeat: no-repeat; background-position: center } .GameRecord__C-body .numcenter { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .GameRecord__C-body-num { height: .8rem; line-height: .8rem; width: .8rem; font-size: .53333rem; font-weight: 700; font-size: .66667rem } .GameRecord__C-body .mixedColor0 { background: -webkit-linear-gradient(top, var(--norm_red-color) 50.96%, rgb(182, 89, 254) 50.97%); background: linear-gradient(180deg, var(--norm_red-color) 50.96%, rgb(182, 89, 254) 50.97%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text } .GameRecord__C-body .mixedColor5 { background: -webkit-linear-gradient(top, var(--norm_green-color) 51.48%, rgb(182, 89, 254) 51.49%); background: linear-gradient(180deg, var(--norm_green-color) 51.48%, rgb(182, 89, 254) 51.49%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text } .GameRecord__C-body .greenColor { color: var(--norm_green-color) } .GameRecord__C-body .defaultColor { color: var(--norm_red-color) } .GameRecord__C-body-greenC { color: var(--bgcolor-22) } .GameRecord__C-body-empty { height: 5.33333rem } .GameRecord__C-body>div { background: var(--darkBg, var(--bg_color_L2)); color: var(--darkTextW, var(--text_color_L1)) } .GameRecord__C-body>div+div { border-top: .01333rem solid var(--gray-color-1) } .GameRecord__C-origin { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .GameRecord__C-origin>div+div { margin-left: .26667rem } .GameRecord__C-origin-I { width: .26667rem; height: .26667rem; border-radius: 50% } .GameRecord__C-origin-I.violet { background-color: var(--norm_Purple-color) } .GameRecord__C-origin-I.red { background: var(--norm_red-color) } .GameRecord__C-origin-I.green { background: var(--norm_green-color) } .GameRecord__C-foot { height: 1.86667rem; background: var(--darkBg, var(--bg_color_L2)); color: var(--text_color_L2); padding: .46667rem 2.37333rem; margin-top: .48rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .GameRecord__C-foot-previous, .GameRecord__C-foot-next { width: .93333rem; height: .93333rem; border-radius: .13333rem; background: var(--main-color); color: var(--text_color_L4); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .GameRecord__C-foot-previous.disabled, .GameRecord__C-foot-next.disabled { background: var(--bg_color_L3); pointer-events: none; color: var(--text_color_L2) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .Trend__C { width: calc(100% - .69333rem); margin: .48rem auto 0; text-align: center; font-size: .32rem } .Trend__C-head { height: 1.06667rem; line-height: 1.06667rem; background: var(--sheet_nva_color); border-radius: .13333rem .13333rem 0 0; font-weight: 700; font-size: .34667rem; color: #fff } .Trend__C-body1 { background: var(--bgDark-2, var(--bg_color_L2)); padding-bottom: .37333rem } .Trend__C-body1-line { display: -webkit-box; display: -webkit-flex; display: flex; font-size: .34667rem; color: var(--text_color_L1); height: .41333rem } .Trend__C-body1-line>div:first-child { width: 3.70667rem; padding-left: .26667rem; text-align: left } .Trend__C-body1-line-num { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; padding-right: .2rem } .Trend__C-body1-line-num>div { width: .48rem; height: .48rem; line-height: .48rem; font-size: .34667rem; color: var(--text_color_L3); text-align: center } .Trend__C-body1-line.lottery .Trend__C-body1-line-num>div { border-radius: 50%; width: .48rem; height: .48rem; font-size: .34667rem; font-weight: 400; text-align: center; font-family: Roboto; border: .01333rem solid var(--norm_red-color); color: var(--norm_red-color) !important } .Trend__C-body1-line+.Trend__C-body1-line { margin-top: .26667rem } .Trend__C-body1-line:first-child { padding-top: .34667rem; height: .76rem; padding-left: .26667rem } .Trend__C-body1-line-lottery { height: .48rem } .Trend__C-body2 { font-size: .32rem; background-color: var(--bg_color_L2, var(--text_color_L1)) } .Trend__C-body2>div { height: 1.33333rem; padding: .45333rem .26667rem; border-top: .01333rem solid var(--text_color_L3) } .Trend__C-body2>div.Trend__C-body2-empty { height: 5.33333rem } .Trend__C-body2-IssueNumber { color: var(--text_color_L1); text-align: left } .Trend__C-body2-Num { display: -webkit-box; display: -webkit-flex; display: flex; position: relative; height: .42667rem } .Trend__C-body2-Num>div { width: .4rem; height: .4rem; line-height: .4rem; text-align: center; border-radius: 50% } .Trend__C-body2-Num-item { border: .01333rem solid var(--text_color_L3); color: var(--text_color_L3); margin-right: .10667rem } .Trend__C-body2-Num-item.action0 { position: relative; z-index: 10; border: none; color: #fff; background-image: -webkit-linear-gradient(315deg, var(--norm_red-color) 0%, var(--norm_red-color) 50.37%, var(--norm_Purple-color) 50.38%, var(--norm_Purple-color) 100%) !important; background-image: linear-gradient(135deg, var(--norm_red-color) 0%, var(--norm_red-color) 50.37%, var(--norm_Purple-color) 50.38%, var(--norm_Purple-color) 100%) !important } .Trend__C-body2-Num-item.actionB { border: none; color: #fff; background-color: var(--norm_secondary-color) } .Trend__C-body2-Num-item.actionS { border: none; color: #fff; background-color: var(--bgColor-13) } .Trend__C-body2-Num-item.action5 { border: none; color: #fff; background-image: -webkit-linear-gradient(top left, var(--norm_green-color) 50%, var(--norm_Purple-color) 0) !important; background-image: linear-gradient(to bottom right, var(--norm_green-color) 50%, var(--norm_Purple-color) 0) !important; position: relative; z-index: 10 } .Trend__C-body2-Num-item.action1, .Trend__C-body2-Num-item.action3, .Trend__C-body2-Num-item.action7, .Trend__C-body2-Num-item.action9 { border: none; color: #fff; background-color: var(--norm_green-color); position: relative; z-index: 10 } .Trend__C-body2-Num-item.action2, .Trend__C-body2-Num-item.action4, .Trend__C-body2-Num-item.action6, .Trend__C-body2-Num-item.action8 { border: none; color: #fff; background-color: var(--norm_red-color); position: relative; z-index: 10 } .Trend__C-body2-Num-BS { color: #fff; background: var(--norm_bule-color); margin-left: .24rem } .Trend__C-body2-Num-BS.isB { background: var(--norm_secondary-color) } .Trend__C-body2 .line-canvas { position: absolute; top: 50%; left: 0; height: 1.33333rem; width: calc(100% - .64rem); z-index: 9 } html:lang(ar) .Trend__C-body2 .line-canvas { left: unset; right: 0; -webkit-transform: scaleX(-1); transform: scaleX(-1) } .Trend__C-origin { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .Trend__C-origin-I { width: .26667rem; height: .26667rem; border-radius: 50% } .Trend__C-origin-I.violet { background-color: var(--bgcolor-21) } .Trend__C-origin-I.red { background: var(--norm_red-color) } .Trend__C-origin-I.green { background: var(--bgcolor-22) } .Trend__C-foot { height: 1.86667rem; background: var(--drakBg, var(--bg_color_L2)); padding: .46667rem 2.37333rem; margin-top: .48rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .Trend__C-foot-previous, .Trend__C-foot-next { width: .93333rem; height: .93333rem; border-radius: .13333rem; background: var(--main-color); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .Trend__C-foot-previous.disabled, .Trend__C-foot-next.disabled { background: var(--bg_color_L3); pointer-events: none } .Trend__C-foot-previous.disabled .Trend__C-icon, .Trend__C-foot-next.disabled .Trend__C-icon { color: var(--text_color_L2) } .Trend__C-foot-previous .Trend__C-icon, .Trend__C-foot-next .Trend__C-icon { color: var(--text_color_L4) } .Trend__C-foot-page { color: var(--darkTextW, var(--text_color_L2)) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .WinningTip__C { position: fixed; width: 100%; height: 100%; z-index: 99; background-color: #00000080; top: 0; left: 0 } html:lang(ar) .WinningTip__C { right: 0; left: unset } .WinningTip__C-body { position: absolute; width: 8.73333rem; height: 11.8rem; background-image: url(/assets/png/missningBg-c1f02bcd.png); background-repeat: no-repeat; background-position: center; background-size: cover; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translate(-50%) translateY(-50%); padding-top: 3.33333rem } .WinningTip__C-body.isL { background-image: url(/assets/png/missningLBg-ca049a47.png) } .WinningTip__C-body.isL .WinningTip__C-body-l1, .WinningTip__C-body.isL .WinningTip__C-body-l2, .WinningTip__C-body.isL .WinningTip__C-body-l3, .WinningTip__C-body.isL .WinningTip__C-body-l4 { color: #7190b4 } .WinningTip__C-body.isL .WinningTip__C-body-l2>div { background-color: #6889b1 } .WinningTip__C-body-l1 { font-weight: 700; font-size: .64rem; text-align: center; color: #fff; height: .77333rem; line-height: .77333rem; margin-bottom: .90667rem } .WinningTip__C-body-l2 { height: .58667rem; line-height: .58667rem; display: -webkit-box; display: -webkit-flex; color: #fff; font-size: .29333rem; padding-left: .72rem; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin-bottom: .90667rem } .WinningTip__C-body-l2>div { height: .58667rem; background: #FDAC32; color: #fff; border-radius: .13333rem; padding: 0 .32rem; border: .01333rem solid #fff } .WinningTip__C-body-l2>div:first-child { margin-left: .32rem } .WinningTip__C-body-l2>div.WinningNum { width: .53333rem; height: .53333rem; line-height: .53333rem; margin: 0 .18667rem; padding: 0; text-align: center; border-radius: 50% } .WinningTip__C-body-l2.type0>div { background-image: -webkit-linear-gradient(315deg, var(--norm_red-color) 50.96%, var(--norm_Purple-color) 50.97%); background-image: linear-gradient(135deg, var(--norm_red-color) 50.96%, var(--norm_Purple-color) 50.97%) } .WinningTip__C-body-l2.type5>div { background-image: -webkit-linear-gradient(315deg, var(--norm_green-color) 51.48%, var(--norm_Purple-color) 51.49%); background-image: linear-gradient(135deg, var(--norm_green-color) 51.48%, var(--norm_Purple-color) 51.49%) } .WinningTip__C-body-l2.type1>div, .WinningTip__C-body-l2.type3>div, .WinningTip__C-body-l2.type7>div, .WinningTip__C-body-l2.type9>div { background-color: var(--norm_green-color) } .WinningTip__C-body-l2.type2>div, .WinningTip__C-body-l2.type4>div, .WinningTip__C-body-l2.type6>div, .WinningTip__C-body-l2.type8>div { background-color: var(--norm_red-color) } .WinningTip__C-body-l3 { height: 1.73333rem } .WinningTip__C-body-l3 .isLose { font-weight: 700; font-size: .64rem; line-height: .77333rem; color: #7190b4; text-align: center; margin-bottom: .34667rem; padding-top: .4rem } .WinningTip__C-body-l3 .head { height: .4rem; line-height: .4rem; font-weight: 700; font-size: .34667rem; color: #fb5b5b; text-align: center; margin-bottom: .10667rem } .WinningTip__C-body-l3 .bonus { height: .64rem; line-height: .64rem; font-weight: 700; font-size: .53333rem; color: #fb5b5b; text-align: center; margin-bottom: .26667rem } .WinningTip__C-body-l3 .gameDetail { height: .37333rem; line-height: .37333rem; font-size: .29333rem; text-align: center; color: var(--text_color_L2) } .WinningTip__C-body-l4 { height: .64rem; line-height: .64rem; font-size: .32rem; color: #fff; position: absolute; left: .74667rem; bottom: .74667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } html:lang(ar) .WinningTip__C-body-l4 { left: unset; right: .74667rem } .WinningTip__C-body-l4 .acitveBtn { height: .56rem; width: .56rem; border-radius: 50%; background: var(--winTips); border: .01333rem solid var(--text_color_L1); margin-right: .18667rem; position: relative } .WinningTip__C-body-l4 .acitveBtn.active:before { content: ""; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translate(-50%) translateY(-50%); height: .24rem; width: .32rem; display: block; background-image: url(/assets/png/vector-dc489162.png); background-repeat: no-repeat; background-size: .32rem .24rem; background-position: center } .WinningTip__C .closeBtn { width: .8rem; height: .8rem; background-image: url(/assets/png/close-84ce5e6a.png); background-repeat: no-repeat; background-size: .8rem; background-position: center; position: absolute; left: 50%; -webkit-transform: translateX(-50%) translateY(100%); transform: translate(-50%) translateY(100%); bottom: -.26667rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .WinGo__C { padding-bottom: .34667rem } .WinGo__C-head { height: 1.25333rem; background: -webkit-linear-gradient(left, #de2325 0%, #ff504a 100%); background: linear-gradient(90deg, #de2325 0%, #ff504a 100%); padding: 0 .34667rem; position: relative } .WinGo__C-head div { background-repeat: no-repeat; background-position: center } .WinGo__C-head-bcak { position: absolute; width: .64rem; height: .64rem; background-image: url(/assets/png/bcakIcon-b7c1d288.png); background-size: .64rem; left: .34667rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .WinGo__C-head-logo { background-size: 2.98667rem 1.12rem; height: 1.12rem; width: 2.98667rem; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translate(-50%) translateY(-50%) } .WinGo__C-head-more { position: absolute; width: 1.54667rem; height: .64rem; right: .34667rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } html:lang(ar) .WinGo__C-head-more { right: unset; left: .34667rem } .WinGo__C-head-more>div { width: .64rem; height: .64rem; background-image: url(/assets/png/kefu-b361c42f.png); background-size: .64rem } .WinGo__C-head-more>div:last-child { background-image: url(/assets/png/voice-62dbf38c.png) } .WinGo__C-head-more>div:last-child.disableVoice { background-image: url(/assets/png/voice-off-633f5ccc.png) } .WinGo__C .noticeBar__container { width: calc(100% - .69333rem) !important; margin: .45333rem auto; position: relative; z-index: 1; top: 0 } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .TimeLeft__C { width: calc(100% - .69333rem); height: 5rem; margin: .48rem auto 0; background-image: url(/trxbg-21d0202b.png); background-repeat: no-repeat; background-size: cover; background-position: .01333rem center; color: var(--text_color_L4); padding: .42667rem .29333rem } .TimeLeft__C-l1 { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; height: .66667rem; line-height: .66667rem } .TimeLeft__C-l1-l { display: -webkit-box; display: -webkit-flex; display: flex } .TimeLeft__C-l1-no { height: .66667rem; border: .01333rem solid var(--text_color_L4); border-radius: .13333rem; padding: 0 .29333rem; margin-right: .13333rem; font-size: .29333rem } .TimeLeft__C-l1-tip, .TimeLeft__C-l1-r { height: .66667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; background: var(--darkLight, var(--bg_color_L2)); border-radius: .8rem; font-size: .29333rem; gap: .06667rem; color: var(--darkTextW, var(--main-color)); padding: 0 .24rem } .TimeLeft__C-l1-tip svg, .TimeLeft__C-l1-r svg { display: -webkit-box; display: -webkit-flex; display: flex; color: var(--darkTextW, var(--main-color)); height: .48rem; width: .48rem } .TimeLeft__C-l2 { height: .66667rem; line-height: .66667rem; margin-top: .26667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; font-size: .37333rem } .TimeLeft__C-l3 { height: 1.46667rem; margin-top: 1.04rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .TimeLeft__C-l3 .num0 { background-image: url(/assets/png/num0-d3a30585.png) } .TimeLeft__C-l3 .num0.prize0:last-of-type { background-image: url(/assets/png/prize0-96a81e16.png) } .TimeLeft__C-l3 .num1 { background-image: url(/assets/png/num1-fdab1e12.png) } .TimeLeft__C-l3 .num1.prize1:last-of-type { background-image: url(/assets/png/prize1-fe15d69b.png) } .TimeLeft__C-l3 .num2 { background-image: url(/assets/png/num2-b18f079a.png) } .TimeLeft__C-l3 .num2.prize2:last-of-type { background-image: url(/assets/png/prize2-28af3286.png) } .TimeLeft__C-l3 .num3 { background-image: url(/assets/png/num3-8254ed13.png) } .TimeLeft__C-l3 .num3.prize3:last-of-type { background-image: url(/assets/png/prize3-6700769f.png) } .TimeLeft__C-l3 .num4 { background-image: url(/assets/png/num4-5f2d81c5.png) } .TimeLeft__C-l3 .num4.prize4:last-of-type { background-image: url(/assets/png/prize4-5a5999aa.png) } .TimeLeft__C-l3 .num5 { background-image: url(/assets/png/num5-fd2837e8.png) } .TimeLeft__C-l3 .num5.prize5:last-of-type { background-image: url(/assets/png/prize5-82f7fa61.png) } .TimeLeft__C-l3 .num6 { background-image: url(/assets/png/num6-0cbd3b10.png) } .TimeLeft__C-l3 .num6.prize6:last-of-type { background-image: url(/assets/png/prize6-57181440.png) } .TimeLeft__C-l3 .num7 { background-image: url(/assets/png/num7-05973970.png) } .TimeLeft__C-l3 .num7.prize7:last-of-type { background-image: url(/assets/png/prize7-ca1d24be.png) } .TimeLeft__C-l3 .num8 { background-image: url(/assets/png/num8-41b2260f.png) } .TimeLeft__C-l3 .num8.prize8:last-of-type { background-image: url(/assets/png/prize8-3ffac79f.png) } .TimeLeft__C-l3 .num9 { background-image: url(/assets/png/num9-310d63e2.png) } .TimeLeft__C-l3 .num9.prize9:last-of-type { background-image: url(/assets/png/prize9-63d3f3f8.png) } .TimeLeft__C-l3 .numA { background-image: url(/assets/png/numA-594afa89.png) } .TimeLeft__C-l3 .numA.prizeA:last-of-type { background-image: url(/assets/png/prizeA-7217212f.png) } .TimeLeft__C-l3 .numB { background-image: url(/assets/png/numB-cad56304.png) } .TimeLeft__C-l3 .numB.prizeB:last-of-type { background-image: url(/assets/png/prizeB-6c3c2497.png) } .TimeLeft__C-l3 .numC { background-image: url(/assets/png/numC-8d88d857.png) } .TimeLeft__C-l3 .numC.prizeC:last-of-type { background-image: url(/assets/png/prizeC-bbf8b83c.png) } .TimeLeft__C-l3 .numD { background-image: url(/assets/png/numD-06e782e9.png) } .TimeLeft__C-l3 .numD.prizeD:last-of-type { background-image: url(/assets/png/prizeD-46a95e2f.png) } .TimeLeft__C-l3 .numE { background-image: url(/assets/png/numE-f70da99f.png) } .TimeLeft__C-l3 .numE.prizeE:last-of-type { background-image: url(/assets/png/prizeE-90087f02.png) } .TimeLeft__C-l3 .numF { background-image: url(/assets/png/numF-956f8923.png) } .TimeLeft__C-l3 .numF.prizeF:last-of-type { background-image: url(/assets/png/prizeF-46aeece0.png) } .TimeLeft__C-l3>div, .TimeLeft__C-l3>p { width: 1.46667rem; height: 1.46667rem; line-height: 1.46667rem; text-align: center; font-weight: 700; font-size: .64rem; background-position: center; background-size: 100% 100%; background-repeat: no-repeat } .TimeLeft__C-time { height: .66667rem; line-height: .66667rem; bottom: .29333rem; right: .32rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .TimeLeft__C-time>span { display: block; margin-right: .24rem; font-weight: 700; font-size: .29333rem; line-height: .33333rem } .TimeLeft__C-time>div { background: var(--darkLight2, var(--winTips)); color: var(--text_color_L4); font-weight: 700; font-size: .48rem; text-align: center; padding: 0 .13333rem; border: .01333rem solid var(--text_color_L4); border-radius: .06667rem; background-position: center; background-size: 100% 100%; background-repeat: no-repeat } .TimeLeft__C-time>div+div { margin-left: .12rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .GameRecord__C { width: calc(100% - .69333rem); margin: .48rem auto 0; text-align: center; font-size: .32rem } .GameRecord__C-head { height: 1.06667rem; line-height: 1.06667rem; background: var(--sheet_nva_color); border-radius: .13333rem .13333rem 0 0; font-weight: 700; font-size: .34667rem; color: #fff } .GameRecord__C-head .van-col { height: 1.06667rem; overflow: hidden } .GameRecord__C-body { line-height: 1.06667rem } .GameRecord__C-body-redC { color: var(--main-color) } .GameRecord__C-body-greenC { color: var(--bgcolor-22) } .GameRecord__C-body-empty { height: 5.33333rem } .GameRecord__C-body .van-col { position: relative; height: 1.33333rem; line-height: 1.33333rem } .GameRecord__C-body>div { background: var(--darkBg, var(--bg_color_L2)); color: var(--darkTextW, var(--text_color_L1)) } .GameRecord__C-body>div+div { border-top: .01333rem solid var(--gray-color-1) } .GameRecord__C-body .numberC { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; height: 100% } .GameRecord__C-body .numberC>div { width: .48rem; height: .48rem; font-size: .32rem; line-height: .48rem } .GameRecord__C-body .small, .GameRecord__C-body .big { margin-left: .13333rem } .GameRecord__C-body .big { color: var(--norm_secondary-color) } .GameRecord__C-body .small { color: var(--norm_bule-color) } .GameRecord__C-body .number { color: #fff; border-radius: 50% } .GameRecord__C-body .number.num1, .GameRecord__C-body .number.num3, .GameRecord__C-body .number.num7, .GameRecord__C-body .number.num9 { background-color: var(--norm_green-color) } .GameRecord__C-body .number.num2, .GameRecord__C-body .number.num4, .GameRecord__C-body .number.num6, .GameRecord__C-body .number.num8 { background-color: var(--norm_red-color) } .GameRecord__C-body .number.num0 { background-image: -webkit-linear-gradient(top left, var(--norm_red-color) 50%, var(--norm_Purple-color) 0); background-image: linear-gradient(to bottom right, var(--norm_red-color) 50%, var(--norm_Purple-color) 0) } .GameRecord__C-body .number.num5 { background-image: -webkit-linear-gradient(top left, var(--norm_green-color) 50%, var(--norm_Purple-color) 0); background-image: linear-gradient(to bottom right, var(--norm_green-color) 50%, var(--norm_Purple-color) 0) } .GameRecord__C-body .Binquire { width: .42667rem; height: .42667rem; background-image: url(/assets/png/icon-question-de9a9185.png); background-size: cover; background-repeat: no-repeat; background-position: center; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translate(-50%) } .GameRecord__C-origin { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .GameRecord__C-origin>div+div { margin-left: .26667rem } .GameRecord__C-origin-I { width: .26667rem; height: .26667rem; border-radius: 50% } .GameRecord__C-origin-I.violet { background-color: var(--bgcolor-21) } .GameRecord__C-origin-I.red { background: var(--norm_red-color) } .GameRecord__C-origin-I.green { background: var(--bgcolor-22) } .GameRecord__C-foot { height: 1.86667rem; background: var(--darkBg, var(--bg_color_L2)); color: var(--text_color_L1); padding: .46667rem 2.37333rem; margin-top: .48rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .GameRecord__C-foot-previous, .GameRecord__C-foot-next { width: .93333rem; height: .93333rem; border-radius: .13333rem; background: var(--main-color); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .GameRecord__C-foot-previous.disabled, .GameRecord__C-foot-next.disabled { background: var(--bg_color_L1); pointer-events: none } .GameRecord__C-foot-previous.disabled .GameRecord__C-icon, .GameRecord__C-foot-next.disabled .GameRecord__C-icon { color: var(--saveTextColor-7) } .GameRecord__C-foot-previous .GameRecord__C-icon, .GameRecord__C-foot-next .GameRecord__C-icon { color: var(--text_color_L4) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .WinTrx__C { padding-bottom: .34667rem } .WinTrx__C-head { height: 1.25333rem; background: -webkit-linear-gradient(left, #de2325 0%, #ff504a 100%); background: linear-gradient(90deg, #de2325 0%, #ff504a 100%); padding: 0 .34667rem; position: relative } .WinTrx__C-head div { background-repeat: no-repeat; background-position: center } .WinTrx__C-head-bcak { position: absolute; width: .64rem; height: .64rem; background-image: url(/assets/png/bcakIcon-b7c1d288.png); background-size: .64rem; left: .34667rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .WinTrx__C-head-logo { background: url(/assets/png/headlogo-56515a97.png); background-size: 2.98667rem 1.12rem; height: 1.12rem; width: 2.98667rem; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translate(-50%) translateY(-50%) } .WinTrx__C-head-more { position: absolute; width: 1.54667rem; height: .64rem; right: .34667rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } html:lang(ar) .WinTrx__C-head-more { left: .34667rem; right: unset } .WinTrx__C-head-more>div { width: .64rem; height: .64rem; background-image: url(/assets/png/kefu-b361c42f.png); background-size: .64rem } .WinTrx__C-head-more>div:last-child { background-image: url(/assets/png/voice-62dbf38c.png) } .WinTrx__C-head-more>div:last-child.disableVoice { background-image: url(/assets/png/voice-off-633f5ccc.png) } .WinTrx__C .noticeBar__container { width: calc(100% - .69333rem) !important; margin: .45333rem auto; position: relative; z-index: 1; top: 0 } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .WinTrxIfram__C .navbar__content .van-icon, .WinTrxIfram__C .navbar__content .navbar__content-center { color: var(--textW) } .WinTrxIfram__C .iframe { position: relative; overflow: hidden; width: 100%; height: 100vh; background: #eee } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .Xoso { padding: 0 .32rem } .Xoso .van-sticky { padding-top: .26667rem; background-color: var(--bg_color_L2) } .Xoso .van-sticky .tabs { background-color: var(--bg_color_L2); height: 1.73333rem } .Xoso .van-sticky .tabs .fun-tab-item { min-width: 2.93333rem; height: 1.46667rem; padding: 0 .53333rem; color: var(--bgDark, var(--text_color_L2)); background-size: 100%; border-radius: .16rem; background: var(--darkBg, var(--bg_color_L2)); font-size: .34667rem; margin-right: .16rem } .Xoso .van-sticky .tabs .fun-tab-item p { margin-top: .06667rem } .Xoso .van-sticky .tabs .fun-tab-item.activeClassName { background: var(--linerGradien-94, var(--main_gradient-color2)); color: #fff !important; background-size: 100%; z-index: 2 } .Xoso-page { margin-top: .26667rem } .Xoso-page-box .title { height: .4rem; line-height: .4rem; position: relative; padding-left: .34667rem; font-size: .4rem; color: var(--darkTextW, var(--text_color_L1)); font-weight: 700; margin-bottom: .26667rem } .Xoso-page-box .title:after { content: ""; display: block; width: .08rem; height: 100%; background-color: var(--darkLight, var(--main-color)); position: absolute; left: 0; top: 0 } .Xoso-page-box .list { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .Xoso-page-box .list .item { width: calc(50% - .29333rem); margin-bottom: .26667rem } .Xoso-page-box .list .item>h4 { height: 1.33333rem; border-radius: .13333rem .13333rem 0 0; padding: 0 .18667rem; background: var(--main_gradient-color); font-size: .42667rem; color: #fff; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .Xoso-page-box .list .item>h4 .img { width: .64rem; display: block } .Xoso-page-box .list .item .info { padding: .18667rem; background-color: var(--darkBg, var(--bg_color_L2)); border-radius: 0 0 .13333rem .13333rem } .Xoso-page-box .list .item .info .issue { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; color: var(--darkTextW, var(--main-color)); font-size: .37333rem; border-bottom: .01333rem solid var(--gray-color-1); padding: .13333rem 0 } .Xoso-page-box .list .item .info .issue img { width: .64rem; display: block; margin-right: .06667rem } .Xoso-page-box .list .item .info p { color: var(--bgDark, var(--text_color_L2)); font-size: .29333rem; text-align: center; height: .8rem; line-height: .66667rem } .Xoso-page-box .list .item .info .time { display: -webkit-box; display: -webkit-flex; display: flex; color: var(--textM3, var(--text_color_L2)); background-color: var(--bgDark-2, var(--LotteryXosoTimeBg)); border-top: .13333rem solid var(--darkLight, var(--LotteryXosoTimeColor)); border-radius: .13333rem; text-align: center; line-height: .69333rem; position: relative } .Xoso-page-box .list .item .info .time:after, .Xoso-page-box .list .item .info .time:before { content: ""; display: block; height: .24rem; width: .13333rem; background-color: var(--darkLight, var(--LotteryXosoTimeColor)); border: .02667rem solid var(--darkBg, var(--bg_color_L2)); border-radius: .18667rem; position: absolute; top: -.26667rem } .Xoso-page-box .list .item .info .time:after { left: 35% } .Xoso-page-box .list .item .info .time:before { right: 35% } .Xoso-page-box .list .item .info .time>div { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; height: .69333rem; font-size: .37333rem; font-weight: 500; position: relative } .Xoso-page-box .list .item .info .time>div:after { content: ""; display: block; width: .01333rem; height: .4rem; background-color: #d2d2d2; position: absolute; right: 0; top: 50%; margin-top: -.2rem } .Xoso-page-box .list .item .info .time>div:last-child:after { display: none } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .MyGameRecord__C { margin-top: 0 } .MyGameRecord__C .MyGameRecordList__C { margin: 0 -.32rem } .ar-searchbar__selector>div { padding: 0; box-shadow: none } .ar-searchbar__selector>div span { color: var(--text_color_L2) } .TeamReport__C { padding: 0 .32rem .53333rem } .TeamReport__C-head { height: 2.93333rem } .TeamReport__C-head-fixed { height: 2.86667rem; position: fixed; top: 1.22667rem; width: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translate(-50%); max-width: 10rem; background-color: var(--bgDark-4, var(--bg_color_L2)); padding: 0 .32rem; z-index: 9 } .TeamReport__C-head-line1, .TeamReport__C-head-line2 { height: 1.06667rem; width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; color: var(--text_color_L2); font-size: .37333rem; margin-top: .26667rem } .TeamReport__C-head-line1>div, .TeamReport__C-head-line2>div { border-radius: .13333rem; line-height: 1.06667rem; width: calc(100% - .13333rem); padding: 0 .26667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; background-color: var(--darkBg, var(--bg_color_L2)) } .TeamReport__C-head-line1>div+div, .TeamReport__C-head-line2>div+div { margin-left: .26667rem } .TeamReport__C-head-line1 .default, .TeamReport__C-head-line2 .default { color: var(--text_color_L2) } .TeamReport__C-head-line1>div { width: 100% } .TeamReport__C-list { background-color: var(--darkBg, var(--bg_color_L2)); border-radius: .13333rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .MyGameRecord__C { margin-top: 0 } .MyGameRecord__C .MyGameRecordList__C { margin: 0 -.32rem } .TeamReport__C { padding: 0 .32rem .53333rem } .TeamReport__C-head { height: 2.93333rem } .TeamReport__C-head-fixed { height: 2.86667rem; position: fixed; top: 1.22667rem; width: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translate(-50%); max-width: 10rem; background-color: var(--bg_color_L2); padding: 0 .32rem; z-index: 9 } .TeamReport__C-head-line1, .TeamReport__C-head-line2 { height: 1.06667rem; width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; color: var(--text_color_L2); font-size: .37333rem; margin-top: .26667rem } .TeamReport__C-head-line1>div, .TeamReport__C-head-line2>div { border-radius: .13333rem; line-height: 1.06667rem; width: calc(100% - .13333rem); padding: 0 .26667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; background-color: var(--textW) } .TeamReport__C-head-line1>div+div, .TeamReport__C-head-line2>div+div { margin-left: .26667rem } .TeamReport__C-head-line1 .default, .TeamReport__C-head-line2 .default { color: var(--text_color_L2) } .TeamReport__C-head-line1>div { width: 100% } .TeamReport__C-list { background-color: var(--darkBg, var(--bg_color_L2)); border-radius: .13333rem } .van-sticky { padding-top: .26667rem; background-color: var(--bg_color_L2) } .van-sticky .tabs { background-color: var(--bg_color_L2); height: 1.73333rem } .van-sticky .tabs .fun-tab-item { min-width: 2.93333rem; min-height: 1.17333rem; padding: 0 .53333rem; color: var(--text_color_L2); background-size: 100%; border-radius: .16rem; background: var(--bgDark-2, var(--bg_color_L2)); box-shadow: var(--BoxShadowColor-25); font-size: .34667rem; margin-right: .16rem } .van-sticky .tabs .fun-tab-item p { margin-top: .06667rem } .van-sticky .tabs .fun-tab-item.activeClassName { background: var(--main_gradient-color2); box-shadow: var(--BoxShadowColor-20); box-shadow: var(--BoxShadowColor-25); color: var(--textW) !important; background-size: 100%; z-index: 2 } .van-sticky .tabs .funtab_item { color: var(--text_color_L2) !important } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .header { padding: .13333rem .21333rem; background: #141b26 } .header>div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .header>div .searchIcon { background-image: url(/assets/svg/search-e8c2aae9.svg); background-repeat: no-repeat; background-position: center; width: .64rem; height: .64rem } .header>div.l2 { height: 1.22667rem; display: -webkit-box; display: -webkit-flex; display: flex } .header>div.l2 .inputDom { height: 100%; background-color: #4c607f1f; border-radius: .21333rem 0 0 .21333rem; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; background-image: url(/assets/svg/search-e8c2aae9.svg); background-repeat: no-repeat; background-position: .26667rem center; padding-left: 1.06667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .header>div.l2 .inputDom input { height: .53333rem; width: 100%; outline: 0; border: 0; font-size: .4rem; background: transparent; padding: 0 .32rem; color: #dbe3ed; border-left: .01333rem solid #48586d } .header>div.l2 .inputDom input::-webkit-input-placeholder { color: #48586d } .header>div.l2 .inputDom input::placeholder { color: #48586d } .header>div.l2 .close { -webkit-box-flex: 0; -webkit-flex: none; flex: none; width: 1.6rem; line-height: 1.22667rem; background-color: #4c607f1f; height: 100%; color: #48586d; text-align: center; border-radius: 0 .21333rem .21333rem 0; position: relative } .header>div.l2 .close:before { content: ""; position: absolute; width: .53333rem; height: 100%; top: 0; left: 0; background: -webkit-linear-gradient(25deg, transparent 0 40%, #141b26 40% 60%, transparent 60% 100%), -webkit-linear-gradient(155deg, transparent 0 40%, #141b26 40% 60%, transparent 60% 100%); background: linear-gradient(65deg, transparent 0 40%, #141b26 40% 60%, transparent 60% 100%), linear-gradient(-65deg, transparent 0 40%, #141b26 40% 60%, transparent 60% 100%); background-size: .42667rem 50%; background-repeat: no-repeat; background-position: 0 bottom, 0 top } .header .backSvg { background-image: url(/assets/svg/backButton-eadf8686.svg); background-repeat: no-repeat; background-position: center; width: 1.12rem; height: .69333rem } .header_title { padding: .13333rem; font-family: Inter; font-size: .48rem; font-style: italic; font-weight: 700; letter-spacing: -.0048rem; background: -webkit-linear-gradient(top, #f5f6ff -2.72%, rgba(245, 246, 255, 0) 219.64%); background: linear-gradient(180deg, #f5f6ff -2.72%, rgba(245, 246, 255, 0) 219.64%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1 } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .header { padding: .13333rem .21333rem; background: #141b26 } .header>div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .header>div .searchIcon { background-image: url(/assets/svg/search-e8c2aae9.svg); background-repeat: no-repeat; background-position: center; width: .64rem; height: .64rem } .header>div.l2 { height: 1.22667rem; display: -webkit-box; display: -webkit-flex; display: flex } .header>div.l2 .inputDom { height: 100%; background-color: #4c607f1f; border-radius: .21333rem 0 0 .21333rem; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; background-image: url(/assets/svg/search-e8c2aae9.svg); background-repeat: no-repeat; background-position: .26667rem center; padding-left: 1.06667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .header>div.l2 .inputDom input { height: .53333rem; width: 100%; outline: 0; border: 0; font-size: .4rem; background: transparent; padding: 0 .32rem; color: #dbe3ed; border-left: .01333rem solid #48586d } .header>div.l2 .inputDom input::-webkit-input-placeholder { color: #48586d } .header>div.l2 .inputDom input::placeholder { color: #48586d } .header>div.l2 .close { -webkit-box-flex: 0; -webkit-flex: none; flex: none; width: 1.6rem; line-height: 1.22667rem; background-color: #4c607f1f; height: 100%; color: #48586d; text-align: center; border-radius: 0 .21333rem .21333rem 0; position: relative } .header>div.l2 .close:before { content: ""; position: absolute; width: .53333rem; height: 100%; top: 0; left: 0; background: -webkit-linear-gradient(25deg, transparent 0 40%, #141b26 40% 60%, transparent 60% 100%), -webkit-linear-gradient(155deg, transparent 0 40%, #141b26 40% 60%, transparent 60% 100%); background: linear-gradient(65deg, transparent 0 40%, #141b26 40% 60%, transparent 60% 100%), linear-gradient(-65deg, transparent 0 40%, #141b26 40% 60%, transparent 60% 100%); background-size: .42667rem 50%; background-repeat: no-repeat; background-position: 0 bottom, 0 top } .header .backSvg { background-image: url(/assets/svg/backButton-eadf8686.svg); background-repeat: no-repeat; background-position: center; width: 1.12rem; height: .69333rem } .header_title { padding: .13333rem; font-family: Inter; font-size: .48rem; font-style: italic; font-weight: 700; letter-spacing: -.0048rem; background: -webkit-linear-gradient(top, #f5f6ff -2.72%, rgba(245, 246, 255, 0) 219.64%); background: linear-gradient(180deg, #f5f6ff -2.72%, rgba(245, 246, 255, 0) 219.64%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1 } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .messageDetail__container { padding-bottom: 0 } .messageDetail__container-wrapper { padding: .26667rem .16rem .66667rem; border-radius: .13333rem; background: var(--bg_color_L2) } .messageDetail__container-title { width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin-bottom: .5rem; padding-bottom: .5rem; border-bottom: .01333rem solid var(--gray-color-1) } .messageDetail__container-title>div { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start; margin-left: .5rem } .messageDetail__container-title>div>div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin-bottom: .10667rem; font-size: .4rem; font-weight: 600 } .messageDetail__container-title>div>div svg { width: .64rem; height: .64rem; margin-right: .09333rem } .messageDetail__container-title>div>span { color: var(--text_color_L2); font-size: .32rem; font-weight: 400 } .messageDetail__container-title>svg { width: .48rem; height: .48rem } .messageDetail__container-content { color: var(--text_color_L2); font-size: .32rem; line-height: .53333rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .dialog { position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; background: var(--bgcolor-32); -webkit-transition: opacity .15s ease-in-out, visibility .15s ease-in-out; transition: opacity .15s ease-in-out, visibility .15s ease-in-out; z-index: 2004 } .dialog.active { opacity: 1; visibility: visible } .dialog.active .dialog__container { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } .dialog.inactive { opacity: 0; visibility: hidden } .dialog.inactive .dialog__container { -webkit-transform: scale(.3); transform: scale(.3); opacity: 0 } .dialog__container { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; width: 8rem; min-height: 6.66667rem; border-radius: .26667rem; background: var(--bg_color_L2); -webkit-transition: opacity .3s, -webkit-transform .3s ease-in-out; transition: opacity .3s, -webkit-transform .3s ease-in-out; transition: opacity .3s, transform .3s ease-in-out; transition: opacity .3s, transform .3s ease-in-out, -webkit-transform .3s ease-in-out; z-index: 2003; padding: .53333rem .26667rem; border-radius: 20px } .dialog__container-img { width: 3.73333rem; height: 2.4rem; margin-top: -1.06667rem } .dialog__container-img img { width: 100%; height: 100% } .dialog__container-title { margin-top: .34667rem; font-size: .48rem; font-weight: 700; color: var(--text_color_L1) } .dialog__container-content { margin-top: .24rem; color: var(--text_color_L2); font-size: .32rem; font-weight: 400 } .dialog__container-footer { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; gap: .28rem; width: 100%; height: 1.06667rem; margin-top: 2rem; padding: 0 .26667rem } .dialog__container-footer button { width: 3.12rem; height: 1.06667rem; color: var(--main-color); font-size: .42667rem; text-align: center; border-radius: 9rem; border: .01333rem solid var(--main-color); background: transparent } .dialog__container-footer button:last-of-type { width: 4.34667rem; color: var(--text_color_L4); background: var(--main_gradient-color) } .dialog__outside { position: fixed; top: 0; left: 0; right: 0; bottom: 0; cursor: default; z-index: 2002; background: rgba(0, 0, 0, .6) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .point { width: .13333rem; height: .13333rem; background-color: var(--norm_red-color); position: relative; border-radius: 50% } .point-flicker:after { background-color: var(--norm_red-color) } .point-flicker:before { background-color: #00a8fd33 } .point-flicker:before, .point-flicker:after { content: ""; width: .21333rem; height: .21333rem; position: absolute; left: 50%; top: 50%; margin-left: -.10667rem; margin-top: -.10667rem; border-radius: 50%; -webkit-animation: warn-c10b67fb 1.5s ease-out 0s infinite; animation: warn-c10b67fb 1.5s ease-out 0s infinite } html:lang(ar) .point-flicker:before, html:lang(ar) .point-flicker:after { left: unset; right: 50% } @-webkit-keyframes warn-c10b67fb { 0% { -webkit-transform: scale(.5); transform: scale(.5); opacity: 1 } 30% { opacity: 1 } to { -webkit-transform: scale(1.4); transform: scale(1.4); opacity: 0 } } @keyframes warn-c10b67fb { 0% { -webkit-transform: scale(.5); transform: scale(.5); opacity: 1 } 30% { opacity: 1 } to { -webkit-transform: scale(1.4); transform: scale(1.4); opacity: 0 } } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .dailyProfitRank { color: var(--text_color_L1); margin-top: .53333rem } .dailyProfitRank .title { height: .56rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; font-size: .48rem; font-weight: 500; margin-bottom: 1.33333rem } .dailyProfitRank .title b { display: block; height: .34667rem; width: .10667rem; border-radius: .05333rem; background-color: var(--main-color); -webkit-margin-end: .13333rem; margin-inline-end: .13333rem } .dailyProfitRank__content { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .dailyProfitRank__content-topThree { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); justify-items: center; width: 100%; height: 3.33333rem; z-index: 1; background: url(/assets/png/DailyProfitRankStage-ce00a6d6.png) no-repeat center center/100% 100% } .dailyProfitRank__content-topThree__item { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; width: 3rem; height: 3.46667rem } .dailyProfitRank__content-topThree__item:nth-child(2) { right: .10667rem } .dailyProfitRank__content-topThree__item:nth-child(3) { left: .16rem } .dailyProfitRank__content-topThree__item>div:first-of-type { position: relative; display: grid; place-items: center; width: 1.6rem; min-width: 1.6rem; height: 1.6rem; min-height: 1.6rem; border-radius: 50%; overflow: hidden } .dailyProfitRank__content-topThree__item>div:first-of-type>img { width: calc(100% - .06667rem); height: calc(100% - .06667rem) } .dailyProfitRank__content-topThree__item>div:last-of-type { position: absolute; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; width: 1.78667rem; height: 1.82667rem } .dailyProfitRank__content-topThree__item>div:last-of-type img:first-of-type { position: relative; top: -.33333rem; left: -.25333rem; width: 1.14667rem } .dailyProfitRank__content-topThree__item>div:last-of-type img:last-of-type { width: 1.78667rem; height: .42667rem } .dailyProfitRank__content-topThree__item>span { color: #fff; padding: 0 .13333rem; text-align: center } .dailyProfitRank__content-topThree__item>span:first-of-type { margin-block: 18% 8%; font-size: .32rem; width: 2.66667rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .dailyProfitRank__content-topThree__item>span:last-of-type { width: 2.66667rem; height: .66667rem; padding: .17333rem .18667rem; font-size: .32rem; line-height: .32rem; text-align: center; border-radius: 9rem; background: var(--bgDark, rgba(255, 255, 255, .3)) } .dailyProfitRank__content-list { position: relative; z-index: 2; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; gap: .21333rem; width: 100% } .dailyProfitRank__content-list__item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; width: 100%; height: 1.36rem; padding: .14667rem .25333rem .14667rem .44rem; background: var(--darkBg, var(--bg_color_L2)); border-radius: .13333rem } .dailyProfitRank__content-list__item span.left-rank { margin-right: .41333rem; color: var(--text_color_L2); font-size: .48rem; font-weight: 500 } .dailyProfitRank__content-list__item span.middle-name { color: var(--text_color_L2); font-size: .32rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 2.66667rem } .dailyProfitRank__content-list__item span.right-box { line-height: .66667rem; width: 3.46667rem; height: .66667rem; margin-left: auto; color: #fff; font-size: .4rem; text-align: center; border-radius: 9rem; background: var(--main_gradient-color) } .dailyProfitRank__content-list__item img { width: 1.06667rem; height: 1.06667rem; margin-right: .17333rem; border-radius: 50% } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .settingPanel__container { padding: 0 .26667rem .13333rem; border-radius: .26667rem; background: var(--darkBg, var(--bg_color_L2)) } .settingPanel__container h1 { margin-bottom: .26667rem; color: #151515; font-size: .4rem } .settingPanel__container-items { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; color: var(--text_color_L1) } .settingPanel__container-items__item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; font-size: .37333rem; padding: .33333rem 0 } .settingPanel__container-items__item:last-child:after { display: none } .settingPanel__container-items__item span { color: var(--text_color_L1) } .settingPanel__container-items__title { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .settingPanel__container-items__title svg { width: .66667rem; height: .66667rem; margin: 0 .24rem 0 0; color: var(--main-color) } .settingPanel__container-items-right { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .settingPanel__container-items-right span { font-size: .37333rem; padding-right: .4rem } .settingPanel__container-items-right h5 { font-size: .32rem; color: #fff; border-radius: .42667rem; margin-right: .4rem; background: #fa5b5b; height: .42667rem; padding: 0 .13333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .terms { background: var(--bg_color_L2); border-radius: .26667rem; padding: .26667rem; margin-top: .53333rem; margin-bottom: .4rem } .terms-logo { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin: .26667rem 0 } .terms-logo>* { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1 } .terms-logo-left { width: 2.48rem; height: .93333rem } .terms-logo-left img { width: 100% } .terms-logo-service { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; height: 1.06667rem } .terms-logo svg, .terms-logo img { height: 1.06667rem; margin: auto } .terms-icons { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin-bottom: .66667rem } .terms-icons svg { width: 2.8rem; height: 1.06667rem; margin-bottom: .21333rem } .terms-rule { color: var(--text_color_L1); font-family: Inter; font-size: .32rem; font-style: normal; font-weight: 400; margin-bottom: .4rem } .terms-rule svg { width: .21333rem; height: .21333rem; vertical-align: middle; color: var(--main-color) } .terms-rule span { margin-left: .06667rem; vertical-align: middle } .terms-tips { color: var(--norm_red-color); font-family: Inter; font-size: .32rem; font-weight: 400; margin: .10667rem 0 } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .daman-title { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; position: relative; font-size: .48rem; height: .8rem; font-weight: 700 } .daman-title.daman-line { padding-left: .26667rem; color: var(--text_color_L2); gap: .53333rem } .daman-title.daman-line:before { content: ""; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: .13333rem; height: .48rem; background: var(--main-color); border-radius: .06667rem } .daman-title-left { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; font-size: .42667rem; font-weight: 600; gap: .06667rem; color: var(--darkTextW, var(--text_color_L1)) } .daman-title-left svg { color: var(--main-color) } .daman-title .cms-icon { color: #f95959; margin-right: .10667rem; margin-bottom: .08rem } .daman-title .btn-all { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; min-width: 1.86667rem; height: .53333rem; border: .01333rem solid var(--text_color_L2); font-size: .29333rem; font-weight: 400; line-height: .29333rem; color: var(--text_color_L2); border-radius: .13333rem; white-space: nowrap; padding: 0 .05333rem } .daman-title .btn-all span { color: var(--main-color); margin-right: .10667rem; margin-left: .05333rem } .daman-title .btn-all svg { height: .32rem; width: .32rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .daman__container { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: .21333rem; margin-bottom: .82667rem } .daman__container.allGame { grid-template-columns: repeat(3, 1fr) } .daman__container.allGame .item { width: 2.96rem; min-height: 4rem; height: auto } .daman__container.allGame .item .gameImg { width: 2.96rem; height: 4rem } .daman__container .cms-icon { color: #f95959; margin-right: .10667rem } .daman__container .item { position: relative; width: 2.93333rem; height: 4rem; border-radius: .26667rem } .daman__container .item .gameImg { width: 3.36rem; height: 4.26667rem; border-radius: .26667rem; background: var(--main_gradient-color) } .daman__container .item .game-type { position: absolute; bottom: .13333rem; left: 50%; -webkit-transform: translateX(-50%); transform: translate(-50%); color: #fff; font-size: .32rem; font-weight: 600 } .daman__container h2 { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; position: relative; margin-bottom: .34667rem; font-size: .48rem; font-weight: 700 } .daman__container h2.daman-line { padding-left: .26667rem } .daman__container h2.daman-line:before { content: ""; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: .08rem; height: .4rem; background: #f64646; border-radius: .05333rem } .daman__container .game-odd { display: -webkit-box; display: -webkit-flex; display: flex; height: .48rem; background: #E6E6E6; color: var(--text_color_L1); width: 100%; border-radius: .13333rem; font-size: .29333rem; overflow: hidden; margin-top: .08rem; margin-bottom: .13333rem; position: relative } .daman__container .game-odd span { position: relative; z-index: 1; display: block; height: 100%; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; line-height: .53333rem } .daman__container .game-odd span:first-child { padding-left: .13333rem } .daman__container .game-odd span:nth-child(2) { text-align: right; padding-right: .13333rem; color: var(--darkTextW, var(--text_color_L1)) } .daman__container .game-odd .win-p { background: var(--main-color); position: absolute; left: 0; height: 100% } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .video { margin-bottom: .53333rem } .video:last-child { margin-bottom: 0 } .video-btn { width: 6.96rem; height: 1.06667rem; border-radius: 1.33333rem; border: .01333rem solid var(--darkLight, var(--main-color)); color: var(--darkLight, var(--main-color)); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; text-align: center; font-size: .34667rem; font-style: normal; font-weight: 500; margin: 0 auto } .video-btn svg { display: inline-block; width: .64rem; height: .64rem } .video-btn span { display: inline-block; margin-left: .05333rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .daman-dragon { display: -webkit-box; display: -webkit-flex; display: flex; min-height: 2.66667rem; background: url(/assets/png/bj-530fd113.png) no-repeat center/100%; padding: .21333rem 0 0 .13333rem; margin-bottom: .26667rem } .daman-dragon-image { width: 2.4rem; height: 1.97333rem } .daman-dragon-right { padding-left: .33333rem; color: #fff; padding-bottom: .26667rem } .daman-dragon-right h3 { text-shadow: 0 .02667rem .02667rem #FD4646; font-size: .4rem; font-weight: 700; margin-bottom: .06667rem } .daman-dragon-right p { border-radius: .8rem; background: var(--darkLight, var(--main-color)); padding: .08rem .26667rem; line-height: .33333rem; max-width: 5.33333rem; text-align: center } .daman-dragon-btn { margin-top: .4rem; width: 2.66667rem; height: .66667rem; border-radius: 1.33333rem; text-align: center; background: -webkit-linear-gradient(top, #FFBD40 0%, #FF7F3D 100%); background: linear-gradient(180deg, #FFBD40 0%, #FF7F3D 100%); box-shadow: 0 .02667rem #ffec75 inset; -webkit-filter: drop-shadow(0 .02667rem 0 #F24B16); filter: drop-shadow(0 .02667rem 0 #F24B16); text-shadow: 0 .02667rem .02667rem rgba(253, 70, 70, .5); font-family: Roboto; font-size: .34667rem; font-weight: 700; line-height: .66667rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .daman-lottery { width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: .26667rem; margin-bottom: .26667rem } .daman-lottery .daman_img { position: relative; width: 4.53333rem; height: 5.06667rem; border-radius: .26667rem; background: url(/assets/png/daman-lottery_background-dddb4357.png) no-repeat center center } .daman-lottery .daman_img img { width: 2.93333rem } .daman-lottery h3 { margin-top: .4rem; margin-bottom: .13333rem; color: #fff; text-shadow: 0 .02667rem .01333rem var(--main-color); font-family: Inter; font-size: .48rem; text-align: center; font-weight: 700 } .daman-lottery img { display: block; margin: 0 auto } .daman-lottery .daman-btn { position: absolute; bottom: .26667rem; right: .26667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; width: 2.13333rem; height: .66667rem; line-height: .66667rem; border-radius: 1.33333rem; background-color: var(--darkLight, transparent); color: var(--text_color_L4); font-size: .4rem; font-style: normal; font-weight: 700; border: .01333rem solid var(--darkLight, var(--bg_color_L2)); gap: .13333rem } .daman-lottery .daman-btn svg { width: .4rem; height: .4rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .daman-lottery-list .daman-btn { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; width: 2.66667rem; height: .66667rem; border-radius: 1.33333rem; line-height: .66667rem; color: #fff; font-size: .4rem; font-style: normal; font-weight: 700; background: var(--main_gradient-color) } .daman-lottery-list .daman-btn span:first-child { margin-right: .05333rem } .daman-lottery-list .daman-item { display: -webkit-box; display: -webkit-flex; display: flex; border-radius: .26667rem; background: var(--bg_color_L2); padding: .26667rem .13333rem; margin-bottom: .26667rem } .daman-lottery-list .daman-item-left { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; width: 2.13333rem; height: 2.93333rem; background: var(--main_gradient-color2); border-radius: .26667rem } .daman-lottery-list .daman-item-left img { margin-top: .13333rem; width: 1.86667rem } .daman-lottery-list .daman-item-left h3 { color: var(--text_color_L4); font-family: Inter; font-size: .32rem; font-weight: 700; line-height: .66667rem; height: .66667rem; text-align: center; margin-top: .13333rem } .daman-lottery-list .daman-item-right { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; padding-left: .12rem } .daman-lottery-list .daman-item-right .top { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .daman-lottery-list .daman-item-right h3 { color: var(--darkTextW, var(--text_color_L1)); text-align: center; font-size: .42667rem; font-weight: 700; line-height: .53333rem; letter-spacing: .01707rem } .daman-lottery-list .daman-item-right .pool { background: var(--bg_color_L1); border-radius: .16rem; color: #666; font-weight: 400; padding: .24rem .26667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin-top: .13333rem } .daman-lottery-list .daman-item-right .line { height: .48rem; width: .02667rem; background: #DADADA; display: inline-block } .daman-lottery-list .daman-item-right .num { color: #ff8310; font-family: Roboto; font-size: .34667rem; font-style: normal; font-weight: 500; line-height: .34667rem } .daman-lottery-list .daman-item-right .tips { color: #888; font-family: Inter; font-size: .29333rem; font-style: normal; font-weight: 400; line-height: .37333rem; margin-top: .26667rem } .daman-lottery-list .daman-item-right .tips:before { content: ""; width: .08rem; height: .26667rem; background: var(--main-color); display: inline-block; margin-right: .13333rem; border-radius: .16rem } .daman-lottery-list .daman-hot { display: grid; grid-template-columns: 4.53333rem 1fr; grid-template-rows: 2.66667rem 2.66667rem; grid-gap: .26667rem; grid-auto-flow: column; margin-bottom: .4rem } .daman-lottery-list .daman-hot-item { padding: .26667rem } .daman-lottery-list .daman-hot-item:first-child { grid-column: 1/2; background: url(/assets/png/1-f975f0c5.png) no-repeat center top/106% } .daman-lottery-list .daman-hot-item:nth-child(2) { grid-column: 1/2; background: url(/assets/png/2-b292939f.png) no-repeat center top/106% } .daman-lottery-list .daman-hot-item:last-child { background: url(/assets/png/3-7b17f949.png) no-repeat center top/106%; grid-row: 1/3 } .daman-lottery-list .daman-hot-item>p { color: #fff; font-family: Inter; font-size: .32rem; font-style: normal; font-weight: 400; line-height: normal; margin-bottom: .37333rem } .daman-lottery-list .daman-hot h3 { color: #fff; font-family: Inter; font-size: .37333rem; font-style: normal; font-weight: 700; line-height: normal } .daman-lottery-list .daman-hot .icon { width: 2.13333rem; height: .76rem; position: relative } .daman-lottery-list .daman-hot .icon svg { width: 100%; height: 100% } .daman-lottery-list .daman-hot .icon p { position: absolute; top: .26667rem; left: 0; right: 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; font-family: Inter; font-size: .37333rem; font-style: normal; font-weight: 500; line-height: .37333rem; padding: .02667rem .13333rem } .daman-lottery-list .daman-hot .icon span { display: block } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .daman__container { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: .21333rem; margin-bottom: .82667rem } .daman__container.allGame { grid-template-columns: repeat(3, 1fr) } .daman__container.allGame .item { width: 2.96rem; min-height: 4rem; height: auto } .daman__container.allGame .item .gameImg { width: 2.96rem; height: 4rem } .daman__container .cms-icon { color: #f95959; margin-right: .10667rem } .daman__container .item { position: relative; width: 4.53333rem; height: 4rem; border-radius: .26667rem } .daman__container .item .gameImg { width: 4.53333rem; height: 4rem; border-radius: .26667rem; background: var(--main_gradient-color2) } .daman__container .item .game-type { position: absolute; bottom: .08rem; left: 50%; -webkit-transform: translateX(-50%); transform: translate(-50%); color: #fff; font-size: .32rem; font-weight: 600 } .daman__container .gameImg { object-fit: cover } .daman__container h2 { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; position: relative; margin-bottom: .34667rem; font-size: .48rem; font-weight: 700 } .daman__container h2.daman-line { padding-left: .26667rem } .daman__container h2.daman-line:before { content: ""; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: .08rem; height: .4rem; background: #f64646; border-radius: .05333rem } .daman__container .game-odd { display: -webkit-box; display: -webkit-flex; display: flex; height: .48rem; background: #E6E6E6; color: #333; width: 100%; border-radius: .13333rem; font-size: .29333rem; overflow: hidden; margin-top: .08rem; margin-bottom: .13333rem; position: relative } .daman__container .game-odd span { position: relative; z-index: 1; display: block; height: 100%; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; line-height: .53333rem } .daman__container .game-odd span:first-child { padding-left: .13333rem } .daman__container .game-odd span:last-child { text-align: right; padding-right: .13333rem } .daman__container .game-odd .win-p { background: var(--main-color); position: absolute; left: 0; height: 100% } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .WinRate { width: 100%; min-height: 1.70667rem; margin-bottom: .4rem } .WinRate img { width: 100%; height: 100%; object-fit: cover } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .electron { margin-bottom: .32rem } .electron:last-child { margin-bottom: 0 } .electron-btn { width: 6.96rem; height: 1.06667rem; border-radius: 1.33333rem; border: .01333rem solid var(--darkLight, var(--main-color)); color: var(--darkLight, var(--main-color)); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; text-align: center; font-size: .34667rem; font-style: normal; font-weight: 500; margin: 0 auto } .electron-btn svg { display: inline-block; width: .64rem; height: .64rem } .electron-btn span { display: inline-block; margin-left: .05333rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .gameScenes-daman .game-menu { margin-top: .2rem } .gameScenes-daman .row { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-align-content: center; align-content: center } .gameScenes-daman .row.space { -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .gameScenes-daman .row.wrap { -webkit-flex-wrap: wrap; flex-wrap: wrap } .gameScenes-daman .row-item { position: relative; width: 4.53333rem; height: 1.86667rem; background-repeat: no-repeat; background-position: center; background-size: 4.96rem 2.29333rem; border-radius: .26667rem; margin-bottom: .26667rem } .gameScenes-daman .row-item.row-small { width: 2.93333rem; margin-right: .26667rem } .gameScenes-daman .row-item.row-small .game_bg { width: 3.36rem } .gameScenes-daman .row-item.row-small:nth-child(3n) { margin-right: 0 } .gameScenes-daman .row-item.row-small:nth-child(4) .game_text, .gameScenes-daman .row-item.row-small:nth-child(5) .game_text, .gameScenes-daman .row-item.row-small:nth-child(6) .game_text { top: 1.2rem } .gameScenes-daman .row-item.row-small.game_sport .game_image { height: 1.86667rem; width: 2.4rem; top: .09333rem } .gameScenes-daman .row-item.row-small .game_text { bottom: inherit; top: .26667rem } .gameScenes-daman .game_image { position: absolute; top: 0; left: -.05333rem; height: 2rem; width: 2.53333rem; object-fit: contain; z-index: 1 } .gameScenes-daman .game_bg { display: block; position: absolute; bottom: -.32rem; left: -.21333rem; width: 4.96rem; height: 2.29333rem } .gameScenes-daman .game_text { position: absolute; bottom: .45333rem; right: .16rem; color: #fff; font-family: Inter; font-size: .32rem; font-weight: 700; z-index: 1 } .gameScenes-daman .tabs { background: var(--bg_color_L1); max-width: 10rem; margin: 0 auto } .gameScenes-daman .tab_item { width: 2.53333rem; height: 1.33333rem; margin-inline: .06667rem; padding: 0; color: var(--text_color_L2); border-radius: .13333rem; background: var(--bg_color_L2); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .gameScenes-daman .tab_item img { height: .66667rem } .gameScenes-daman .tab_item span { font-size: .32rem } .gameScenes-daman .tab_active { color: var(--text_color_L4); background: var(--main_gradient-color) !important } .gameScenes-daman .fun-tabs .fun-tab-item { padding: .18667rem 0 } .gameScenes-daman .game-sticky { position: fixed; top: 0; left: 0; right: 0; z-index: 200 } .gameScenes-daman .game-content { margin-top: .2rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .swiper_box { position: relative; padding: 0 .34667rem } .swiper_box .swiper-button { padding-top: .26667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .swiper_box .swiper-button span { position: relative; display: inline-block; width: .10667rem; height: .10667rem; border-radius: .10667rem; background-color: #656565; margin: 0 .2rem; -webkit-transition: all .5s ease; transition: all .5s ease } .swiper_box .swiper-button .active { background-color: var(--main-color); width: .26667rem; height: .10667rem; -webkit-transition: all .3s ease; transition: all .3s ease } .swiper_box .my-swipe { height: 4.26667rem; box-sizing: border-box } .swiper_box .my-swipe img { width: 100%; height: 100%; border-radius: .26667rem; -webkit-filter: var(--BoxShadowColor-35); filter: var(--BoxShadowColor-35) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .btn { position: fixed; left: 50%; bottom: 2.4rem; -webkit-transform: translateX(-50%); transform: translate(-50%); width: 4.88rem; height: 1.06667rem; background: var(--downBg, var(--main_gradient-color2)); border-radius: 1.06667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; padding-left: .26667rem; padding-right: 1.06667rem; z-index: 2 } .btn .line { position: absolute; top: .13333rem; right: 1rem; height: .8rem } .btn .close { position: absolute; top: .06667rem; right: .06667rem; font-size: .66667rem; margin: .13333rem; color: #fff } .btn .icon { width: .64rem; height: .64rem } .btn .text { font-weight: 700; font-size: .32rem; line-height: .32rem; color: var(--text_color_L4); text-shadow: 0 .02667rem .01333rem rgba(71, 129, 255, .5); margin-left: .13333rem; max-width: 2.88rem } .turntable { position: fixed; bottom: 6.13333rem; right: .2rem; width: 1.86667rem; height: 1.86667rem; border-radius: 50%; z-index: 100; touch-action: none; background: url(/assets/png/turntable_icon-04916ea0.png) no-repeat center/cover } .turntable-lottery { position: fixed; bottom: 6.13333rem; right: .2rem; width: 1.86667rem; height: 1.86667rem; border-radius: 50%; z-index: 100; touch-action: none; background: url(/assets/png/turntable-b345db9e.png) no-repeat center/cover } .turntable-lottery.lottery-bottom { bottom: 8.26667rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .content-daman { font-family: bahnschrift; gap: .13333rem; padding-bottom: 2.66667rem !important } .content-daman h1:before { border-radius: .05333rem } .content-daman__right { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; align-items: center; gap: .2rem } .content-daman__right svg { position: relative } .content-daman__right .message { position: relative } .content-daman__right .message svg { width: .74667rem; height: .74667rem; color: var(--main-color) } .content-daman__right .point { position: absolute; top: .02667rem; right: 0 } .content-daman__right .down { font-size: .53333rem; margin-top: -.13333rem } .content-daman .swiper_box { padding: 0; margin-bottom: .26667rem } .navbar__content-left img { height: 80% } .navbar__content-right svg { width: .64rem } .van-nav-bar { background: #f7f8ff } .van-nav-bar .van-nav-bar__content .van-nav-bar__left img { height: 100% } .van-nav-bar .van-nav-bar__content .van-nav-bar__right svg { width: .64rem } .customer { position: fixed; bottom: 2.4rem; right: .4rem; width: 1.49333rem; height: 1.49333rem; border-radius: 50%; z-index: 99 } .customer img { width: 100%; height: 100%; border-radius: 50% } .prompt-dialog { width: 8.29333rem; height: 12.4rem; border-radius: .2rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; overflow: hidden; box-shadow: none } .prompt-dialog .van-dialog__content { position: relative; width: 100% } .prompt-dialog .promptHeader { background: var(--light-main_gradient-color, var(--bg_color_L2)); text-align: center; height: 1.17333rem; width: 8.29333rem; line-height: 1.17333rem; color: #fff; font-weight: 700; font-size: .48rem; box-sizing: border-box } .prompt-dialog .promptContent { height: 9.33333rem; width: 8.29333rem; padding: .4rem .26667rem; overflow-y: auto } .prompt-dialog .promptContent img { max-width: 7.76rem !important } .prompt-dialog .van-dialog__footer { z-index: 100; position: fixed; bottom: .4rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; gap: .26667rem; width: 90% } .prompt-dialog .van-button__text { color: #fff; width: 80%; height: .93333rem; text-align: center; line-height: .93333rem; background: var(--main_gradient-color); border-radius: 1.06667rem; z-index: 100; font-weight: 700; font-size: .42667rem; font-family: Inter; font-style: normal; letter-spacing: .06667rem } .Laundry-Con .Laundry-Con_tip { font-size: .48rem; font-weight: 700; color: #151515; text-align: center } .Laundry-Con .Landty-Con-tips { font-size: .32rem; font-weight: 400; color: #666; margin-top: .42667rem } .nav-btn { width: 1.86667rem; height: .66667rem; border-radius: .13333rem; text-align: center; line-height: .64rem; font-family: Inter; font-size: .29333rem; font-weight: 400; border: .01333rem solid var(--main-color) } .nav-btn.login-btn { font-size: .29333rem; color: var(--main-color); font-weight: 400 } .nav-btn.register-btn { background: var(--main_gradient-color); color: #fff } /* ===== assets/css/page-login-49518e3f.css ===== */ .van-toast { word-break: break-word!important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .list { padding: 0 .4rem } .list .item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding: .26667rem .4rem; font-size: .4rem; margin: .53333rem 0 } .list .item img { width: .90667rem; padding-right: .18667rem } .list .item span { font-size: .4rem; color: var(--text_color_L1) } .list .item-title { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .list.info .item { margin: .26667rem 0 } .list .checked { background: var(--bg_color_L2); border-radius: .26667rem } .van-toast { word-break: break-word!important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .right { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; font-size: .4rem; color: var(--text_color_L4) } .right .img { width: .6rem; height: .6rem; border-radius: 50%; margin-right: .13333rem; overflow: hidden; position: relative; display: block } .right .img img { display: block; height: .6rem; position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%,0); transform: translate(-50%) } .popup { border-radius: .26667rem .26667rem 0 0 } .van-toast { word-break: break-word!important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .popup { left: 0!important } .popup-content { padding: 0 .26667rem .26667rem; min-height: 6.34667rem; position: relative; background: var(--bg_color_L3); border-radius: .26667rem } .popup-content .close { position: absolute; bottom: -.98667rem; left: 50%; -webkit-transform: translate(-50%,0); transform: translate(-50%); width: .8rem; height: .8rem } .popup-content .tit { text-align: center; height: 1.33333rem; line-height: 1.33333rem; color: var(--text_color_L1); font-size: .42667rem; font-weight: 600; position: relative } .popup-content .tit:after,.popup-content .tit:before { content: ""; display: block; position: absolute; top: 50%; width: 1.46667rem; height: .02667rem } .popup-content .tit:after { background: -webkit-linear-gradient(left,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%); background: linear-gradient(90deg,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%); border-radius: .26667rem; -webkit-transform: matrix(-1,0,0,1,0,0); transform: scaleX(-1) } .popup-content .tit:before { right: 0; background: -webkit-linear-gradient(left,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%); background: linear-gradient(90deg,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%); border-radius: .26667rem } .popup-content .con { background: var(--darkBg, var(--bg_color_L2)); border-radius: .26667rem; padding: .4rem } .popup-content .info { min-height: 2.4rem; padding: .26667rem; border-radius: .26667rem; margin-bottom: .26667rem; border: .01333rem solid var(--Dividing-line_color) } .popup-content .info .txt { color: var(--norm_red-color); font-size: .32rem; line-height: .53333rem; white-space: normal } .popup-content .box .input { height: 1.17333rem; line-height: 1.17333rem; border-radius: .26667rem; border: none; width: 100%; padding: 0 .53333rem; background-color: var(--bg_color_L1); color: var(--text_color_L1) } .popup-content .box .lab { margin-top: .26667rem; color: var(--norm_red-color); white-space: normal } .popup-content .box .lab .icon { font-size: .4rem; margin-right: .13333rem } .popup-foot>div { height: .93333rem; line-height: .93333rem; border-radius: .93333rem; margin-top: .26667rem; text-align: center; font-size: .45333rem; font-weight: 700 } .popup-foot>div:first-child { color: var(--text_color_L4); background: var(--main_gradient-color) } .popup-foot>div:last-child { border: .01333rem solid var(--main-color); color: var(--main-color) } .captcha { -webkit-user-select: none; user-select: none; margin-right: auto; margin-left: auto } .captcha__main { background: rgb(244,245,246) } .captcha_background { width: 100% } .captcha_slider { position: absolute; top: 0; left: 0; display: block; height: 100%; html: lang(ar) & { left: unset; right: 0; } } .captcha_message { position: absolute; top: 0; left: 0; z-index: 999999; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; width: 100%; height: 100%; background-color: #222222d9; -webkit-box-pack: center; -webkit-box-align: center; html: lang(ar) & { left: unset; right: 0; } } .captcha_message__icon { width: .37333rem; height: .37333rem; margin: 0 auto } .captcha_message__icon--loadding { width: .32rem; height: .32rem; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAADw5JREFUeAHlnHts1WcZx8/vd0rpHSjtBAcMGCABgY1xKXeqYpQwgzHjDxPnXAzRaTRZTPxjMbBETabxL40mBLPExGVhcXMxME1wEOQy7hBGgFG5jCKutKWlLb33+Pk+57w/f6ftgdNy2rWHN3n7vLff+z7P9/c8z3s5769eZBhDLBbzjxw5MtP3/RnEKQw9BTqpq6uryPO8AtL5PT09UcpbFaPR6D2e+YT0Dcqrqa9asmTJZdr2UDYswRvqUQ4fPlyKoCsQaiFjfZ5YhNAeZZ4oeQ/hfVFCRAABROQ+bVqoO0v7k+3t7fvXrl17m/SQhSEB6Pz587ktLS0VcL2OuIjoS3qEFzFgHEBkI93d3VFRgv4YWKkAUhsFUdooc4L0e7W1tfs2btzYTjqjIaMAXb16Ne/27dsb4PBZmB8PDYQJpyU8eT9BA1Akd1iD0KRwGwNFHfJcACJNnCbWU/UG8S+Y4T36z0jICEAwHD127NhXYG4zAhaHmKYo/rbhNkiHAaKtgRJvlqxB1A0EIAOQce4SX0eD36ysrOx6WJQeGqDjx49/Dia+AzDTnEb0B4oYpVxvXiHQArV1GqFyYlg77guQ2isk+gvSysPPFfD95dKlS0+TH3QYNEAIlcOM9E2Y2CDO8Cliwql7mJr/UR1Bwnfy7AXiFYS4OWbMmOqxY8fe4Y235uTkaPaKjBs3Lv/OnTsF5EuZ4aZRNJX2c6GL6COPdBjEYKxE/waY+iEo/SY8/gaz67SSAf4ZFECHDh16LDc39yWc60yYshkHYZKccII50w7aNJH/F22OAsrlwTJ74sSJMQg7r6OjoxL6ZYAqpW8DhLRHWaBxyouHRP0F0j9ZtmzZDeiAwoAB+uCDD+bBxw9hoICRgrcnDTJu4NfNSoBxCVD+tnjx4jPUdQ+Iswc03rdvX05xcXEFGvY8fT8tXuArAMvxlgBIpIX4Y17O0Qd0nVQ9IIBOnTq1pLOz83uAo2lZZhVzjFBmb49iOd2PAGYXzFxMGm2IMqdPn34KoL4PD0uJTnPMDB1/ogAo8/4pmvT3dFlJGyBmqbUM8C20I1jTAILA0MARGNQCr5GB34CBw+kykMl2+MSv8tJeBoRyeOljbgJPL5WwHR53pTN2WgAdPXp0CR1vpWMfQNSvPUeZ3pKCB0AfAtjv0ZqMrUHiXQ/s78GDB4tx/K+hyWvEl56G5/gMQqFwS/T4MjPce4l0SvJAgHCMcxngR/SgQdSeYcwxmq9RzwD1j927d+/avn37sO2RNG6qoBfJ8uNl6l9QG9g1gJSUBYjSpovZ80X84xG1SRXuC9CBAwfKma1eYYA8BwodmdYozyDdkD/xJg6lGuDTLEfzNzP+q2hNLryaCG4CoVz5Zuq+htZ/nIpPZyJ96jVL5OXlfZdO8qik/3hwDcmp81+NVHDE5/Lly/8KIC/A6x3ksOWIKAFi+RKs43faO6qwv5ASoIKCgq/zwOOAYMt1qNmu8nTeDv0tyP+7v05HUtnKlStPw+8PAAKsuvEG0Qi8WwQ4WcGCpqamV1Lx3C9A+J0n6WStHqIDwQ3BsG1iiMnn/Hk0gOOE1nYDGX4mYBBDwmhRq9lYTSDet/FZy1z7MO0D0K5du6I8vIVZSZ3FSAuQHoFDlBPe+yDHFh5gpKSZ1t9Gjj8KGHgykJw2iSLqL+RWevPbB6CZM2eu5YHPJACRZxNIFlHR88xW7/TuZLTkn3nmmdfg9QDRZmPkkjJEkSsHgOYWFRW92FuWJIAuX748lgc28EBgVoBFUY/yjWjV6yNlKu8tSDp5ZOgBCC1ZahNaQ1F8IldCdWfPni0M95UEUH19/SoqdS4cmJWeU574Dg7PdtvhDkZbuqKi4i4y/RwwTHZoHKH48qWUY9znwzIFAGmnTON1RJmVXL5AibH3irAWusSUqaPNrAg47XeR7ShapJW1RQQzs4O+hC/S0sZCABC5BTSWernZyvyPfBGd7Yk3z56/yPVr5LL9GjrhcBBI5fiiTU5SV6HN5hKBIZNSpIFF0lUgfsU9kC0UmY4hm44+nOaERdviMgYQzrmEjeYMzEoW1gNYMTlnZaD7XONso8j7B0R0u35N8dqzKa5ndT1J8hpADQ0NC2hoO11pkcAhaG3QXFVVdUkNszG0tra+j7x1aJJz1LaQRFaPI+BnJbMzsSeVARAtBM20SMsXndqyZUtGTwI1zkgJiV893paoCYykJJqchMs68emzrlHldKLAEUgCSOuebhqeUzqbAzLuFiiYm07SdN4lPATQGuX9zZs3TyYxlmiaQ4WSAqvz3r17N7IZHMnGjHUSedsACVzM1Jw2jWN/ttAHOTmjwKyEjgJtr2Xih7eRDvD8+fM7EPd4HBsZjrkjo/xZ4DNjlQkQVEu1gQ8CuOqRLlym+EN7ziC/mRh9SmlsjwYsc3xmrIkUSmNoYzOXrYMoH9JbE5kSLhP9AEQV0dZDoshu50X0PUdz/3gQNMccHoyGteF8NqdRDt05koj2x8kKLk/kYGI6rzWAwkDx62Wza5jtFI3RJS235HFrIdHxOSCXS3QABVjk5+dn/K5N0PkIS7AhbwYD550NIGWJxZr3TYPIxHBOUiYLHC49MgAx1evugPNBbpqXU9YWLEfXvuydYmIj7N0OKzvag1lweEB9mVgbKpPvKh09efLkWNKf6q+kjpehps3NzcXgEDho8HBDNudgVh3k+gDEIZl+K3okAAKbMch6wKHiKOWf5GBWrSSKXKGo1kOU6fCsIVyerWnkvQcOr/aWj7IWrYMaaFAerqQixvRfStnNcHm2pjmnlpPuo0GS18dJ1wmQcFQF6yAB9EgETjRsBkNYRwO5fU7x61kH6HBe07wO6y2yeHosaJXliW3btnkc1NteDAetE0alLY/i+DVOe/A7tg+D6pfUx9Uoy7GxReGOHTv89evXR/bv328zmaPIHotS2XLz5s3FgKJFIyS+qqbSr66uvr5z507dO87aILmnTZsWbWtri3BfyLt165bH73+SV2DZUaPOoG9Ii2hsB/Vojo4/uimzo9isRQfBNm3aFH3uuee8c+fORWtqanzFt956y0dxTFls6Qwe1wWKEAtFqd9corXJRpCQzWMy0n1vf/r06RH2n97s2bMjHNj7W7dutSNoE567QJcFTCi48+k87vxNz0ZwJBO+Jsp62Kurq/NmzZrlycT41sTAovr/AHHs2IxJXde+DLOyqy7ol67X9QDeU9kKEFuMXC5PyQd5aFFUaX7m8qdMmWKTleQOzAc/dCG8m6fOzA3gJqNFn802kJjWczCnKDdiPQFTXl6uOwjeokWLIkxOwU9dWklboFEV2365b335F2N9ZD8k6vICqreU8nfjLbPmbx4apIWy7UwnTJhgdN68eaIBQDbvO5FRM033K5QXSKJoUESmx9bjnyzJ5atGfdA9KJxzITOW+RlkiyGj7nrHcNZtaFZwFhaYmKRG3c4BUBtJ23qIChxpESZYsWfPHh2BjOqgH0pxxIVojydQFMvKykxRACeGs+4IC5gEEBczOwHpREJ7DCQA0xYkAkgFJSUlX9TUGO5gNKXFO+ueYnyNyS3Ki/f4jd7y+J4OyRuWqY+wdOKfOXPmGzxU6sxMWqSHtAyggw8BUtdGRl24ePFiMVM6y518LYQNCE1MEqS0tLQT7WnqDVCSBqkhDbRZPShQBJCCyqVFCtjpfD6Jmm2ZUfSHG3QFd+/eLcQK9LuXh6WY7EpLjMbGRp2LJWmPyvsApEI05BbkvMARUALHaRNUG7YV+qhObUdDkO9krzWeaNftkMGo450vCtrkXlw+TPsFSA2uXbumO3z246GOQhQBykxNqBO/wPdjSQdt4Y5HSlozFlebJ7KEkUM2eXEfpjUsbXTkHFu4cGHKo+WUAOleEOb0PrbaGTY3Z3YAlAtoG9CkEbuh5ZZYEVP5JNZ0vrSHXUGEb2ERwZdj9uSLuMHS2J9puRfcx0m7Cke1imah+CXAUsdmowka/I5G2wuskXTdv48Nu36Gk+IZPD4ALOXlFhNj+B1ITwxTijFTaeErYCIzZsyoC695+uPxgQDpIT55nM7Cap3SDG7eWv4JLbKZTYChTf9h8CNoXtI6Qs8MZ9CnFJiUPjrOF48ChiuGdqVZwMgaBBQA1adz7zstgCQg317NgVRoTOU1uNMkUa1CGVwzwRkc3sdqM9yB2bWEl1bGy/IBSCzGRLkgb1SHYiwKu8k3VFZWpnX3IG2AJCxO+QkGX8VbsecAJNCmxDLAQCNdA2PnAWpYbohoCoe9MsbVN/UxpnDtJbX5NMoL7BY40ia+yb8NXymdcu+XOiCA9DC2PYkB18CMbubbEkBMobbu2rDMrYc3KX9UC1NVTLM1mf7GgyE9tLpYGkNan0+Y+YgXpeHP+BHPOGe7dABINemYlZ5xYcAA6UHNDgy2ijhB5gUzcnyQbu3ZxKABJGZprnw7plddWFh4i91yA2kzU8dEulT7KI5HC3gB4/CJ4+PDxO9zkw4AUn+0CbQbntrR9k9SrXXuN/6gAFKHcoaTJ09+CmFnCRQJLaoAaMHbg/H4EhygBKbytK2HNmACLdAWhO0g3cWNEmvLvQAdXumsZgxvPw//lkeTAvovJK01mPXPs3anW2PKrKQ1ogpKq572jWvWrKllzEHNsIMGyKGO/ZfB8NPY/DjKkrRJgMCgbVlU54CTAEqrTMEksZTNjCY8GtnDTBMTVZUDpXdas5LKAFCr/W5RgcSzHcxm/506depDfaH00AAJKPjz8U2zYHYOgOgigHi24IBQO95ioPauXI36AwhAJHSglakAcuUChb2WAO1Ce2pXrFihD3kHpTXi1YXgRNEVDIbCiLThI2S9guOcAdOzYDLpS2IAERbmo5RQnmeUtPNfUcC1etF0AqDYgR7mqeZdmGMdZqp/tDQoH9ffmBnRoN4dyz9xED6Z8ikwO1HCq400JdG2j7mpjYLTCGhKDUJT4435izNuotv61atXa8vg+k8M8/BkSAAKs3WVf9vFSnYSQkzEZDTrmSd3QEhSmZuoNAdt0B7QNKk/EwME7XmaiHfps2EwM1OYvwelhxygMANg4O3du7eEXxC0TChA2AKEzAMU3QeMAoh+p8I6sU9mNbSjEyDaaNcKtX8bqJ03+Yf2LWG+7pf+H1cNxp97QPvbAAAAAElFTkSuQmCC); background-repeat: no-repeat; background-position: center center; background-size: contain; border-radius: 50%; -webkit-animation: 1s linear 0s infinite normal none running turn; animation: 1s linear 0s infinite normal none running turn } .captcha_message.loadding { background-color: #f4f5f6 } .captcha_message__text { display: inline-block; max-width: 2.66667rem; padding: .13333rem; font-size: .18667rem; color: #fff; text-align: center } .captcha_message.loadding .captcha_message__text { color: #cacaca } .captcha__bar { position: relative; width: 100%; margin-top: .06667rem; overflow: hidden; text-align: center } .captcha_progress_bar { position: absolute; width: 0 } .captcha_progress_bar__text { position: absolute; top: 0; width: 100%; font-size: .16rem; color: transparent; -webkit-user-select: none; -o-user-select: none; user-select: none; background: -webkit-gradient(linear,left top,right top,color-stop(0,var(--textColor)),color-stop(.4,var(--textColor)),color-stop(.5,#fff),color-stop(.6,var(--textColor)),color-stop(1,var(--textColor))); -webkit-background-clip: text; -webkit-animation: slidetounlock 3s infinite; animation: slidetounlock 3s infinite; -webkit-text-fill-color: transparent; -webkit-text-size-adjust: none } .captcha_handler { position: absolute; top: 0; left: 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; margin: .01333rem; cursor: move; background: rgb(255,255,255); html: lang(ar) & { left: unset; right: 0; } } .captcha__actions { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between; min-height: .26667rem; padding: .21333rem .26667rem .26667rem 0; line-height: .26667rem; color: #505050; -webkit-box-pack: justify; -webkit-box-align: center } .captcha__action__text { font-size: .18667rem!important; color: #505050 } .captcha__action { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; text-decoration: none; cursor: pointer } .goFirst { left: 0!important; -webkit-transition: left .5s; transition: left .5s; html: lang(ar) & { left: unset; right: 0 !important; } } .goKeep { -webkit-transition: left .2s; transition: left .2s } .goFirst2 { width: 0!important; -webkit-transition: width .5s; transition: width .5s } @-webkit-keyframes slidetounlock { 0% { background-position: var(--pwidth) 0 } to { background-position: var(--width) 0 } } @keyframes slidetounlock { 0% { background-position: var(--pwidth) 0 } to { background-position: var(--width) 0 } } @-webkit-keyframes slidetounlock2 { 0% { background-position: var(--pwidth) 0 } to { background-position: var(--pwidth) 0 } } @keyframes slidetounlock2 { 0% { background-position: var(--pwidth) 0 } to { background-position: var(--pwidth) 0 } } @-webkit-keyframes turn { 0% { -webkit-transform: rotate(0deg) } 25% { -webkit-transform: rotate(90deg) } 50% { -webkit-transform: rotate(180deg) } 75% { -webkit-transform: rotate(270deg) } to { -webkit-transform: rotate(360deg) } } @keyframes turn { 0% { -webkit-transform: rotate(0deg) } 25% { -webkit-transform: rotate(90deg) } 50% { -webkit-transform: rotate(180deg) } 75% { -webkit-transform: rotate(270deg) } to { -webkit-transform: rotate(360deg) } } .van-toast { word-break: break-word!important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .verifyInput__container { margin-bottom: .8rem; padding: 0 .02667rem } .verifyInput__container-label,.verifyInput__container-input { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .verifyInput__container-label { margin-bottom: .32rem; color: var(--text_color_L1); font-size: .4rem } .verifyInput__container-label svg { width: .64rem; height: .64rem; margin-right: .16rem; color: var(--main-color) } .verifyInput__container-input { position: relative; gap: .24rem; border-radius: .26667rem } .verifyInput__container-input input { width: 99%; height: 1.17333rem; padding: .36rem .34667rem; font-size: .37333rem; border: none; border-radius: .26667rem; background: var(--bg_color_L2); color: var(--text_color_L1) } .verifyInput__container-input input::-webkit-input-placeholder { color: var(--text_color_L3) } .verifyInput__container-input input::placeholder { color: var(--text_color_L3) } .verifyInput__container-input button { position: absolute; right: .26667rem; width: 2.53333rem; height: .93333rem; color: var(--text_color_L4); font-size: .34667rem; border: none; border-radius: 1.92rem; background: var(--main_gradient-color) } .verifyInput__container-input button.inActive { text-shadow: none; color: var(--text_color_L3); background: var(--button_dis_color); pointer-events: none; cursor: not-allowed } .verifyInput__container-tip { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin-top: .24rem; color: var(--norm_red-color) } .verifyInput__container-tip i { font-size: .48rem; margin-inline:.09333rem} .verifyInput__container-tip span { font-size: .32rem } .verifyInput__container-tip span:last-of-type { margin-left: .32rem; color: var(--main-color) } .van-toast { word-break: break-word!important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .passwordInput__container { margin-bottom: .53333rem } .passwordInput__container-label,.passwordInput__container-input { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding: 0 .02667rem } .passwordInput__container-label { margin-bottom: .32rem; color: var(--text_color_L1); font-size: .4rem } .passwordInput__container-label__icon { width: .64rem; height: .64rem; margin-right: .16rem } .passwordInput__container-input { position: relative; gap: .24rem; border-radius: .26667rem } .passwordInput__container-input input { width: 99%; height: 1.17333rem; padding: .36rem .34667rem; font-size: .37333rem; border: none; border-radius: .26667rem; background: var(--bg_color_L2); color: var(--text_color_L1) } .passwordInput__container-input input::-webkit-input-placeholder { color: var(--text_color_L3) } .passwordInput__container-input input::placeholder { color: var(--text_color_L3) } .passwordInput__container-input img { position: absolute; top: 50%; right: .4rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: .53333rem; height: auto } .van-toast { word-break: break-word!important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .RpwdPopup { width: 100%; height: 100%; padding: .45333rem .53333rem .58667rem; background-color: var(--bg_color_L2) } .RpwdPopup-head { height: .53333rem; line-height: .53333rem; font-weight: 700; font-size: .42667rem; color: var(--text_color_L1); text-align: center } .RpwdPopup-topTip { min-height: 1.86667rem; border: .01333rem solid var(--text_color_L3); border-radius: .16rem; line-height: .48rem; padding: .45333rem 0; text-align: center; margin-top: .16rem; margin-bottom: .4rem; word-break: break-all; white-space: normal; color: var(--norm_red-color) } .RpwdPopup-foot { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; gap: .32rem } .RpwdPopup-foot .dialogBtn { width: 7.73333rem; height: 1.06667rem; color: var(--main-color); font-size: .42667rem; text-align: center; border-radius: 9rem; border: .01333rem solid var(--main-color); background: transparent; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .RpwdPopup-foot .dialogBtn>img { width: .64rem; height: .64rem; margin-right: .13333rem } .RpwdPopup-foot .dialogBtn:first-of-type { color: var(--text_color_L4); background: var(--main_gradient-color) } .RpwdPopup-errorTip { height: .48rem; line-height: .48rem; color: var(--norm_red-color) } .RpwdPopup-tip { margin-top: .32rem; padding-left: .22667rem; color: var(--norm_red-color); font-size: .32rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row } .RpwdPopup-tip .tipbg { width: .42667rem; height: .42667rem; background-image: url(/assets/png/hint-f8a7f7d4.png); background-position: center; background-repeat: no-repeat; background-size: contain } .RpwdPopup .gotuserver { width: 6.8rem; height: .90667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin: .37333rem auto .4rem; color: var(--main-color); border: .01333rem solid var(--main-color); border-radius: .53333rem } .RpwdPopup .gotuserver:after { border: 0 } .RpwdPopup .gotuserver svg { width: .64rem; height: .64rem; margin-right: .05333rem } .RpwdPopup .errorTip { text-align: center; line-height: .48rem; margin-bottom: .4rem; min-height: .48rem; width: 100%; color: var(--norm_red-color); word-break: break-all; white-space: normal } .RpwdPopup input { background-color: var(--bg_color_L1) } .van-toast { word-break: break-word!important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .phoneInput__container { margin-bottom: .8rem } .phoneInput__container-label,.phoneInput__container-input { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding: 0 .02667rem } .phoneInput__container-label { margin-bottom: .32rem; color: var(--text_color_L1); font-size: .4rem } .phoneInput__container-label svg { width: .64rem; height: .64rem; margin-right: .16rem; color: var(--main-color) } .phoneInput__container-input { gap: .24rem } .phoneInput__container-input input { width: 80%; height: 1.17333rem; margin-left: 2.66667rem; padding: .36rem .34667rem; color: var(--text_color_L1); font-size: .37333rem; border: none; border-radius: .26667rem; background: var(--bg_color_L2) } html:lang(ar) .phoneInput__container-input input { left: unset; right: .4rem; margin: 0 2.66667rem 0 0 } .phoneInput__container-tips { margin-top: .32rem; padding-left: .22667rem; color: var(--norm_red-color); font-size: .32rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row } .phoneInput__container-tips .tipbg { width: .42667rem; height: .42667rem; background-image: url(/assets/png/hint-f8a7f7d4.png); background-position: center; background-repeat: no-repeat; background-size: contain } .van-toast { word-break: break-word!important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .signIn__container-remember .van-checkbox { display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex } .signIn__container-remember .van-checkbox .van-checkbox__icon { width: .56rem; height: .56rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .signIn__container-remember .van-checkbox .van-checkbox__label { font-size: .32rem; line-height: .56rem } .signIn__container-button { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; width: 100%; margin-top: .76rem } .signIn__container-button button { width: 7.73333rem; height: 1.06667rem; color: var(--text_color_L2); font-size: .48rem; font-weight: 700; letter-spacing: .05333rem; border-radius: 1.06667rem; border: none; background: var(--button_dis_color) } .signIn__container-button .active { background: var(--main_gradient-color); color: var(--text_color_L4) } .signIn__container-button .register { width: 7.73333rem; height: 1.06667rem; color: var(--main-color); font-size: .48rem; background: transparent; border-radius: 1.06667rem; border: .01333rem solid var(--main-color); box-shadow: none; text-shadow: none; margin-top: .53333rem } .signIn__container-button span { margin-top: 1.86667rem; color: var(--main-color); font-size: .32rem } .signIn__container .signIn_footer { display: -webkit-box; display: -webkit-flex; display: flex; margin-top: .77333rem; color: var(--main-color); font-size: .32rem; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .signIn__container .signIn_footer .forgetcon,.signIn__container .signIn_footer .customcon { width: 50%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .signIn__container .signIn_footer .forgetbg { width: 1.06667rem; height: 1.06667rem } .signIn__container .signIn_footer .font24 { margin-top: .21333rem; font-size: .32rem; font-weight: 400; color: var(--text_color_L1); text-align: center } .signIn__container .idlockTip { min-height: .93333rem; font-size: .32rem; line-height: .46667rem; text-align: center; color: var(--text_color_L2); margin-bottom: .8rem; word-wrap: break-word; white-space: normal } .signIn__container .dialogBtn { min-width: 6.66667rem; height: 1.06667rem; color: var(--main-color); font-size: .42667rem; text-align: center; border-radius: 9rem; border: .01333rem solid var(--main-color); background: transparent; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .signIn__container .dialogBtn>img { width: .64rem; height: .64rem; margin-right: .13333rem } .signIn__container .dialogBtn:last-of-type { width: -webkit-fit-content; width: fit-content; color: var(--text_color_L4); background: var(--main_gradient-color) } .signIn__container .dialog__container-footer { -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; flex-direction: column-reverse; height: -webkit-fit-content; height: fit-content } .van-toast { word-break: break-word!important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .verifyInput__container { margin-bottom: .8rem; padding: 0 .02667rem } .verifyInput__container-label,.verifyInput__container-input { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .verifyInput__container-label { margin-bottom: .32rem; color: var(--text_color_L1); font-size: .4rem } .verifyInput__container-label__icon { width: .64rem; height: .64rem; margin-right: .16rem; color: var(--main-color) } .verifyInput__container-input { position: relative; gap: .24rem; border-radius: .26667rem } .verifyInput__container-input input { width: 99%; height: 1.17333rem; padding: .36rem .34667rem; font-size: .37333rem; border: none; border-radius: .26667rem; background-color: var(--bg_color_L2); color: var(--text_color_L1) } .verifyInput__container-input input::-webkit-input-placeholder { color: var(--text_color_L3) } .verifyInput__container-input input::placeholder { color: var(--text_color_L3) } .verifyInput__container-input button { position: absolute; right: .26667rem; width: 2.53333rem; height: .93333rem; color: var(--text_color_L2); font-size: .34667rem; border: none; border-radius: 1.92rem; background: var(--button_dis_color) } .verifyInput__container-input button.inActive { text-shadow: none; background: var(--main_gradient-color); color: var(--text_color_L4); pointer-events: none; cursor: not-allowed } .verifyInput__container-tip { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin-top: .24rem; color: var(--norm_red-color) } .verifyInput__container-tip i { font-size: .48rem; margin-inline:.09333rem} .verifyInput__container-tip span { font-size: .32rem } .verifyInput__container-tip span:last-of-type { margin-left: .32rem; color: var(--main-color) } .van-toast { word-break: break-word!important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .RpwdPopup { width: 100%; height: 100%; padding: .45333rem .53333rem .58667rem; background-color: var(--bg_color_L1) } .RpwdPopup-head { height: .53333rem; line-height: .53333rem; font-weight: 700; font-size: .42667rem; color: var(--text_color_L1); text-align: center } .RpwdPopup-topTip { min-height: 1.86667rem; border: .01333rem solid var(--text_color_L3); border-radius: .16rem; line-height: .48rem; padding: .45333rem 0; text-align: center; margin-top: .16rem; margin-bottom: .4rem; word-break: break-all; white-space: normal; color: var(--norm_red-color) } .RpwdPopup-foot { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; gap: .32rem } .RpwdPopup-foot .dialogBtn { width: 7.73333rem; height: 1.06667rem; color: var(--main-color); font-size: .42667rem; text-align: center; border-radius: 9rem; border: .01333rem solid var(--main-color); background: transparent; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .RpwdPopup-foot .dialogBtn>img { width: .64rem; height: .64rem; margin-right: .13333rem } .RpwdPopup-foot .dialogBtn:first-of-type { color: var(--text_color_L4); background: var(--main_gradient-color) } .RpwdPopup-errorTip { height: .48rem; line-height: .48rem; color: var(--norm_red-color) } .RpwdPopup-tip { margin-top: .32rem; padding-left: .22667rem; color: var(--norm_red-color); font-size: .32rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row } .RpwdPopup-tip .tipbg { width: .42667rem; height: .42667rem; background-image: url(/assets/png/hint-f8a7f7d4.png); background-position: center; background-repeat: no-repeat; background-size: contain } .RpwdPopup .gotuserver { width: 6.8rem; height: .90667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; border: .01333rem solid var(--main-color); border-radius: .45333rem; margin: .37333rem auto .4rem; color: var(--main-color) } .RpwdPopup .gotuserver:after { border: 0 } .RpwdPopup .gotuserver svg { width: .64rem; height: .64rem; margin-right: .05333rem } .RpwdPopup .errorTip { text-align: center; line-height: .48rem; margin-bottom: .4rem; min-height: .48rem; width: 100%; color: var(--norm_red-color); word-break: break-all; white-space: normal } .RpwdPopup input { background-color: var(--bg_color_L1) } .van-toast { word-break: break-word!important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .emailinput__container { margin-bottom: .8rem } .emailinput__container-label,.emailinput__container-input { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding: 0 .02667rem } .emailinput__container-label { margin-bottom: .32rem; color: var(--text_color_L1); font-size: .4rem } .emailinput__container-label svg { color: var(--main-color) } .emailinput__container-label__icon { width: .64rem; height: .64rem; margin-right: .16rem } .emailinput__container-input { gap: .24rem } .emailinput__container-input input { width: 100%; height: 1.17333rem; padding: .36rem .34667rem; color: var(--text_color_L1); font-size: .37333rem; border: none; border-radius: .26667rem; background: var(--bg_color_L2) } .emailinput__container-input input::-webkit-input-placeholder { color: var(--text_color_L3) } .emailinput__container-input input::placeholder { color: var(--text_color_L3) } .emailinput__container-tips { margin-top: .32rem; padding-left: .22667rem; color: var(--norm_red-color); font-size: .32rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row } .emailinput__container-tips .tipbg { width: .42667rem; height: .42667rem; background-image: url(/assets/png/hint-f8a7f7d4.png); background-position: center; background-repeat: no-repeat; background-size: contain } .van-toast { word-break: break-word!important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .signIn__container-remember .van-checkbox { display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex } .signIn__container-remember .van-checkbox .van-checkbox__icon { width: .56rem; height: .56rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .signIn__container-remember .van-checkbox .van-checkbox__label { font-size: .32rem; line-height: .56rem } .signIn__container-button { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; width: 100%; margin-top: .76rem } .signIn__container-button button { width: 7.73333rem; height: 1.06667rem; color: var(--text_color_L2); font-size: .48rem; font-weight: 700; letter-spacing: .05333rem; border-radius: 1.06667rem; border: none; background: var(--button_dis_color) } .signIn__container-button .active { background: var(--main_gradient-color); color: var(--text_color_L4) } .signIn__container-button .register { width: 7.73333rem; height: 1.06667rem; color: var(--main-color); font-size: .48rem; background: transparent; border-radius: 1.06667rem; border: .01333rem solid var(--main-color); box-shadow: none; text-shadow: none; margin-top: .53333rem } .signIn__container-button span { margin-top: 1.86667rem; color: var(--main-color); font-size: .32rem } .signIn__container .signIn_footer { display: -webkit-box; display: -webkit-flex; display: flex; margin-top: .77333rem; color: var(--main-color); font-size: .32rem; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .signIn__container .signIn_footer .forgetcon,.signIn__container .signIn_footer .customcon { width: 50%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .signIn__container .signIn_footer .forgetbg { width: 1.06667rem; height: 1.06667rem } .signIn__container .signIn_footer .font24 { margin-top: .21333rem; font-size: .32rem; font-weight: 400; color: var(--text_color_L1); text-align: center } .idlockTip { min-height: .93333rem; font-size: .32rem; line-height: .46667rem; text-align: center; color: var(--text_color_L2); margin-bottom: .8rem; word-wrap: break-word; white-space: normal } .dialogBtn { width: 6.66667rem; height: 1.06667rem; color: var(--main-color); font-size: .42667rem; text-align: center; border-radius: 9rem; border: .01333rem solid var(--main-color); background: transparent; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .dialogBtn>img { width: .64rem; height: .64rem; margin-right: .13333rem } .dialogBtn:last-of-type { width: -webkit-fit-content; width: fit-content; color: var(--text_color_L4); background: var(--main_gradient-color) } .dialog__container-footer { -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; flex-direction: column-reverse; height: -webkit-fit-content; height: fit-content } .van-toast { word-break: break-word!important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .right { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; font-size: .4rem; color: var(--textW) } .right img { width: .66667rem; height: .66667rem; border-radius: 50%; overflow: hidden; display: block; margin-right: .13333rem } .login__container { height: 100%; overflow-y: scroll; white-space: nowrap; -webkit-overflow-scrolling: touch } .login__container::-webkit-scrollbar { width: 0 } .login__container .van-nav-bar { background-color: #f6f6f6 } .login__container .van-nav-bar .leftArrow { width: .45333rem; height: auto } .login__container .login_container-tab { width: 100%; overflow-x: hidden; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; overflow: hidden; padding: 0 .53333rem } .login__container .login_container-tab .tab { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; padding: .18667rem 0; -webkit-box-align: center; -webkit-align-items: center; align-items: center; border-bottom: .02667rem solid var(--Dividing-line_color); color: var(--text_color_L2); gap: .26667rem; font-size: .4rem; font-weight: 700; line-height: .4rem } .login__container .login_container-tab .tab svg { height: .64rem; width: .64rem } .login__container .login_container-tab .active { color: var(--main-color); border-bottom: .05333rem solid var(--main-color) } .login__container .login_container-tab .basicimg { width: .64rem; height: .64rem; background-position: center; background-repeat: no-repeat; background-size: contain } .login__container-heading { min-height: 2.66667rem; background: var(--light-main_gradient-color, var(--bg_color_L2)); padding: 0 .53333rem } .login__container-heading__title { font-size: .42667rem; font-weight: 700; color: #fff; padding-top: .26667rem } .login__container-heading__subTitle { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; font-size: .29333rem; margin-top: .29333rem; margin-bottom: .53333rem; color: #fff; white-space: normal } .login__container-form { position: relative; margin-top: .74667rem; overflow: hidden; padding-inline:.53333rem;margin-bottom: .74667rem } .login__container-form .tab-content { display: none } .login__container-form .activecontent { display: block } .login__container-form__wrapper { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; gap: .66667rem; width: 100%; height: 100%; box-sizing: content-box } .login__container-form__wrapper>div { -webkit-flex-shrink: 0; flex-shrink: 0; width: 100% } /* ===== assets/css/index-feb919fc.css ===== */ :root { --van-popup-background: #f0f0f5; } .van-toast { word-break: break-word !important; } .cg-default.van-button { box-shadow: 0 0.05333rem #896646; font-weight: 700; font-size: 0.4rem; } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } .cg-default.van-button .van-button__icon > img { height: 80%; } .register__container .tip { margin-top: -0.66667rem; margin-bottom: 0.13333rem; } .register__container .pwdTip { margin-bottom: 0.26667rem; white-space: initial; } .register__container-invitation { padding: 0 0.02667rem; } .register__container-invitation__label, .register__container-invitation__input { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } .register__container-invitation__label { margin-bottom: 0.32rem; color: #fff; font-size: 0.5rem; } .register__container-invitation__label-icon { width: 0.64rem; height: 0.64rem; -webkit-margin-end: 0.16rem; margin-inline-end: 0.16rem; } .register__container-invitation__input input { width: 99%; height: 1.17333rem; padding: 0.36rem 0.34667rem; font-size: 0.37333rem; border: none; border-radius: 0.26667rem; background: #222121; color: #fff; } .register__container-remember { margin-top: 0.84rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } .register__container-remember .van-checkbox { display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; } .register__container-remember .van-checkbox .van-icon-success { color: #fff; } .register__container-remember .van-checkbox .van-checkbox__label { color: #fff; font-size: 0.32rem; } .register__container-remember .van-checkbox .van-checkbox__label span { color: #ff0c0c; font-size: 0.32rem; } .register__container-button { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; width: 100%; margin-block: 0.84rem 1.33333rem; } .register__container-button button { width: 7.73333rem; height: 1.06667rem; color: #fff; font-size: 0.48rem; font-weight: 700; letter-spacing: 0.05333rem; border-radius: 0.58667rem; border: none; background: -webkit-linear-gradient(top, #FFF 0%, #FFF 100%); background: linear-gradient(90deg, #F5B73B 0%, #F5853B 100%); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; } .register__container-button button.disable-btn { background: -webkit-linear-gradient(top, #cfd1df 0%, #c8cada 100%); background: linear-gradient(180deg, #cfd1df 0%, #c8cada 100%); } .register__container-button .login { border: 0.01333rem solid #FFF; text-shadow: none; background: transparent; box-shadow: none; margin-top: 0.53333rem; } .register__container-button .account { font-size: 0.32rem; color: #666; font-weight: 400; } .register__container-button .loginin { font-size: 0.4rem; color: #f0960e; font-weight: 700; -webkit-margin-start: 0.22667rem; margin-inline-start: 0.22667rem; } .register__container-button span { margin-top: 0.32rem; color: #FFF; font-size: 0.32rem; } .register__container-tips { margin-top: -0.26667rem; margin-bottom: 0.16rem; -webkit-padding-start: 0.22667rem; padding-inline-start: 0.22667rem; color: #FFF; font-size: 0.32rem; } .register__container-tip { margin-top: 0.32rem; -webkit-padding-start: 0.22667rem; padding-inline-start: 0.22667rem; color: #ff7172; font-size: 0.32rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; } .register__container-tip .tipbg { width: 0.42667rem; height: 0.42667rem; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMKSURBVHgB5VdNTttAFH5vJlA1LOrewJwgzglIL0CSHX8S3IB0WalgTCp12XCDIlUNXSXhApgTYE6Ab0C6KEjEM69vggKJjROnqTftJzk/9njeN29m3vcNwP8OnKdxx61ZIIs1fmlNINkEaPPtPgL1NUGAKAIdqcu6dxZm7TMTgU5zpyKBXAJyiKCLyMG0DKRU4cMA3koh35BQDgFUuMOKaUNKe1mITCVgRiwKxSMgqgJiS0d3p3Wv24dZhI839gSiS4Q+qbv3095JJdD5vGGLSFwQEY/m3ssSeJL8noVy4PL01LTS79KygdOCA6hW9eDHCSyA80+bDdK4n0YCk8yHab/KErzX3LoBnvjq4fdVyETirhzPpIg3loXiF5P2jCO3eQj2rEbrH9st3jFdlK/d+LMJAib1HLxi5hz+Mkgtebx7ap3mRiWVgIyEyyM6mnfBZUHd+8p9YksCui8SGI4eoFY9aJ9CTtDR8ilPhTMsaHECMBAVLjQ+5AiTBR5kVxRWqgkCCFjiy4ecwdsuMOssQUAgOKgpgJyhQVwD60iCAKfGUjr6CXkjikIktBMEmIK1vLR0C3ljWViE0E8Q4PkPlXpOTW7QgncAJQlooJAEOpAzBOgSz/fTWiuMfrCGX/LXGsyHBmvGXC8Yv8Af3bH/jzDyKQoPN6z5q3lUwhFYwG51pMsjZXzKgCkS583tgJVwl//OFCJTzUbiktUvdI639oxbGpflCS1QgB7PT2O8VKYB5YqLiI3h9YLKvUSYa41rrNr4/QkC9YNvfppsLgpj7Xj0ftyUJPzAk2webzamdWjacUltDa8Z8m0MifGVxh/Gn02xZHjBVvukfthuwQJ4dEPAboiyWbI4iUeL/Sem9NlRpwU3EGkd1D+chTp6VWZ7bQlZvOo1t3chY+Bec2ff+EqeHtLqvjztfJDtYMLZMG6JFyifiogXqvA1RNcgRB8edJ83sy2gUOJwDu+KGoEOhIajdbd9Oavv+Y5mTAQG5vSDJUDhGAHjDiwmFnKqQw7u6+hXL89C9u/hN426mNlP8ERBAAAAAElFTkSuQmCC); background-position: center; background-repeat: no-repeat; background-size: contain; } .red { color: #fff !important; } :root { --van-popup-background: #f0f0f5; } .van-toast { word-break: break-word !important; } .cg-default.van-button { box-shadow: 0 0.05333rem #896646; font-weight: 700; font-size: 0.4rem; } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } .cg-default.van-button .van-button__icon > img { height: 80%; } .register__container .pwdTip { margin-bottom: 0.26667rem; white-space: initial; } .register__container-invitation { padding: 0 0.02667rem; } .register__container-invitation__label, .register__container-invitation__input { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } .register__container-invitation__label { margin-bottom: 0.32rem; color: #666; font-size: 0.4rem; } .register__container-invitation__label-icon { width: 0.64rem; height: 0.64rem; -webkit-margin-end: 0.16rem; margin-inline-end: 0.16rem; } .register__container-invitation__input input { width: 99%; height: 1.17333rem; padding: 0.36rem 0.34667rem; font-size: 0.37333rem; border: none; border-radius: 0.26667rem; } .register__container-remember { margin-top: 0.84rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } .register__container-remember .van-checkbox { display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; } .register__container-remember .van-checkbox .van-checkbox__label { color: #90929e; font-size: 0.32rem; } .register__container-remember .van-checkbox .van-checkbox__label span { color: #FFF; font-size: 0.32rem; } .register__container-button { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; width: 100%; margin-block: 0.84rem 1.33333rem; } .register__container-button button { width: 7.73333rem; height: 1.06667rem; color: #fff; font-size: 0.48rem; font-weight: 700; letter-spacing: 0.05333rem; text-shadow: 0 0.05333rem 0.02667rem rgba(231, 65, 65, 0.5019607843); border-radius: 1.06667rem; border: none; background: -webkit-linear-gradient(top, #FFF 0%, #FFF 100%); background: linear-gradient(180deg, #FFF 0%, #FFF 100%); box-shadow: 0 0.05333rem #896646; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; } .register__container-button button.disable-btn { background: -webkit-linear-gradient(top, #cfd1df 0%, #c8cada 100%); background: linear-gradient(180deg, #cfd1df 0%, #c8cada 100%); box-shadow: 0 0.05333rem #b6bad0; } .register__container-button .login { border: 0.01333rem solid #ff7172; text-shadow: none; background: #ffffff; box-shadow: none; margin-top: 0.53333rem; } .register__container-button .account { font-size: 0.32rem; color: #666; font-weight: 400; } .register__container-button .loginin { font-size: 0.4rem; color: #ff7172; font-weight: 700; -webkit-margin-start: 0.22667rem; margin-inline-start: 0.22667rem; } .register__container-button span { margin-top: 0.32rem; color: #ff7172; font-size: 0.32rem; } .register__container-tips { margin-top: -0.26667rem; margin-bottom: 0.16rem; -webkit-padding-start: 0.22667rem; padding-inline-start: 0.22667rem; color: #ff7172; font-size: 0.32rem; } .register__container-tip { margin-top: 0.32rem; -webkit-padding-start: 0.22667rem; padding-inline-start: 0.22667rem; color: #ff7172; font-size: 0.32rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; } .register__container-tip .tipbg { width: 0.42667rem; height: 0.42667rem; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMKSURBVHgB5VdNTttAFH5vJlA1LOrewJwgzglIL0CSHX8S3IB0WalgTCp12XCDIlUNXSXhApgTYE6Ab0C6KEjEM69vggKJjROnqTftJzk/9njeN29m3vcNwP8OnKdxx61ZIIs1fmlNINkEaPPtPgL1NUGAKAIdqcu6dxZm7TMTgU5zpyKBXAJyiKCLyMG0DKRU4cMA3koh35BQDgFUuMOKaUNKe1mITCVgRiwKxSMgqgJiS0d3p3Wv24dZhI839gSiS4Q+qbv3095JJdD5vGGLSFwQEY/m3ssSeJL8noVy4PL01LTS79KygdOCA6hW9eDHCSyA80+bDdK4n0YCk8yHab/KErzX3LoBnvjq4fdVyETirhzPpIg3loXiF5P2jCO3eQj2rEbrH9st3jFdlK/d+LMJAib1HLxi5hz+Mkgtebx7ap3mRiWVgIyEyyM6mnfBZUHd+8p9YksCui8SGI4eoFY9aJ9CTtDR8ilPhTMsaHECMBAVLjQ+5AiTBR5kVxRWqgkCCFjiy4ecwdsuMOssQUAgOKgpgJyhQVwD60iCAKfGUjr6CXkjikIktBMEmIK1vLR0C3ljWViE0E8Q4PkPlXpOTW7QgncAJQlooJAEOpAzBOgSz/fTWiuMfrCGX/LXGsyHBmvGXC8Yv8Af3bH/jzDyKQoPN6z5q3lUwhFYwG51pMsjZXzKgCkS583tgJVwl//OFCJTzUbiktUvdI639oxbGpflCS1QgB7PT2O8VKYB5YqLiI3h9YLKvUSYa41rrNr4/QkC9YNvfppsLgpj7Xj0ftyUJPzAk2webzamdWjacUltDa8Z8m0MifGVxh/Gn02xZHjBVvukfthuwQJ4dEPAboiyWbI4iUeL/Sem9NlRpwU3EGkd1D+chTp6VWZ7bQlZvOo1t3chY+Bec2ff+EqeHtLqvjztfJDtYMLZMG6JFyifiogXqvA1RNcgRB8edJ83sy2gUOJwDu+KGoEOhIajdbd9Oavv+Y5mTAQG5vSDJUDhGAHjDiwmFnKqQw7u6+hXL89C9u/hN426mNlP8ERBAAAAAElFTkSuQmCC); background-position: center; background-repeat: no-repeat; background-size: contain; } .red { color: #ff7172 !important; } :root { --van-popup-background: #f0f0f5; } .van-toast { word-break: break-word !important; } .cg-default.van-button { box-shadow: 0 0.05333rem #896646; font-weight: 700; font-size: 0.4rem; } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } .cg-default.van-button .van-button__icon > img { height: 80%; } .right { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; font-size: 0.4rem; color: #fff; } .right img { width: 0.66667rem; height: 0.66667rem; border-radius: 50%; overflow: hidden; display: block; margin-inline-ende-end: 0.13333rem; } .resgister__C { height: 100%; } .resgister__C .van-nav-bar .leftArrow { width: 0.45333rem; height: auto; } .resgister__C .navbar-fixed .navbar__content .navbar__content-center, .resgister__C .navbar-fixed .navbar__content .navbar__content-left .van-icon { color: #fff !important; } .resgister__C .login_container-tab { width: 100%; overflow-x: hidden; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; overflow: hidden; padding: 10px 0.53333rem; } .resgister__C .login_container-tab .tab { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; padding: 0.18667rem 0; -webkit-box-align: center; -webkit-align-items: center; align-items: center; min-height: 1.86667rem; border-bottom: 0.02667rem solid #ddd; } .resgister__C .login_container-tab .tab .font30 { font-size: 0.4rem; color: #888; text-align: center; -webkit-box-flex: 0; -webkit-flex: none; flex: none; word-break: break-all; white-space: pre-wrap; margin-top: 0.21333rem; } .resgister__C .login_container-tab .active { border-bottom: 0.05333rem solid rgb(240,150,14); } .resgister__C .login_container-tab .active .font30 { color: rgb(240,150,14); font-size: 17px; font-weight: 700; } .resgister__C .login_container-tab .basicimg, .resgister__C .login_container-tab .phoneactive, .resgister__C .login_container-tab .emailactive, .resgister__C .login_container-tab .emialbg, .resgister__C .login_container-tab .phonebg { width: 0.64rem; height: 0.64rem; background-position: center; background-repeat: no-repeat; background-size: contain; } .resgister__C .login_container-tab .phonebg { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIBSURBVHgB7Zo7bsJAEIYHx0jQkS6lj0Bu4CDRwwninCBYQkJUiSsejUmZCqVKSw5gQZmSnCDkBk4FAgH5F1FQeBdvtHhB2k+yFnnGZv7Zh6WdzdEROp2Om8vlnvDTpQzZbrdTy7IGrVbrTeR3JTL2er0GmndcDmUMknaDplapVH6jKPrk+vEMyLyDl4xJInhkbZTP5xsin9VqNcB7ayTBfD6/DoIgTrLZvIfQfWUE5JAECCxuNps/Ip9utxuTJMVi8R7NS5KNK2Cz2ZQQEEniIsDhMR+SBHGUeDab1OLg8ihDpAQgE8+UDQ0M31IaRykBWNICygAMQw9NKgEWXThGgG6MAN0YAboxAnRjBOjGCNCNEaAbI0A3RoBujADdGAG6MQJ0c/ECpLYWWc2AzgzZzd1vOjPMHOAwQ295tm07qPTcYqv8gd2jE6C6wLGrLi4Wi7uDmhYrOU3DMBwtl8sx7GVSyCl6oJ5UkPN9P0bZqs7qaKQQ1QIm7XZ7xjMyG+shUohSAQguTXZnpBClAjBhnRRuaXzS/ycphE1QdjSBZ99/CF1SiPJJjEk6TPpiH1T+pRENTe4yWigU2LIXpi13HrALtN/vD9br9df+novh9fiPd+3Acx88m7AUj6x5LKOkEVabFpV3hadVoiiaVqtVlkV2csShbJngu+Fj6X0VOf0Bnb6jYT8x8UsAAAAASUVORK5CYII=); } .resgister__C .login_container-tab .emialbg { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAANHSURBVHgB7VnLjeJAFGw8EoIbIRDCTAS7ZLBEMBDB4gu/C3Dge4GNgNkIYCNAG8EQAhksJ0BIwFZZbtQ2BrfNzyO5JDTd7W5c1Z9XrxkhYsSIESPGFUjIQrfbbSYSiXcUsyLCOBwOc/z5U6vVmqwb8sHLy8sUAjIi4jAMI0uusp7o9Xrj9XpttlqtJVYhCxEzEd1VWGAFcpj9BblCzE+uQCGVSs0ajUaGD9iBHUX04CDPiUa9ZG0hVF7dItA2FxEB9z12yRu5DQaDV3WXHM+AW0QymaSIqXg+PjabTY5bnOQhxrHFeQYOam+qlQNY7/f7Qy6VeALw3hEm02QZ26aACR27+xjuBnUlWK9UKibamuLB4DsleUxiyYs8YZwZ7BbRerCIEt/JAv0JKzE819E498BLBL6oiPaluBP43fgUqtXqL9axvUeoNy6OcZ8BN9xnggdpv99PxI29wiafK5fLc04aJm9kZwYXYWh8sWMl+II7eMUCk/KmkJ/pkCd8BRBuETc2PIdBpdPpT75Pd7CWAOKciGsMTzWosGmMtgDCSwQND0R+i+BwGFTYHMz3EHvBfbAJxOoG2pua41WD+o6kbIK2UJlwoBWQ4Epgr07UNl2vUA3KImAYw7DkrfEiJPDipruNIhBNzAvDjgYlYedcoc9RWAElhLy/skKr73Q6P1iu1+uM33nV8NwGxf7tdtuKNKZpLq8REVgAt4AkQkir5z6GCCvpwyzzdifD7IJltFkHne5q95/dQkSgQ0zy6haw79EOqwe5lryvqvByV/TlKllhlPXhcJjZbre8qNzeB4APP/IE2/hMnJI/cVfewRk+6QGsh1kJLQEMm9g2RYV84VKSxWe8R9h9/dw1e40IHQELxnzhJD/2G8RLEET8w17/FP4GFVqEnwArXZCGpUtegvE9QIw/EYGQnBc++dYlAccki5Wg5EPCIUInaTx3I1ti6fMPJi8RSISngN1uV2RuzvKDyUtoi/C61DfhptbPKU8iL6ElwiFANaonk5fwFXEUwBQ3YuQlLoqQPy1OZYprXy6iQl7CUwQ+0wQdc7VatdSf7q7Jz+8MR2gnjv/g+ALkJRwi1DPwbmeHUccCHvVNxIgRI0Yk8B/jXmlqMD7YrgAAAABJRU5ErkJggg==); } .resgister__C .login_container-tab .emailactive { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAN9SURBVHgB7VhNctowFH4SJGuOwBHIDcIBOq13DelMyQmSLDttGiUk02XoCUpn2iQ7k6R7eoNwBG5QVpkpYCnvCYvYBuM/Al742yDZkvV96Ol9zwYoUKBAgQIZwEzjodU4lQyaoKAK+UafA3TfnFyfUYebqxMOd6BYBXIPVtVcTe/+Yv+HM9k6tkRnaIv3VV7mvdzuAoOBLMm69el2YItmtcTHh1wp1eSlUQ8vVCxxO5ATWaeBkDcEyPPyqKeYOjIhVJsTAawP+UFfTp52NPnLZo3ImyjhnkF+Ec5WHU94FzYMCeyndJ7qlugONXk59oU4u2s1VGBOXzrbdToT1MH7bfw5hA1AAny3Tq6PqP3nYu+jo1gnOIYvmDfbCeq8xQfgg85gzaA1DXlM8YeLyBN4yHyfCHyQWKcIydQxrUlt7U8A7bCxfMlz5kUoOMCoG8KrgQ2lkgfWlxtN+P58/wrJi6UzFpyBIHxnwr5s1LgCe/VegeS5qlufr/v0p5XK4ytK8VGzOETDvxO4wMq9gnJ82dkx5Gm9OOQJcQQQ/CJWaXjzBvVI68WdHlcAYbGIbIb3YlCuuyYNzSQCCPMi0PDIbCAh5gwqBXlCnEO8CL6DTbBbDYH/xmmcyV6Demh92JWgbACVqhJOugMGNc7/+8qMuF7hNahpX12lJU9IKwDNpiSC17QINKHwOS8GNbuGIZjlHKUSMCXy66/pk9Xbrb131CYTksAtv+H5DUqPRz/R4zEMs4hILECHgEvEJaOtngOz78/3dGiguC6Zkk6zlCbJoL7eduie665tLqG3ChGJDrEbvyJAXnjH4D8izPuqFyHuOpTlbUyjnYEZw0tYLoNavQ9Q2osiPx0Hgu5BgHyIu1a4g2n5W7NKnTQ7EVdA3zr53TQdqs2XFVl0j0LFJb/cXTH3ZxERLYBiGA0HPOTDanMfL3xfvWvt/8OQeIw0qAwieCR5qlPQLZOQ9zCrxM7xC0U4VlS9FS7AU2RRNzn5FJgTEV00hgjAvM3AWit5g4QiFgqQgKaDtTm110reIIGIOQHTXH+j65yNkDeIKcInwGtUGyVvEEPETIBb4gpq54K8QYQILYC+wJkSl14uckPeIEQE49ClWqiNRiV8n+4y1OevCp3a8UXKrZ2ml1zknrxBQMTsDHA5agJTr/jRajVgwAal8WgXChQoUCAXeAaFeLKC2QMu/AAAAABJRU5ErkJggg==); } .resgister__C .login_container-tab .phoneactive { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIdSURBVHgB7ZpPbtNAFMa/NzZdhxMQbhBO0HCBUu8gVMKcIGXJosWQSF2WnKBdtd3FaRcswxFyA8IJaDdIJPF7jAFVKHT8B009rTQ/KVHkeUnm5+fxwt8QSrgY7HQF8k6/umiWGQlGW/snx0VFVDR4Mej1GfgIh5DIm639U+McjALjJG6rcDGFoI2qCCb8gHeLSgJWh8LYRg0423gYJceXN42Fpi8FwaojdSavIYVv0duzeVHNZPDiqqTx/84l/BHDcCUYBTLhlqr3P7oB6J4Pe0clNZv5W63fFWqZxkLYRHdMzy1Gg9QVeI9GoL4+G60qlbUEnu2dJGiAybD3SnezkoDCPccLuMYLuMYLuMYLuMYLuMYLuMYLuMYLuMYLuMYLuMYLuMYLuObeC9R6tPjp4HkbDbDIqtfWElis1BfcMfwauBHCnAWvOeTHrPAk/5wfwy1gN+D4zYxX359GSfp3pjXTmVuqguVUP/fvwCLWO6DPerQ2+V/kIR1nWaTbcwmLWBUgos9FIV+UnM117DaDRawKCMtVaQ34Kyxi9xIielRaAlVaUwfLa0A648FO1zSah+e2tyxYX8SK+Gh8ELfXj18n//8BkRgXvvk2yhspguVh1bjzGp0Vq2wxPR++HJHQnwXLm4zlbtXkcZ0skNQ0VpjFjz/0Yp3WFybvtw3rbDoqiHdLNxPoa3o7IOmLNLvdJr8lZ8KjaO80Lar7CY2ury92lhT6AAAAAElFTkSuQmCC); } .resgister__C-heading { min-height: 107px; padding-bottom: 0.13333rem; background: linear-gradient(90deg, #F5B73B 0%, #F5853B 100%); } .resgister__C-heading__title { font-size: 17px; font-weight: 700; color: #fff; -webkit-margin-start: 0.53333rem; margin-inline-start: 0.53333rem; padding-top: 0.26667rem; } .resgister__C-heading__subTitle { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; font-size: 13px; margin-top: 0.29333rem; -webkit-margin-start: 0.53333rem; margin-inline-start: 0.53333rem; margin-bottom: 0.53333rem; color: #fff; white-space: normal; } .resgister__C-form { position: relative; margin-top: 0.74667rem; overflow: hidden; padding-inline: 0.53333rem; } .resgister__C-form .tab-content { display: none; } .resgister__C-form .activecontent { display: block; } .resgister__C-form__wrapper { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; gap: 0.66667rem; width: 100%; height: 100%; box-sizing: content-box; -webkit-transform: translate3d(0, 0, 0); transform: translateZ(0); -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0s; transition-duration: 0s; } .resgister__C-form__wrapper > div { -webkit-flex-shrink: 0; flex-shrink: 0; width: 100%; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* ===== assets/css/index-fe6b4bd4.css ===== */ :root { --van-popup-background: #f0f0f5; } .van-toast { word-break: break-word !important; } .cg-default.van-button { box-shadow: 0 0.05333rem #896646; font-weight: 700; font-size: 0.4rem; } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } .cg-default.van-button .van-button__icon > img { height: 80%; } .register__container-remember { margin-top: 0.84rem; } .register__container-remember .van-checkbox { display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; } .register__container-remember .van-checkbox .van-checkbox__label { color: #90929e; font-size: 0.32rem; line-height: 0.56rem; } .register__container-remember .van-checkbox .van-checkbox__label span { color: #b1835a; font-size: 0.32rem; } .register__container-button { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; width: 100%; margin-block: 0.84rem 1.33333rem; } .register__container-button button { width: 7.73333rem; height: 1.06667rem; color: #fff; font-size: 0.48rem; font-weight: 700; letter-spacing: 0.05333rem; border-radius: 0.58667rem; border: none; background: -webkit-linear-gradient(top, #d9b38c 0%, #b1835a 100%); background: linear-gradient(180deg, #d9b38c 0%, #b1835a 100%); box-shadow: 0 0.05333rem #896646; } .register__container-button button.disable-btn { background: -webkit-linear-gradient(top, #cfd1df 0%, #c8cada 100%); background: linear-gradient(180deg, #cfd1df 0%, #c8cada 100%); } .register__container-button span { margin-top: 0.32rem; color: #b1835a; font-size: 0.32rem; } .register__container-tips { margin-top: -0.26667rem; margin-bottom: 0.16rem; -webkit-padding-start: 0.22667rem; padding-inline-start: 0.22667rem; color: #b1835a; font-size: 0.32rem; } .register__container-tip { margin-top: 0.32rem; -webkit-padding-start: 0.22667rem; padding-inline-start: 0.22667rem; color: #ff7172; font-size: 0.32rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; } .register__container-tip .tipbg { width: 0.42667rem; height: 0.42667rem; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMKSURBVHgB5VdNTttAFH5vJlA1LOrewJwgzglIL0CSHX8S3IB0WalgTCp12XCDIlUNXSXhApgTYE6Ab0C6KEjEM69vggKJjROnqTftJzk/9njeN29m3vcNwP8OnKdxx61ZIIs1fmlNINkEaPPtPgL1NUGAKAIdqcu6dxZm7TMTgU5zpyKBXAJyiKCLyMG0DKRU4cMA3koh35BQDgFUuMOKaUNKe1mITCVgRiwKxSMgqgJiS0d3p3Wv24dZhI839gSiS4Q+qbv3095JJdD5vGGLSFwQEY/m3ssSeJL8noVy4PL01LTS79KygdOCA6hW9eDHCSyA80+bDdK4n0YCk8yHab/KErzX3LoBnvjq4fdVyETirhzPpIg3loXiF5P2jCO3eQj2rEbrH9st3jFdlK/d+LMJAib1HLxi5hz+Mkgtebx7ap3mRiWVgIyEyyM6mnfBZUHd+8p9YksCui8SGI4eoFY9aJ9CTtDR8ilPhTMsaHECMBAVLjQ+5AiTBR5kVxRWqgkCCFjiy4ecwdsuMOssQUAgOKgpgJyhQVwD60iCAKfGUjr6CXkjikIktBMEmIK1vLR0C3ljWViE0E8Q4PkPlXpOTW7QgncAJQlooJAEOpAzBOgSz/fTWiuMfrCGX/LXGsyHBmvGXC8Yv8Af3bH/jzDyKQoPN6z5q3lUwhFYwG51pMsjZXzKgCkS583tgJVwl//OFCJTzUbiktUvdI639oxbGpflCS1QgB7PT2O8VKYB5YqLiI3h9YLKvUSYa41rrNr4/QkC9YNvfppsLgpj7Xj0ftyUJPzAk2webzamdWjacUltDa8Z8m0MifGVxh/Gn02xZHjBVvukfthuwQJ4dEPAboiyWbI4iUeL/Sem9NlRpwU3EGkd1D+chTp6VWZ7bQlZvOo1t3chY+Bec2ff+EqeHtLqvjztfJDtYMLZMG6JFyifiogXqvA1RNcgRB8edJ83sy2gUOJwDu+KGoEOhIajdbd9Oavv+Y5mTAQG5vSDJUDhGAHjDiwmFnKqQw7u6+hXL89C9u/hN426mNlP8ERBAAAAAElFTkSuQmCC); background-position: center; background-repeat: no-repeat; background-size: contain; } :root { --van-popup-background: #f0f0f5; } .van-toast { word-break: break-word !important; } .cg-default.van-button { box-shadow: 0 0.05333rem #896646; font-weight: 700; font-size: 0.4rem; } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } .cg-default.van-button .van-button__icon > img { height: 80%; } .register__container-remember { margin-top: 0.84rem; } .register__container-remember .van-checkbox { display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; } .register__container-remember .van-checkbox .van-checkbox__label { color: #90929e; font-size: 0.32rem; line-height: 0.56rem; } .register__container-remember .van-checkbox .van-checkbox__label span { color: #b1835a; font-size: 0.32rem; } .register__container-button { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; width: 100%; margin-block: 0.84rem 1.33333rem; } .register__container-button button { width: 7.73333rem; height: 1.06667rem; color: #fff; font-size: 0.48rem; font-weight: 700; letter-spacing: 0.05333rem; text-shadow: 0 0.05333rem 0.02667rem rgba(231, 65, 65, 0.5019607843); border-radius: 1.06667rem; border: none; background: -webkit-linear-gradient(top, #d9b38c 0%, #b1835a 100%); background: linear-gradient(180deg, #d9b38c 0%, #b1835a 100%); box-shadow: 0 0.05333rem #896646; } .register__container-button button.disable-btn { background: -webkit-linear-gradient(top, #cfd1df 0%, #c8cada 100%); background: linear-gradient(180deg, #cfd1df 0%, #c8cada 100%); box-shadow: 0 0.05333rem #b6bad0; } .register__container-button span { margin-top: 0.32rem; color: #ff7172; font-size: 0.32rem; } .register__container-tips { margin-top: -0.26667rem; margin-bottom: 0.16rem; -webkit-padding-start: 0.22667rem; padding-inline-start: 0.22667rem; color: #ff7172; font-size: 0.32rem; } .register__container-tip { margin-top: 0.32rem; -webkit-padding-start: 0.22667rem; padding-inline-start: 0.22667rem; color: #ff7172; font-size: 0.32rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; } .register__container-tip .tipbg { width: 0.42667rem; height: 0.42667rem; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMKSURBVHgB5VdNTttAFH5vJlA1LOrewJwgzglIL0CSHX8S3IB0WalgTCp12XCDIlUNXSXhApgTYE6Ab0C6KEjEM69vggKJjROnqTftJzk/9njeN29m3vcNwP8OnKdxx61ZIIs1fmlNINkEaPPtPgL1NUGAKAIdqcu6dxZm7TMTgU5zpyKBXAJyiKCLyMG0DKRU4cMA3koh35BQDgFUuMOKaUNKe1mITCVgRiwKxSMgqgJiS0d3p3Wv24dZhI839gSiS4Q+qbv3095JJdD5vGGLSFwQEY/m3ssSeJL8noVy4PL01LTS79KygdOCA6hW9eDHCSyA80+bDdK4n0YCk8yHab/KErzX3LoBnvjq4fdVyETirhzPpIg3loXiF5P2jCO3eQj2rEbrH9st3jFdlK/d+LMJAib1HLxi5hz+Mkgtebx7ap3mRiWVgIyEyyM6mnfBZUHd+8p9YksCui8SGI4eoFY9aJ9CTtDR8ilPhTMsaHECMBAVLjQ+5AiTBR5kVxRWqgkCCFjiy4ecwdsuMOssQUAgOKgpgJyhQVwD60iCAKfGUjr6CXkjikIktBMEmIK1vLR0C3ljWViE0E8Q4PkPlXpOTW7QgncAJQlooJAEOpAzBOgSz/fTWiuMfrCGX/LXGsyHBmvGXC8Yv8Af3bH/jzDyKQoPN6z5q3lUwhFYwG51pMsjZXzKgCkS583tgJVwl//OFCJTzUbiktUvdI639oxbGpflCS1QgB7PT2O8VKYB5YqLiI3h9YLKvUSYa41rrNr4/QkC9YNvfppsLgpj7Xj0ftyUJPzAk2webzamdWjacUltDa8Z8m0MifGVxh/Gn02xZHjBVvukfthuwQJ4dEPAboiyWbI4iUeL/Sem9NlRpwU3EGkd1D+chTp6VWZ7bQlZvOo1t3chY+Bec2ff+EqeHtLqvjztfJDtYMLZMG6JFyifiogXqvA1RNcgRB8edJ83sy2gUOJwDu+KGoEOhIajdbd9Oavv+Y5mTAQG5vSDJUDhGAHjDiwmFnKqQw7u6+hXL89C9u/hN426mNlP8ERBAAAAAElFTkSuQmCC); background-position: center; background-repeat: no-repeat; background-size: contain; } :root { --van-popup-background: #f0f0f5; } .van-toast { word-break: break-word !important; } .cg-default.van-button { box-shadow: 0 0.05333rem #896646; font-weight: 700; font-size: 0.4rem; } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } .cg-default.van-button .van-button__icon > img { height: 80%; } .rpwd__C { height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; } .rpwd__C .van-nav-bar .leftArrow { width: 0.45333rem; height: auto; } .rpwd__C .navbar-fixed { background: -webkit-linear-gradient( left, #b1835a 0%, #d9b38c 100% ) !important; background: linear-gradient(90deg, #b1835a 0%, #d9b38c 100%) !important; } .rpwd__C .navbar-fixed .navbar__content .navbar__content-center, .rpwd__C .navbar-fixed .navbar__content .navbar__content-left .van-icon { color: #fff !important; } .rpwd__C .login_container-tab { width: 100%; overflow-x: hidden; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; margin-top: 0.4rem; padding: 0 0.53333rem; } .rpwd__C .login_container-tab .tab { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; padding: 0.18667rem 0; -webkit-box-align: center; -webkit-align-items: center; align-items: center; min-height: 1.86667rem; border-bottom: 0.02667rem solid #ddd; } .rpwd__C .login_container-tab .tab .font30 { font-size: 0.4rem; color: #888; text-align: center; -webkit-box-flex: 0; -webkit-flex: none; flex: none; word-break: break-all; white-space: pre-wrap; } .rpwd__C .login_container-tab .active { border-bottom: 0.05333rem solid #b1835a; } .rpwd__C .login_container-tab .active .font30 { color: #b1835a; } .rpwd__C .login_container-tab .basicimg, .rpwd__C .login_container-tab .phoneactive, .rpwd__C .login_container-tab .emailactive, .rpwd__C .login_container-tab .emialbg, .rpwd__C .login_container-tab .phonebg { width: 0.64rem; height: 0.64rem; background-position: center; background-repeat: no-repeat; background-size: contain; } .rpwd__C .login_container-tab .phonebg { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIBSURBVHgB7Zo7bsJAEIYHx0jQkS6lj0Bu4CDRwwninCBYQkJUiSsejUmZCqVKSw5gQZmSnCDkBk4FAgH5F1FQeBdvtHhB2k+yFnnGZv7Zh6WdzdEROp2Om8vlnvDTpQzZbrdTy7IGrVbrTeR3JTL2er0GmndcDmUMknaDplapVH6jKPrk+vEMyLyDl4xJInhkbZTP5xsin9VqNcB7ayTBfD6/DoIgTrLZvIfQfWUE5JAECCxuNps/Ip9utxuTJMVi8R7NS5KNK2Cz2ZQQEEniIsDhMR+SBHGUeDab1OLg8ihDpAQgE8+UDQ0M31IaRykBWNICygAMQw9NKgEWXThGgG6MAN0YAboxAnRjBOjGCNCNEaAbI0A3RoBujADdGAG6MQJ0c/ECpLYWWc2AzgzZzd1vOjPMHOAwQ295tm07qPTcYqv8gd2jE6C6wLGrLi4Wi7uDmhYrOU3DMBwtl8sx7GVSyCl6oJ5UkPN9P0bZqs7qaKQQ1QIm7XZ7xjMyG+shUohSAQguTXZnpBClAjBhnRRuaXzS/ycphE1QdjSBZ99/CF1SiPJJjEk6TPpiH1T+pRENTe4yWigU2LIXpi13HrALtN/vD9br9df+novh9fiPd+3Acx88m7AUj6x5LKOkEVabFpV3hadVoiiaVqtVlkV2csShbJngu+Fj6X0VOf0Bnb6jYT8x8UsAAAAASUVORK5CYII=); } .rpwd__C .login_container-tab .emialbg { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAANHSURBVHgB7VnLjeJAFGw8EoIbIRDCTAS7ZLBEMBDB4gu/C3Dge4GNgNkIYCNAG8EQAhksJ0BIwFZZbtQ2BrfNzyO5JDTd7W5c1Z9XrxkhYsSIESPGFUjIQrfbbSYSiXcUsyLCOBwOc/z5U6vVmqwb8sHLy8sUAjIi4jAMI0uusp7o9Xrj9XpttlqtJVYhCxEzEd1VWGAFcpj9BblCzE+uQCGVSs0ajUaGD9iBHUX04CDPiUa9ZG0hVF7dItA2FxEB9z12yRu5DQaDV3WXHM+AW0QymaSIqXg+PjabTY5bnOQhxrHFeQYOam+qlQNY7/f7Qy6VeALw3hEm02QZ26aACR27+xjuBnUlWK9UKibamuLB4DsleUxiyYs8YZwZ7BbRerCIEt/JAv0JKzE819E498BLBL6oiPaluBP43fgUqtXqL9axvUeoNy6OcZ8BN9xnggdpv99PxI29wiafK5fLc04aJm9kZwYXYWh8sWMl+II7eMUCk/KmkJ/pkCd8BRBuETc2PIdBpdPpT75Pd7CWAOKciGsMTzWosGmMtgDCSwQND0R+i+BwGFTYHMz3EHvBfbAJxOoG2pua41WD+o6kbIK2UJlwoBWQ4Epgr07UNl2vUA3KImAYw7DkrfEiJPDipruNIhBNzAvDjgYlYedcoc9RWAElhLy/skKr73Q6P1iu1+uM33nV8NwGxf7tdtuKNKZpLq8REVgAt4AkQkir5z6GCCvpwyzzdifD7IJltFkHne5q95/dQkSgQ0zy6haw79EOqwe5lryvqvByV/TlKllhlPXhcJjZbre8qNzeB4APP/IE2/hMnJI/cVfewRk+6QGsh1kJLQEMm9g2RYV84VKSxWe8R9h9/dw1e40IHQELxnzhJD/2G8RLEET8w17/FP4GFVqEnwArXZCGpUtegvE9QIw/EYGQnBc++dYlAccki5Wg5EPCIUInaTx3I1ti6fMPJi8RSISngN1uV2RuzvKDyUtoi/C61DfhptbPKU8iL6ElwiFANaonk5fwFXEUwBQ3YuQlLoqQPy1OZYprXy6iQl7CUwQ+0wQdc7VatdSf7q7Jz+8MR2gnjv/g+ALkJRwi1DPwbmeHUccCHvVNxIgRI0Yk8B/jXmlqMD7YrgAAAABJRU5ErkJggg==); } .rpwd__C .login_container-tab .emailactive { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAN9SURBVHgB7VhNctowFH4SJGuOwBHIDcIBOq13DelMyQmSLDttGiUk02XoCUpn2iQ7k6R7eoNwBG5QVpkpYCnvCYvYBuM/Al742yDZkvV96Ol9zwYoUKBAgQIZwEzjodU4lQyaoKAK+UafA3TfnFyfUYebqxMOd6BYBXIPVtVcTe/+Yv+HM9k6tkRnaIv3VV7mvdzuAoOBLMm69el2YItmtcTHh1wp1eSlUQ8vVCxxO5ATWaeBkDcEyPPyqKeYOjIhVJsTAawP+UFfTp52NPnLZo3ImyjhnkF+Ec5WHU94FzYMCeyndJ7qlugONXk59oU4u2s1VGBOXzrbdToT1MH7bfw5hA1AAny3Tq6PqP3nYu+jo1gnOIYvmDfbCeq8xQfgg85gzaA1DXlM8YeLyBN4yHyfCHyQWKcIydQxrUlt7U8A7bCxfMlz5kUoOMCoG8KrgQ2lkgfWlxtN+P58/wrJi6UzFpyBIHxnwr5s1LgCe/VegeS5qlufr/v0p5XK4ytK8VGzOETDvxO4wMq9gnJ82dkx5Gm9OOQJcQQQ/CJWaXjzBvVI68WdHlcAYbGIbIb3YlCuuyYNzSQCCPMi0PDIbCAh5gwqBXlCnEO8CL6DTbBbDYH/xmmcyV6Demh92JWgbACVqhJOugMGNc7/+8qMuF7hNahpX12lJU9IKwDNpiSC17QINKHwOS8GNbuGIZjlHKUSMCXy66/pk9Xbrb131CYTksAtv+H5DUqPRz/R4zEMs4hILECHgEvEJaOtngOz78/3dGiguC6Zkk6zlCbJoL7eduie665tLqG3ChGJDrEbvyJAXnjH4D8izPuqFyHuOpTlbUyjnYEZw0tYLoNavQ9Q2osiPx0Hgu5BgHyIu1a4g2n5W7NKnTQ7EVdA3zr53TQdqs2XFVl0j0LFJb/cXTH3ZxERLYBiGA0HPOTDanMfL3xfvWvt/8OQeIw0qAwieCR5qlPQLZOQ9zCrxM7xC0U4VlS9FS7AU2RRNzn5FJgTEV00hgjAvM3AWit5g4QiFgqQgKaDtTm110reIIGIOQHTXH+j65yNkDeIKcInwGtUGyVvEEPETIBb4gpq54K8QYQILYC+wJkSl14uckPeIEQE49ClWqiNRiV8n+4y1OevCp3a8UXKrZ2ml1zknrxBQMTsDHA5agJTr/jRajVgwAal8WgXChQoUCAXeAaFeLKC2QMu/AAAAABJRU5ErkJggg==); } .rpwd__C .login_container-tab .phoneactive { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIdSURBVHgB7ZpPbtNAFMa/NzZdhxMQbhBO0HCBUu8gVMKcIGXJosWQSF2WnKBdtd3FaRcswxFyA8IJaDdIJPF7jAFVKHT8B009rTQ/KVHkeUnm5+fxwt8QSrgY7HQF8k6/umiWGQlGW/snx0VFVDR4Mej1GfgIh5DIm639U+McjALjJG6rcDGFoI2qCCb8gHeLSgJWh8LYRg0423gYJceXN42Fpi8FwaojdSavIYVv0duzeVHNZPDiqqTx/84l/BHDcCUYBTLhlqr3P7oB6J4Pe0clNZv5W63fFWqZxkLYRHdMzy1Gg9QVeI9GoL4+G60qlbUEnu2dJGiAybD3SnezkoDCPccLuMYLuMYLuMYLuMYLuMYLuMYLuMYLuMYLuMYLuMYLuMYLuObeC9R6tPjp4HkbDbDIqtfWElis1BfcMfwauBHCnAWvOeTHrPAk/5wfwy1gN+D4zYxX359GSfp3pjXTmVuqguVUP/fvwCLWO6DPerQ2+V/kIR1nWaTbcwmLWBUgos9FIV+UnM117DaDRawKCMtVaQ34Kyxi9xIielRaAlVaUwfLa0A648FO1zSah+e2tyxYX8SK+Gh8ELfXj18n//8BkRgXvvk2yhspguVh1bjzGp0Vq2wxPR++HJHQnwXLm4zlbtXkcZ0skNQ0VpjFjz/0Yp3WFybvtw3rbDoqiHdLNxPoa3o7IOmLNLvdJr8lZ8KjaO80Lar7CY2ury92lhT6AAAAAElFTkSuQmCC); } .rpwd__C-heading { min-height: 1.86667rem; padding-bottom: 0.13333rem; background: -webkit-linear-gradient(left, #b1835a 0%, #d9b38c 100%); background: linear-gradient(90deg, #b1835a 0%, #d9b38c 100%); } .rpwd__C-heading__title { font-size: 0.42667rem; font-weight: 700; color: #fff; -webkit-margin-start: 0.53333rem; margin-inline-start: 0.53333rem; padding-top: 0.26667rem; } .rpwd__C-heading__subTitle { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; font-size: 0.29333rem; margin-top: 0.29333rem; -webkit-margin-start: 0.53333rem; margin-inline-start: 0.53333rem; height: 1.12rem; color: #fff; white-space: normal; } .rpwd__C-form { position: relative; margin-top: 0.74667rem; overflow: hidden; padding-inline: 0.53333rem; } .rpwd__C-form .tab-content { display: none; } .rpwd__C-form .activecontent { display: block; } .rpwd__C-form__wrapper { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; gap: 0.66667rem; width: 100%; height: 100%; box-sizing: content-box; -webkit-transform: translate3d(0, 0, 0); transform: translateZ(0); -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0s; transition-duration: 0s; } .rpwd__C-form__wrapper > div { -webkit-flex-shrink: 0; flex-shrink: 0; width: 100%; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* ===== assets/css/page-activity-4fe5c6bf.css ===== */ .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .progress { width: 100%; position: relative; overflow: hidden } .progress .step { position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translate(-50%) translateY(-50%); color: var(--text_color_L1) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .first_list-item { padding: .26667rem; border-radius: .26667rem; background: var(--bg_color_L2) } .first_list-item .head { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin-bottom: .18667rem } .first_list-item .head .title { font-size: .37333rem; color: var(--text_color_L1) } .first_list-item .head .title>span { color: var(--norm_secondary-color) } .first_list-item .head .orange { font-size: .34667rem; color: var(--norm_secondary-color) } .first_list-item .description { font-size: .29333rem; color: var(--text_color_L2); margin-bottom: .26667rem } .first_list-item .foot { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .first_list-item .foot>div { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1 } .first_list-item .foot .btn { width: 2.13333rem; min-height: .66667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-flex: 0; -webkit-flex: none; flex: none; font-size: .32rem; margin-left: .56rem; border-radius: .13333rem; padding: 0 .13333rem; color: var(--text_color_L4) } .first_list-item .foot .btn.n1 { background: var(--main_gradient-color) } .first_list-item .foot .btn.n1.rule { opacity: 0; pointer-events: none } .first_list-item .foot .btn.n2 { border: .01333rem solid var(--norm_secondary-color); color: var(--norm_secondary-color) } .first_list-item .foot .btn.n2.rule { opacity: 0; pointer-events: none } .first_list-item .foot .btn.n3 { box-shadow: var(--BoxShadowColor-12); background: var(--linearGradien-17) } .first_list-item+.first_list-item { margin-top: .26667rem } .dialog-wrapper { padding: .26667rem 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .dialog-wrapper img { width: 3.73333rem; height: 2.16rem; position: relative; margin-top: -.74667rem } .dialog-wrapper .dialog-title { color: var(--text_color_L1); margin: .4rem 0 .26667rem; font-size: .48rem; font-weight: 700 } .dialog-wrapper .dialog-tips { color: var(--text_color_L2); font-size: .32rem; margin: 0 0 .32rem } .dialog-wrapper .dialog-para { color: var(--text_color_L2); font-size: .32rem } .dialog-wrapper .dialog-btn { width: 5.6rem; height: 1.06667rem; text-align: center; line-height: 1.06667rem; background: var(--main_gradient-color); border-radius: 1.06667rem; font-weight: 700; color: var(--text_color_L4); font-size: .42667rem; margin-top: .53333rem } .dialog-wrapper .dialog-content { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; color: var(--norm_secondary-color) } .dialog-wrapper .dialog-content img { width: .4rem; height: .4rem; margin: 0 .13333rem 0 0 } .dialog-wrapper .dialog-footer { position: relative; bottom: -1.46667rem } .dialog-wrapper .dialog-footer img { width: .8rem; height: .8rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .item { margin-top: .32rem; min-height: 3.72rem; border-radius: .26667rem; position: relative; margin-bottom: .26667rem; overflow: hidden } .item .right { position: absolute; right: .26667rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); min-width: 3.73333rem } .item .right .head { margin-bottom: .13333rem } .item .right .head h1, .item .right .foot h1 { background: -webkit-linear-gradient(left, #ff3134 0%, #f97450 100%); background: linear-gradient(90deg, #ff3134 0%, #f97450 100%); border-radius: .26667rem .26667rem 0 0; color: #fff; font-size: .29333rem; padding: .13333rem .26667rem } .item .right .head>div, .item .right .foot>div { border-radius: 0 0 .26667rem .26667rem; padding: 0 .26667rem; min-height: .66667rem; line-height: .66667rem } .item .right .head>div.time, .item .right .foot>div.time { background: rgba(253, 86, 92, .5); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; color: #fff } .item .right .head>div.time span, .item .right .foot>div.time span { font-size: .48rem; font-weight: 700 } .item .right .head>div.amount, .item .right .foot>div.amount { background: #fff; color: var(--norm_red-color); font-weight: 700; text-align: center } .item .right .head.type2 h1 { border-top: .01333rem solid var(--norm_red-color) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .empty__container { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .empty__container svg { width: 5.17333rem; height: 3.02667rem; margin-top: .4rem; margin-bottom: .24667rem } .empty__container p { color: var(--text_color_L3); font-size: .34667rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .activity-wrapper .activitySection__container { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: .34667rem; width: 100%; padding-left: .32rem; padding-right: .32rem } .activity-wrapper .activitySection__container>.box { width: 100%; border-radius: .26667rem; background: var(--darkBg, var(--bg_color_L2)); overflow: hidden; color: var(--darkTextW, var(--text_color_L1)) } .activity-wrapper .activitySection__container>.box>.box-content { padding: .24rem .32rem; line-height: .32rem } .activity-wrapper .activitySection__container>.box>.box-content .box-title { font-size: .4rem; font-weight: 600; margin-bottom: .13333rem } .activity-wrapper .activitySection__container>.box>.box-content p { font-size: .32rem; color: var(--text_color_L2) } .activity-wrapper .activitySection__container>.box img { width: 100%; height: 3.46667rem } .activity-wrapper .activity-banner { color: #fff; font-size: .32rem; font-style: normal; min-height: 2rem; background: var(--light-main_gradient-color, var(--bg_color_L2)); padding: .32rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .activity-wrapper .activity-banner .banner-title { font-size: .48rem; margin-bottom: .26667rem } .activity-wrapper .activity-banner .banner-para { margin-bottom: .06667rem } .activity-wrapper .activity-panel { padding: .32rem } .activity-wrapper .activity-panel-header { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: self-start; -webkit-align-items: self-start; align-items: self-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .activity-wrapper .activity-panel-header.lg3 { padding: 0 .58667rem } .activity-wrapper .activity-panel-header.lg2 { padding: 0 1.69333rem } .activity-wrapper .activity-panel-header.lg1 { -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .activity-wrapper .activity-panel-header.lg5 { -webkit-flex-wrap: wrap; flex-wrap: wrap } .activity-wrapper .activity-panel-header.lg5 .header-item { width: 2.13333rem; margin-bottom: .26667rem } .activity-wrapper .activity-panel-header .header-item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; color: var(--text_color_L2); width: 1.33333rem; -webkit-box-align: center; -webkit-align-items: center; align-items: center; text-align: center } .activity-wrapper .activity-panel-header .header-item .bgcontainer { width: 1.06667rem; height: 1.06667rem; border-radius: .26667rem; padding: .13333rem; margin-bottom: .29333rem } .activity-wrapper .activity-panel-header .header-item .bgcontainer:after { content: ""; display: block; width: .8rem; height: .8rem; background-repeat: no-repeat; background-position: center; background-size: .8rem } .activity-wrapper .activity-panel-header .header-item .bgcontainer.a1 { background: url(/assets/png/activityReward-66772619.png) no-repeat; background-position: center; background-size: 1.06667rem, 1.06667rem } .activity-wrapper .activity-panel-header .header-item .bgcontainer.a2 { background: url(/assets/png/invitationBonus-aa7acbd3.png) no-repeat; background-position: center; background-size: 1.06667rem, 1.06667rem } .activity-wrapper .activity-panel-header .header-item .bgcontainer.a3 { background: url(/assets/png/BettingRebate-17d35455.png) no-repeat; background-position: center; background-size: 1.06667rem, 1.06667rem } .activity-wrapper .activity-panel-header .header-item .bgcontainer.a4 { background: url(/assets/png/superJackpot-ecb648b4.png) no-repeat; background-position: center; background-size: 1.06667rem, 1.06667rem } .activity-wrapper .activity-panel-header .header-item .bgcontainer.a5 { background: url(/assets/png/memberGift-a0182789.png) no-repeat; background-position: center; background-size: 1.06667rem, 1.06667rem } .activity-wrapper .activity-panel-content { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-top: .26667rem } .activity-wrapper .activity-panel-content .content-title { width: calc((100% - .24rem)/2); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; background: var(--darkBg, var(--bg_color_L2)); border-radius: .13333rem; padding-bottom: .26667rem; box-shadow: var(--BoxShadowColor-35) } .activity-wrapper .activity-panel-content .content-title .content-para { color: var(--darkTextW, var(--text_color_L1)); font-weight: 700; padding: .13333rem .26667rem; font-size: .37333rem } .activity-wrapper .activity-panel-content .content-title p { padding: .06667rem .26667rem; color: var(--text_color_L2) } .activity-wrapper .dialog-wrapper { padding: .26667rem 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .activity-wrapper .dialog-wrapper img { width: 4.6rem; height: 4.6rem; position: relative; margin-top: -2.13333rem } .activity-wrapper .dialog-wrapper .dialog-title { color: var(--text_color_L1); margin-bottom: .13333rem; font-size: .4rem; padding: 0 .16rem } .activity-wrapper .dialog-wrapper .dialog-title span { color: var(--norm_red-color); font-weight: 700; font-size: .48rem } .activity-wrapper .dialog-wrapper .dialog-para { color: var(--text_color_L2); font-size: .32rem; padding: 0 .26667rem } .activity-wrapper .dialog-wrapper .dialog-btn { width: 5.6rem; height: 1.06667rem; text-align: center; line-height: 1.06667rem; background: var(--GradiantBlue, var(--main_gradient-color)); border-radius: 1.06667rem; font-weight: 700; color: var(--text_color_L4); font-size: .42667rem; margin-top: 1.06667rem } .activity-wrapper .dialog-wrapper .dialog-footer { position: relative; bottom: -1.46667rem } .activity-wrapper .dialog-wrapper .dialog-footer img { width: .8rem; height: .8rem } .activity-wrapper .cardBox { padding: 0 .26667rem } .van-dialog.MsgRadius { border-radius: .13333rem } .van-dialog.noOverHidden { overflow: inherit } .nowidth { width: 0; -webkit-box-flex: 0; -webkit-flex: none; flex: none } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .navbar { background-color: var(--bg_color_L2) } .navbar__content-center img { width: 2.9048rem; height: auto } .navbar__content-right img { width: .64rem; height: auto } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .dialog { position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; background: var(--bgcolor-32); -webkit-transition: opacity .15s ease-in-out, visibility .15s ease-in-out; transition: opacity .15s ease-in-out, visibility .15s ease-in-out; z-index: 2004 } .dialog.active { opacity: 1; visibility: visible } .dialog.active .dialog__container { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } .dialog.inactive { opacity: 0; visibility: hidden } .dialog.inactive .dialog__container { -webkit-transform: scale(.3); transform: scale(.3); opacity: 0 } .dialog__container { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; width: 8rem; min-height: 5.33333rem; border-radius: .26667rem; background: var(--bgDark-4, var(--bg_color_L2)); -webkit-transition: opacity .3s, -webkit-transform .3s ease-in-out; transition: opacity .3s, -webkit-transform .3s ease-in-out; transition: opacity .3s, transform .3s ease-in-out; transition: opacity .3s, transform .3s ease-in-out, -webkit-transform .3s ease-in-out; z-index: 2003; padding: .26667rem; border-radius: 20px } .dialog__container .close_img { position: absolute; bottom: -1.06667rem; width: .8rem; height: .8rem } .dialog__container-img svg, .dialog__container-img img { width: 2.24rem; height: 2.24rem; object-fit: contain } .dialog__container-img svg.succed, .dialog__container-img img.succed { width: 3.73333rem; height: 2.16rem; position: relative; margin-top: -.74667rem } .dialog__container-title { margin-top: .34667rem; font-size: .48rem; font-weight: 700; color: var(--text_color_L1) } .dialog__container-content { margin-top: .29333rem; color: var(--text_color_L2); font-size: .32rem; font-weight: 400 } .dialog__container-footer { display: initial; width: 100%; margin-top: .8rem; padding: 0 .26667rem } .dialog__container-footer button { width: 100%; height: 1.06667rem; color: var(--main-color); font-size: .42667rem; text-align: center; border-radius: 9rem; border: .01333rem solid var(--main-color); background: transparent } .dialog__container-footer button:first-of-type { margin-bottom: .26667rem; color: var(--text_color_L4); background: var(--main_gradient-color) } .dialog__outside { position: fixed; top: 0; left: 0; right: 0; bottom: 0; cursor: default; background: rgba(0, 0, 0, .6); z-index: 2002 } .close_img { width: .8rem; height: .8rem; position: absolute; bottom: -1.06667rem; left: 50%; margin-left: -.4rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .dropdown { position: absolute; width: 2.48rem; height: 1.17333rem; color: var(--text_color_L2); text-align: center; line-height: 1.17333rem; background: var(--bg_color_L2); outline: none; border-radius: .26667rem } .dropdown__value { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding-left: .4rem; font-size: .4rem; cursor: pointer } .dropdown__value span { width: .90667rem; height: 1.17333rem } .dropdown__value i { margin-left: .13333rem; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease } .dropdown__value .arrowActive { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .dropdown__list { position: absolute; top: 100%; left: 0; width: 8.61333rem; font-size: .37333rem; height: .26667rem; text-align: start; opacity: 0; border-radius: .13333rem; background-color: var(--bg_color_L2); overflow: hidden; z-index: 1; overflow-y: scroll; -webkit-transition: opacity .2s ease-in-out, height .2s ease-in-out; transition: opacity .2s ease-in-out, height .2s ease-in-out } html:lang(ar) .dropdown__list { left: unset; right: 0 } .dropdown__list::-webkit-scrollbar { width: 0 } .dropdown__list-item { padding-left: .4rem; cursor: pointer } .dropdown__list-item span { display: inline-block; width: 1.33333rem } .dropdown__list-item.active { background: var(--main-color); color: #fff } .dropdown__list.active { height: 5.33333rem; opacity: 1; z-index: 10 } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .active-container .banner { width: 100%; display: block; max-height: 4.8rem } .active-container .active-box { border-radius: .26667rem; padding: .26667rem .34667rem .34667rem; background: var(--bg_color_L2); position: relative; z-index: 2 } .active-container .active-box .title { font-size: .37333rem; font-weight: 600; text-align: center; margin-bottom: .26667rem; color: var(--text_color_L1) } .active-container .active-box img { display: block !important; width: 100% !important } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .infiniteScroll { min-height: 2.66667rem; border-radius: .16rem } .infiniteScroll__loading { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; width: 100%; min-height: 1.17333rem; margin-top: auto; margin-bottom: .4rem; color: var(--text_color_L1); font-size: .37333rem; text-align: center } .infiniteScroll__loading .van-loading { text-align: center; z-index: 999 } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .championship { padding: .26667rem 0 } .championship .tabs { background: var(--light-main-color, var(--bg_color_L3)); display: -webkit-box; display: -webkit-flex; display: flex } .championship .tabs>div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; text-align: center; min-height: 1.6rem; color: var(--text_color_L2); font-size: .4rem; width: 33.3333333333% } .championship .tabs>div.active { font-weight: 900; position: relative; color: var(--text_color_L1) } .championship .tabs>div.active:after { position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translate(-50%); display: block; content: ""; width: 0; height: 0; border-left: .2rem solid transparent; border-right: .2rem solid transparent; border-bottom: .24rem solid var(--text_color_L1) } .championship .item { margin: .26667rem; min-height: auto } .championship .btn { margin: .26667rem; font-size: .4rem; color: var(--text_color_L2); font-weight: 700; letter-spacing: .016rem; background: var(--button_dis_color); text-align: center; border-radius: .66667rem; padding: .2rem 0 } .championship .btn.active { color: var(--text_color_L4); background: var(--main_gradient-color) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .dailySignIn__container { font-family: Inter, sans-serif; padding-bottom: 1.28rem; background: var(--bgColor-67) } .dailySignIn__container .navbar .navbar__content { background: var(--bg_color_L2) } .dailySignIn__container .navbar .navbar__content .navbar__content-left .van-icon, .dailySignIn__container .navbar .navbar__content .navbar__content-title { color: var(--textW) } .dailySignIn__container .greyBtn { -webkit-filter: grayscale(1) !important; filter: grayscale(1) !important } .dailySignIn__container-hero { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; height: 6.13333rem; margin-bottom: .42667rem; padding: 0 .4rem .26667rem; background: url(/assets/png/headerBg-c5504bca.png) no-repeat center/cover, #F54545 no-repeat center/cover } .dailySignIn__container-hero__header { color: #fff } .dailySignIn__container-hero__header h1 { font-size: .53333rem } .dailySignIn__container-hero__header h1:last-of-type { margin-bottom: 0; font-size: .50667rem; font-weight: 700 } .dailySignIn__container-hero__header p { font-size: .32rem; margin-bottom: .37333rem } .dailySignIn__container-hero__header p:first-of-type { width: 5.33333rem; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden } .dailySignIn__container-hero__header p:last-of-type { margin-bottom: .08rem } .dailySignIn__container-hero__header div { display: inline-block; width: 4.4rem; margin-bottom: .21333rem; padding: .21333rem .41333rem .21333rem .14667rem; color: #f95959; font-size: .37333rem; line-height: .32rem; background: #fff; -webkit-clip-path: polygon(100% 0, 90% 50%, 100% 100%, 0 100%, 0 0); clip-path: polygon(100% 0, 90% 50%, 100% 100%, 0 100%, 0 0); word-break: break-all } .dailySignIn__container-hero__header div span { margin-inline: .13333rem; font-size: .53333rem; font-weight: 600; line-height: 1 } .dailySignIn__container-hero__footer { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin-top: .53333rem } .dailySignIn__container-hero__footer button { width: 3.53333rem; height: .8rem; padding: .18667rem 0; color: #fff; font-size: .34667rem; line-height: .32rem; border: none; border-radius: 9rem; background: -webkit-linear-gradient(top, #FFBD40 0%, #FF7F3D 100%); background: linear-gradient(180deg, #FFBD40 0%, #FF7F3D 100%); cursor: pointer } .dailySignIn__container-content { padding-inline: .32rem } .dailySignIn__container-content__wrapper { display: grid; grid-template-columns: repeat(3, 1fr); justify-items: center; gap: .2rem } .dailySignIn__container-content__wrapper-block { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; width: 2.98667rem; height: 2.93333rem; background: var(--bg_color_L2); border-radius: .13333rem } .dailySignIn__container-content__wrapper-block__header { position: relative; display: -webkit-box; display: -webkit-flex; display: flex } .dailySignIn__container-content__wrapper-block__header img { width: 2.98667rem; height: .72rem; visibility: hidden } .dailySignIn__container-content__wrapper-block__header span { position: absolute; top: calc(50% - .02667rem); left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: var(--text_color_L1); font-size: .42667rem; line-height: 1 } .dailySignIn__container-content__wrapper-block>img { width: 1.06667rem; height: 1.06667rem; margin-block: .18667rem .27773rem } .dailySignIn__container-content__wrapper-block>span { color: var(--text_color_L2); font-size: .34667rem } .dailySignIn__container-content__wrapper-block img { max-width: 100% } .dailySignIn__container-content__wrapper-block:last-of-type { position: relative; width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; grid-column: 1/-1; background: var(--bg_color_L2) } .dailySignIn__container-content__wrapper-block:last-of-type .lastImage { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; width: 8.66667rem; background-color: transparent; height: 2.93333rem } .dailySignIn__container-content__wrapper-block:last-of-type .lastImage img { width: 3.57333rem; height: 2.45333rem } .dailySignIn__container-content__wrapper-block:last-of-type>div { position: absolute; top: 50%; right: 1.8rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; gap: .36rem } .dailySignIn__container-content__wrapper-block:last-of-type>div>span:first-of-type { position: relative; color: var(--text_color_L1); font-size: .42667rem } .dailySignIn__container-content__wrapper-block:last-of-type>div>span:first-of-type:before { content: ""; position: absolute; top: 50%; left: -.53333rem; -webkit-transform: translate(-100%, -50%); transform: translate(-100%, -50%); display: block; width: .32rem; height: .02667rem; background: -webkit-linear-gradient(right, #C0C4DC 0%, rgba(192, 196, 220, 0) 100%); background: linear-gradient(270deg, #C0C4DC 0%, rgba(192, 196, 220, 0) 100%) } .dailySignIn__container-content__wrapper-block:last-of-type>div>span:first-of-type:after { content: ""; position: absolute; top: 50%; right: -.53333rem; -webkit-transform: translate(100%, -50%); transform: translate(100%, -50%); display: block; width: .32rem; height: .02667rem; background: -webkit-linear-gradient(right, #C0C4DC 0%, rgba(192, 196, 220, 0) 100%); background: linear-gradient(270deg, #C0C4DC 0%, rgba(192, 196, 220, 0) 100%) } .dailySignIn__container-content__wrapper-block:last-of-type>div>span:last-of-type { color: var(--text_color_L2); font-size: .4rem } .dailySignIn__container-content__wrapper-block.signed { background: url(/assets/png/Signed-dd8900d1.png) no-repeat; background-position: center; background-size: 96% 100% } .dailySignIn__container-content__wrapper-block.signed img { visibility: visible } .dailySignIn__container-content__wrapper-block.signed span { color: #fff !important } .dailySignIn__container-content__wrapper-block.signed:last-of-type { background: url(/assets/png/day7BgActive-0b574f89.png) no-repeat; background-position: center; background-size: 100% 100% } .dailySignIn__container-content__footer { width: 100%; height: 1.06667rem; margin-top: 1.45333rem; padding: 0 1.13333rem; text-align: center } .dailySignIn__container-content__footer button { width: 100%; height: 100%; padding-block: .10667rem; color: var(--text_color_L4); font-size: .48rem; border: none; border-radius: 9rem; background: var(--main_gradient-color) } .dailySignIn__container-content__footer button:active { background: var(--main_gradient-color) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .dailySignIn__container { font-family: Inter, sans-serif; padding-bottom: 1.28rem } .dailySignIn__container .navbar .navi-record { color: var(--text_color_L1) } .dailySignIn__container .task-banner { width: 100%; height: 3.46667rem; padding: .13333rem .26667rem; margin-bottom: .4rem; background: url(/assets/png/award_bg-00eaec82.png) no-repeat; background-size: 100% 3.46667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start; position: relative } .dailySignIn__container .task-banner div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .dailySignIn__container .task-banner .banner-title { margin-top: .4rem; margin-bottom: .13333rem; font-size: .48rem; color: #fff; font-weight: 600 } .dailySignIn__container .task-banner .banner-content { display: -webkit-box; display: -webkit-flex; display: flex; color: #fff; word-break: break-word; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; width: 5.6rem; line-height: .32rem } .dailySignIn__container .task-panel { padding: 0 .26667rem } .dailySignIn__container .task-panel .task-item { width: 100%; background: var(--bg_color_L2); border-radius: .26667rem; overflow: hidden; padding: 0 0 .13333rem; margin-bottom: .26667rem } .dailySignIn__container .task-panel .task-item img { width: .53333rem; height: .53333rem } .dailySignIn__container .task-panel .task-item-header { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin-top: -.06667rem; padding-right: .26667rem } .dailySignIn__container .task-panel .task-item-header:after { content: ""; position: absolute; bottom: 0; inset-inline-end: 0; width: 60%; height: .01333rem; border-radius: .26667rem 0 0 .26667rem; background: var(--Dividing-line_color) } .dailySignIn__container .task-panel .task-item-header img { width: .53333rem; height: .53333rem } .dailySignIn__container .task-panel .task-item-header .hearder-status { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; min-width: 3.46667rem; padding: .2rem 0; color: var(--text_white, var(--text_color_L1)); border-bottom-right-radius: .33333rem; font-size: .37333rem; font-weight: 700 } .dailySignIn__container .task-panel .task-item-header .hearder-status.new { background: var(--norm_secondary-color) } .dailySignIn__container .task-panel .task-item-header .hearder-status.week { background: var(--norm_red-color) } .dailySignIn__container .task-panel .task-item-header .hearder-status.day { background: var(--norm_green-color) } .dailySignIn__container .task-panel .task-item-header .headerR { color: var(--norm_red-color); font-size: .37333rem } .dailySignIn__container .task-panel .task-item-header .headerGray { color: var(--text_color_L2); font-size: .37333rem } .dailySignIn__container .task-panel .task-item-header .hearder-type { min-width: 3.2rem; height: .66667rem; line-height: .66667rem; border-radius: .66667rem; text-align: center; padding: 0 .13333rem; color: var(--text_color_L4) } .dailySignIn__container .task-panel .task-item-header .hearder-type.n1 { border: .01333rem solid var(--main-color); color: var(--main-color) } .dailySignIn__container .task-panel .task-item-header .hearder-type.n2 { background: var(--linearGradien-19) } .dailySignIn__container .task-panel .task-item-header .hearder-type.n3 { background: var(--linearGradien-17) } .dailySignIn__container .task-panel .task-item-header .uncomplete { background: var(--linearGradien-17) !important } .dailySignIn__container .task-panel .task-item-header .completed { background: var(--linearGradien-17) } .dailySignIn__container .task-panel .task-item-header .gocomplete { color: var(--main-color); border: .01333rem solid var(--main-color); background: var(--bg_color_L2) } .dailySignIn__container .task-panel .task-item-type { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin: .26667rem .26667rem 0 } .dailySignIn__container .task-panel .task-item-type img { width: .53333rem; height: .53333rem } .dailySignIn__container .task-panel .task-item-type .type { border: .01333rem solid red } .dailySignIn__container .task-panel .task-item-type .type-title { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-column-gap: .18667rem; column-gap: .18667rem; height: .64rem; color: var(--text_color_L2) } .dailySignIn__container .task-panel .task-item-type .type-title svg { width: .64rem; height: .64rem } html:lang(ar) .dailySignIn__container .task-panel .task-item-type .type-title { background-position: right } .dailySignIn__container .task-panel .task-item-type .type-tip { color: var(--norm_red-color); font-size: .37333rem; font-weight: 400; margin-left: .26667rem } .dailySignIn__container .task-panel .task-item-description { color: var(--text_color_L2); padding: .26667rem; background: var(--bg_color_L3); border-radius: .13333rem; margin: .26667rem; font-size: .29333rem } .dailySignIn__container .task-panel .task-item-bottom { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding-bottom: .26667rem; margin: 0 .26667rem; color: var(--text_color_L2); border-bottom: .01333rem solid var(--Dividing-line_color) } .dailySignIn__container .task-panel .task-item-bottom .bottom-title { display: -webkit-box; display: -webkit-flex; display: flex; color: var(--DailyTaskTextColor-3); -webkit-box-align: center; -webkit-align-items: center; align-items: center } .dailySignIn__container .task-panel .task-item-bottom svg { margin-right: .13333rem; width: .4rem; height: .4rem } .dailySignIn__container .task-panel .task-item-bottom span { color: var(--norm_secondary-color); font-weight: 400; font-size: .37333rem } .dailySignIn__container .task-panel .task-item .btn { color: var(--darkTextW, var(--bg_color_L2)); font-size: .4rem; font-weight: 700; border-radius: .53333rem; text-align: center; padding: .16rem 0; margin: .26667rem .2rem .13333rem } .dailySignIn__container .task-panel .task-item .btnOther.status1 { color: var(--main-color); border: .01333rem solid var(--main-color) } .dailySignIn__container .task-panel .task-item .btnOther.status2 { background: var(--main_gradient-color); color: var(--text_color_L4) } .dailySignIn__container .task-panel .task-item .btnOther.status3 { background: var(--button_dis_color, var(--bg_color_L3)); color: var(--text_white, var(--text_color_L1)) } .dailySignIn__container .task-panel .task-item .btnNew.status0 { color: var(--main-color); border: .01333rem solid var(--main-color) } .dailySignIn__container .task-panel .task-item .btnNew.status1 { background: var(--main-color) } .dailySignIn__container .task-panel .task-item .btnNew.status2, .dailySignIn__container .task-panel .task-item .btnNew.status3 { background: var(--button_dis_color) } .dailySignIn__container .navi-record { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; color: var(--text_color_L4) } .dailySignIn__container .navi-record svg { width: .64rem; height: .64rem; margin-right: .13333rem } .dailySignIn__container .dialog-wrapper { padding: .26667rem 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .dailySignIn__container .dialog-wrapper img { width: 3.73333rem; height: 2.16rem; position: relative; margin-top: -.74667rem } .dailySignIn__container .dialog-wrapper .dialog-title { color: var(--text_color_L1); margin: .4rem 0 .26667rem; font-size: .48rem; font-weight: 700; padding: 0 .13333rem } .dailySignIn__container .dialog-wrapper .dialog-tips { color: var(--text_color_L2); font-size: .32rem; margin: 0 0 .32rem } .dailySignIn__container .dialog-wrapper .dialog-para { color: var(--text_color_L2); font-size: .32rem; padding: 0 .26667rem } .dailySignIn__container .dialog-wrapper .dialog-btn { width: 5.6rem; height: 1.06667rem; text-align: center; line-height: 1.06667rem; background: var(--GradiantBlue, var(--main_gradient-color)); border-radius: 1.06667rem; font-weight: 700; color: var(--text_color_L4); font-size: .42667rem; margin-top: .53333rem } .dailySignIn__container .dialog-wrapper .dialog-content { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; color: var(--textBlueLight, var(--DailyTaskTextColor-3)) } .dailySignIn__container .dialog-wrapper .dialog-content svg { width: .53333rem; height: .53333rem; margin: 0 .13333rem 0 0 } .dailySignIn__container .dialog-wrapper .dialog-content span { color: var(--norm_secondary-color) } .dailySignIn__container .dialog-wrapper .dialog-footer { position: relative; bottom: -1.46667rem } .dailySignIn__container .dialog-wrapper .dialog-footer img { width: .8rem; height: .8rem } .van-dialog.noOverHidden { overflow: inherit } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .rule { width: calc(100% - .64rem); border: .05333rem solid var(--bgDark-2, var(--borderColor-5)); border-top: none; margin: auto; padding: 0 .32rem .32rem; background-color: var(--darkBg, var(--bg_color_L2)); border-radius: .26667rem } .rule .head { width: 100%; position: relative; height: .8rem; line-height: .8rem; color: #fff; font-family: Inter; font-size: .42667rem; font-style: normal; font-weight: 700; text-align: center; margin-bottom: .16rem; z-index: 2 } html:lang(ar) .rule .head { right: -.37333rem; left: auto } .rule>div:not(.head) { color: var(--text_color_L2); font-size: .34667rem; line-height: .45333rem; margin-bottom: .4rem; padding-left: .34667rem; position: relative } .rule>div:not(.head):before { content: ""; display: block; position: absolute; left: 0; top: .13333rem; height: .16rem; width: .16rem; -webkit-box-flex: 0; -webkit-flex: none; flex: none; border-radius: .02667rem; -webkit-transform: rotate(45deg); transform: rotate(45deg); background: var(--main-color) } html:lang(ar) .rule>div:not(.head):before { left: auto; right: 0 } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .first_list { padding: .32rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .package-desc { border-radius: .53333rem; border: .01333rem solid #fff; min-width: 2.4rem; max-width: 4rem; height: .66667rem; color: #fff; line-height: .66667rem; font-size: .32rem; text-align: center; padding: 0 .13333rem } .package-banner { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; min-height: 3.86667rem; margin-bottom: .26667rem; padding: .34667rem; background: url(/assets/png/box-5efaaed8.png), -webkit-linear-gradient(347deg, #FAAC48 4.77%, #F7602B 96.1%); background: url(/assets/png/box-5efaaed8.png), linear-gradient(103deg, #FAAC48 4.77%, #F7602B 96.1%); background-size: 100% 4.72rem } .package-banner img { display: block; width: 2.69333rem; height: 3.2rem } .package-banner-text { color: #fff; margin-left: .45333rem; width: 100% } .package-banner-text>div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: start; justify-content: start } .package-banner-text h3 { font-size: .48rem; font-style: normal; font-weight: 700; line-height: .48rem; margin-bottom: .4rem } .package-banner-text h4 { font-size: .34667rem; font-style: normal; font-weight: 500; line-height: .34667rem; margin-bottom: .32rem } .package-banner-text p { font-size: .29333rem; font-style: normal; font-weight: 400; line-height: .32rem; margin-bottom: .18667rem } .package-banner-text span { width: .37333rem; height: .37333rem; display: inline-block; border-radius: 50%; background: #fff; color: var(--norm_secondary-color); text-align: center; font-size: .29333rem; font-style: normal; font-weight: 500; line-height: .37333rem; margin-right: .13333rem } .package-time { color: var(--norm_red-color); font-size: .42667rem; font-style: normal; font-weight: 700; line-height: .42667rem; text-align: center } .package-rule { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin: .26667rem .32rem 0; border-radius: .26667rem; overflow: hidden; background: var(--darkBg, var(--bg_color_L2)) } .package-rule-titlebox { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; width: 100%; color: #fff; background: var(--sheet_nva_color) } .package-rule ul { width: 100%; height: 100%; padding: .13333rem 0 } .package-rule ul li { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; width: 100%; font-size: .37333rem; font-weight: 400; color: var(--text_color_L1) } .package-rule ul li div { font-size: .37333rem; padding: .26667rem .13333rem; text-align: center; border-right: .01333rem solid var(--Dividing-line_color); min-height: 1.6rem; width: 3.93333rem } .package-rule ul li div:first-child { width: 2.66667rem } .package-rule ul li div:last-child { border-right: none; width: 2.66667rem } .package-rule ul li span { color: var(--norm_red-color); font-size: .37333rem } .package-rule-title { width: 100%; min-height: 1.06667rem; padding-block: .34667rem; font-size: .42667rem; line-height: .32rem; text-align: center; color: var(--text_white, var(--text_color_L1)) } .package-rule-content { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; width: 100%; height: 100% } .package-rule-content>div { width: 100%; padding: .34667rem 0; font-size: .37333rem; line-height: .37333rem; text-align: center; border-bottom: .01333rem solid var(--norm_red-color) } .package-rule-content>div:last-of-type { border-bottom: none } .package-tips { background: var(--bg_color_L2); padding: .26667rem; color: var(--norm_red-color); font-size: .32rem; font-style: normal; font-weight: 500; line-height: .48rem; border-radius: .66667rem; margin: .26667rem .26667rem 0 } .package-tips svg { width: .48rem; height: .48rem; vertical-align: middle } .package-list { padding: 0 .32rem; margin-top: .26667rem } .package-item { margin-bottom: .53333rem } .package-item-head { background: url(/assets/png/head-e5e097e3.png) no-repeat center/cover; height: 1.33333rem; font-size: .37333rem; font-style: normal; font-weight: 700; text-align: center; line-height: .53333rem; color: var(--text_white, var(--text_color_L1)); padding-left: 1.33333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .package-item-top { background: -webkit-linear-gradient(left, #E52C2F 0%, #DC3D1B 95%); background: linear-gradient(90deg, #E52C2F 0%, #DC3D1B 95%); padding: .26667rem .4rem; text-align: center } .package-item-top ul { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .package-item-top .moeny { width: 4.13333rem; height: 2.4rem; border-radius: .26667rem; background: url(/assets/png/bg-925fa3b7.png) no-repeat; background-size: 4.13333rem, 2.4rem } .package-item-top h3 { color: var(--text_color_L1); text-align: center; font-size: .42667rem; font-style: normal; font-weight: 700; line-height: 1.06667rem } .package-item-top p { color: var(--text_color_L2); font-size: .32rem; font-style: normal; font-weight: 400; line-height: .32rem } .package-item-top svg { width: .64rem; height: .64rem } .package-item-box { background: -webkit-linear-gradient(right, #FF8A86 0%, #FFAE9A 100%); background: linear-gradient(270deg, #FF8A86 0%, #FFAE9A 100%); border-radius: 0 0 .26667rem .26667rem } .package-item-tip { background: #F5F5F5; border-radius: .13333rem; padding: .26667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; color: var(--text_color_L3); font-size: .32rem; font-style: normal; font-weight: 400; line-height: .42667rem; margin-top: .26667rem } .package-item-tip span:last-child { color: var(--norm_secondary-color); font-family: Inter; font-size: .37333rem; font-style: normal; font-weight: 500; line-height: .42667rem } .package-item-bottom { height: .93333rem; color: var(--text_white, var(--text_color_L1)); text-align: center; line-height: .93333rem } .package-item-bottom.done { background: -webkit-linear-gradient(left, #F05756 0%, #F38164 101%); background: linear-gradient(90deg, #F05756 0%, #F38164 101%) } .package-item-bottom.p { background: -webkit-linear-gradient(right, #A4B1DE 0%, #BDC9EE 100.85%); background: linear-gradient(270deg, #A4B1DE 0%, #BDC9EE 100.85%) } .package-item-btn { margin-top: .26667rem; background: var(--main_gradient-color); height: .93333rem; text-align: center; line-height: .93333rem; color: var(--text_color_L4); border-radius: .66667rem; font-size: .42667rem; font-weight: 700 } .package-item-btn.done { background: var(--button_dis_color); color: var(--text_color_L3) } .package-item-btn.apply { background: -webkit-linear-gradient(top, #FF9C41 0%, #FF7C1D 100%); background: linear-gradient(180deg, #FF9C41 0%, #FF7C1D 100%) } .package-item-btn.receive { background: var(--main_gradient-color) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .pointMall__container-treasureActivity { position: relative; left: 50%; top: -1.06667rem; -webkit-transform: translateX(-50%); transform: translate(-50%); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start; gap: .13333rem; width: 8.56rem; height: 3.73333rem; padding: .13333rem .2rem .26667rem; border-radius: .13333rem; background: url(/assets/png/headerBodyBg-d5c30a13.png) no-repeat center var(--bgDark-2, var(--bg_color_L2)); background-size: cover; box-shadow: var(--BoxShadowColor-33) } .pointMall__container-treasureActivity div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .pointMall__container-treasureActivity div svg { width: .64rem; height: .64rem } .pointMall__container-treasureActivity div img { width: .64rem; height: .64rem } .pointMall__container-treasureActivity div span { display: inline-block; color: var(--textBlueLight, var(--text_color_L1)); font-family: Inter; font-size: .48rem; font-style: normal; font-weight: 700; line-height: .64rem; margin-left: .05333rem } .pointMall__container-treasureActivity .treasureActivity-tips { color: var(--darkTextW, var(--text_color_L1)); font-family: Inter; font-size: .37333rem; font-style: normal; font-weight: 400; line-height: .34667rem; margin-bottom: .18667rem } .pointMall__container-treasureActivity .treasureActivity-desc { color: var(--text_color_L2); font-family: Inter; font-size: .32rem; font-style: normal; font-weight: 400; line-height: .32rem; margin-bottom: .4rem } .pointMall__container-treasureActivity button { width: 6.93333rem; height: .93333rem; color: var(--text_color_L4); border: none; text-align: center; border-radius: .66667rem; background: var(--main_gradient-color); margin: 0 auto } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .infiniteScroll { min-height: 2.66667rem; border-radius: .16rem } .infiniteScroll__loading { width: 100%; min-height: 1.4rem; margin-top: auto; padding-bottom: .4rem; color: var(--text_color_L1); font-size: .37333rem; text-align: center } .infiniteScroll__loading .van-loading { text-align: center; z-index: 999 } .infiniteScroll__loading .empty { margin-top: .53333rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .pointMall__container-products__content-item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; width: 4.4rem } .pointMall__container-products__content-item__header, .pointMall__container-products__content-item__body { position: relative; width: 100% } .pointMall__container-products__content-item__header { height: 3.30667rem; color: var(--text_color_L4); border-top-left-radius: .26667rem; border-top-right-radius: .26667rem; background: var(--main_gradient-color) } .pointMall__container-products__content-item__header-left, .pointMall__container-products__content-item__header-redeemed, .pointMall__container-products__content-item__header>img { position: absolute } .pointMall__container-products__content-item__header img { left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%); height: 3.3rem; width: 4.4rem; object-fit: cover; border-top-right-radius: .26667rem; border-top-left-radius: .26667rem } .pointMall__container-products__content-item__header-left { bottom: 0; width: 100%; height: .53333rem; padding: .12rem .08rem; font-size: .29333rem; line-height: .32rem; background: var(--main-color); color: var(--text_color_L4); z-index: 1 } .pointMall__container-products__content-item__header-left>span { font-size: .4rem } .pointMall__container-products__content-item__header-redeemed { bottom: 0; right: 0; display: -webkit-box; display: -webkit-flex; display: flex; width: 1.68rem; height: 1rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding-block: .09333rem; font-size: .29333rem; background: url(/assets/png/redeemdBg-a4b336f4.png) no-repeat right/contain; z-index: 2; color: var(--text_white, var(--text_color_L4)) } .pointMall__container-products__content-item__header-redeemed>span { font-size: .4rem; font-weight: 700; line-height: 1 } .pointMall__container-products__content-item__footer { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start; width: 100%; padding: .24rem .18667rem; border-bottom-left-radius: .26667rem; border-bottom-right-radius: .26667rem; background: var(--bg_color_L2) } .pointMall__container-products__content-item__footer>span { color: var(--text_color_L1); font-size: .37333rem; line-height: .48rem; font-weight: 700 } .pointMall__container-products__content-item__footer .product-title { height: .8rem; width: 100%; line-height: .4rem; padding-right: .2rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2 } .pointMall__container-products__content-item__footer div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; gap: .28rem; margin-top: .37333rem; color: var(--norm_secondary-color) } .pointMall__container-products__content-item__footer div img { width: .4rem; height: .4rem } .pointMall__container-products__content-item__footer div span { font-size: .34667rem; line-height: .34667rem; font-weight: 500 } .pointMall__container-products__content-item__footer button { width: 3.98667rem; height: .8rem; margin-top: .29333rem; margin-inline: auto; color: var(--text_color_L4); font-weight: .37333rem; border: none; border-radius: 9rem; background: var(--main_gradient-color); cursor: pointer; font-size: .37333rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .treasure__container__treasure-item { width: 100% } .treasure__container__treasure-item__header, .treasure__container__treasure-item__footer { position: relative; width: 100% } .treasure__container__treasure-item__header { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; padding-block: .26667rem; color: #fff; border-top-left-radius: .32rem; border-top-right-radius: .32rem; background: var(--sheet_nva_color) } .treasure__container__treasure-item__header .treasure-state { position: absolute; top: .26667rem; left: 0; padding: .04rem .04rem .04rem 0; font-size: .29333rem; height: .58667rem; line-height: .48rem; border-top-right-radius: 9rem; border-bottom-right-radius: 9rem; z-index: 2 } html:lang(ar) .treasure__container__treasure-item__header .treasure-state { right: 0; left: unset } .treasure__container__treasure-item__header .treasure-state span { display: block; height: 100%; border-top-right-radius: 9rem; border-bottom-right-radius: 9rem; padding: 0 .26667rem 0 .44rem; color: var(--text_color_L1); white-space: nowrap; z-index: 1 } .treasure__container__treasure-item__header img { width: 6.29333rem; height: 6.30667rem } .treasure__container__treasure-item__footer { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start; padding: .37333rem .2rem .53333rem; border-bottom-left-radius: .32rem; border-bottom-right-radius: .32rem; background: var(--bg_color_L2) } .treasure__container__treasure-item__footer-title { margin-bottom: .33333rem; color: var(--text_color_L1); font-family: Inter; font-size: .4rem; font-style: normal; font-weight: 400; line-height: .48rem } .treasure__container__treasure-item__footer-title>span { color: var(--main-color); font-weight: 700 } .treasure__container__treasure-item__footer-progressTitle { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; width: 100%; color: var(--text_color_L3); font-size: .32rem } .treasure__container__treasure-item__footer .van-progress { width: 100%; margin-block: .13333rem } .treasure__container__treasure-item__footer-progressDetails { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; width: 100%; color: var(--text_color_L1); margin-bottom: .26667rem } .treasure__container__treasure-item__footer-progressDetails>span { color: var(--text_color_L2); font-size: .32rem } .treasure__container__treasure-item__footer-progressDetails>div span { font-size: .32rem; font-weight: 600 } .treasure__container__treasure-item__footer-ending, .treasure__container__treasure-item__footer-cost { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; width: 100%; height: .8rem; margin-block: .06667rem; border: .01333rem solid var(--bgColor-6); background: var(--bg_color_L3); color: var(--text_color_L1) } .treasure__container__treasure-item__footer-ending>span, .treasure__container__treasure-item__footer-ending>div, .treasure__container__treasure-item__footer-cost>span, .treasure__container__treasure-item__footer-cost>div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; height: 100%; padding: .06667rem .13333rem } .treasure__container__treasure-item__footer-ending>span, .treasure__container__treasure-item__footer-cost>span { -webkit-box-flex: .6; -webkit-flex: .6; flex: .6; background: var(--bg_color_L3); -webkit-clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%) } .treasure__container__treasure-item__footer-ending>div, .treasure__container__treasure-item__footer-cost>div { -webkit-box-flex: .4; -webkit-flex: .4; flex: .4; background: var(--bg_color_L3); -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; color: var(--norm_secondary-color); font-size: .4rem; font-weight: 600 } .treasure__container__treasure-item__footer-ending>div img, .treasure__container__treasure-item__footer-cost>div img { width: .4rem; height: .4rem; margin-inline: .06667rem } .treasure__container__treasure-item__footer-cost>div { -webkit-column-gap: .12rem; column-gap: .12rem } .treasure__container__treasure-item__footer-ending>div { color: var(--text_color_L1); font-size: .37333rem; font-weight: 500 } .treasure__container__treasure-item__footer-ending>div>span { font-weight: 600 } .treasure__container__treasure-item__footer-button { margin-top: .6rem; width: 100%; height: 1.06667rem; color: var(--text_white, var(--text_color_L4)); text-align: center; border-radius: 9rem; background: var(--main_gradient-color); line-height: 1.06667rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .pointMall__container-products { position: -webkit-sticky; position: sticky; top: 5.33333rem; margin-block: .64rem 1.49333rem; padding-inline: .32rem } .pointMall__container-products__tabs { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin-bottom: .26667rem } .pointMall__container-products__tabs>div { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; color: var(--text_color_L1); font-size: .4rem; white-space: nowrap } .pointMall__container-products__tabs>div:first-of-type { position: relative; padding-left: .4rem } .pointMall__container-products__tabs>div:first-of-type:before { content: ""; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: block; width: .08rem; height: .4rem; background: var(--main-color) } html:lang(ar) .pointMall__container-products__tabs>div:first-of-type:before { right: 0; left: unset } .pointMall__container-products__tabs>div.active { color: var(--darkTextW, var(--text_color_L1)) !important; font-weight: 700 } .pointMall__container-products__content { display: grid; grid-template-columns: repeat(2, 1fr); row-gap: .4rem; -webkit-column-gap: .56rem; column-gap: .56rem; justify-items: center; width: 100%; margin-bottom: .66667rem } .pointMall__container-products-point { display: grid; grid-template-columns: repeat(1, 1fr); row-gap: .4rem; -webkit-column-gap: .56rem; column-gap: .56rem; justify-items: center; width: 100%; margin-bottom: .66667rem } .pointMall__container-products-all { height: 1.06667rem; line-height: 1.06667rem; border: .01333rem solid var(--main-color); border-radius: .66667rem; color: var(--main-color); text-align: center; font-size: .37333rem } .pointMall__container-cart { position: fixed; bottom: 0; width: 100%; height: 1.6rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; max-width: 10rem; padding: .2rem 0; color: var(--main-color); font-size: .45333rem; text-align: center; background: var(--pop_bg-color, var(--bg_color_L3)); z-index: 1000 } .pointMall__container-cart>div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; gap: .34667rem; width: 100%; color: var(--main-color); background: var(--pop_bg-color, var(--bg_color_L3)) } .pointMall__container-cart>div img, .pointMall__container-cart>div svg { width: .66667rem; height: .66667rem } .pointMall__container-cart>div span { color: var(--text_white, var(--main-color)) } @media screen and (max-width: 500px) { .pointMall__container-cart { max-width: none } } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .pointMall__container-info { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; gap: .66667rem; padding-inline: .2rem } .pointMall__container-info__left, .pointMall__container-info__right { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; gap: .18667rem; width: 4.34667rem; height: 1.92rem; padding-block: .22667rem .14667rem; border-radius: .26667rem; color: var(--text_color_L1); background: var(--bg_color_L2) } .pointMall__container-info__left svg, .pointMall__container-info__right svg { width: .96rem; height: .96rem } .pointMall__container-info__left span, .pointMall__container-info__right span { font-size: .32rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .pointMall__container { position: relative; width: 100%; font-family: Inter, sans-serif; overflow: hidden } .pointMall__container-header { position: relative; width: 100%; height: 7.30667rem; background-color: var(--main_gradient-color); margin-bottom: 3.33333rem } .pointMall__container-header>img { width: 100%; height: 100% } .pointMall__container-header__content { position: absolute; left: 50%; bottom: 1.84rem; -webkit-transform: translate(-50%, 30%); transform: translate(-50%, 30%); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; width: 100%; color: var(--text_white, var(--text_color_L1)) } .pointMall__container-header__content svg { width: .64rem; height: .64rem } .pointMall__container-header__content img { width: .64rem; height: .64rem } .pointMall__container-header__content>span { margin-top: .10667rem; color: var(--text_white, var(--text_color_L1)); font-size: .32rem } .pointMall__container-header__content>h1 { color: var(--text_white, var(--text_color_L1)); font-size: .56rem; font-weight: 600 } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .turntable-page-header { height: 4.50667rem } .turntable-page-header img { display: block; width: 100%; object-fit: cover; height: 100% } .turntable-page .turntable-wrap { padding: .32rem } .turntable-page .turntable-back { height: 4.8rem; padding: 0 .26667rem; border-radius: .21333rem; background: var(--bg_color_L2) } .turntable-page .turntable-rule { position: relative; height: .77333rem } .turntable-page .turntable-rule h3 { position: absolute; width: 100%; text-align: center; color: var(--text_white, var(--text_color_L1)); font-size: .34667rem; font-weight: 600; line-height: 1.14667rem } .turntable-page .turntable-rule .svg { width: 100% } .turntable-page .turntable-item { height: 1.06667rem; background: var(--bg_color_L1); border-radius: .26667rem; margin-top: .66667rem; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: flex; padding: .13333rem .26667rem } .turntable-page .turntable-item .label { color: var(--text_color_L1); font-family: Inter; font-size: .37333rem; font-style: normal; font-weight: 400; line-height: .4rem } .turntable-page .turntable-item .wallet { min-width: 2.93333rem; height: .8rem; border-radius: .66667rem; background: var(--main_gradient-color); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; color: var(--text_color_L4); text-align: center; font-size: .32rem; font-style: normal; font-weight: 700; line-height: .4rem; padding: .24rem .26667rem } .turntable-page .turntable-item .wallet .re { width: .37333rem; height: .37333rem } .turntable-page .turntable-item .wallet .re svg { width: 100%; height: 100% } .turntable-page .turntable-item .count { color: var(--text_color_L2); font-family: Inter; font-size: .4rem; font-style: normal; font-weight: 700; line-height: .4rem } .turntable-page .turntable-item .count-progress { color: var(--norm_red-color); font-family: Inter; font-size: .4rem; font-style: normal; font-weight: 700; line-height: .4rem } .turntable-page .turntable-main { height: 9.33333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .turntable-page .turntable-entry { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-around; justify-content: space-around; margin: .26667rem 0 } .turntable-page .turntable-entry-item { text-align: center; color: var(--darkTextW, var(--text_color_L1)) } .turntable-page .turntable-entry-item svg { width: 1.28rem; height: 1.28rem } .turntable-page .turntable-entry-item p { font-family: PingFang SC; font-size: .32rem; font-style: normal; font-weight: 400; line-height: normal } .turntable-page .turntable-title { margin-top: .4rem; margin-bottom: .2rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; gap: .13333rem; color: var(--darkTextW, var(--text_color_L1)); font-family: Inter; font-size: .42667rem; font-style: normal; font-weight: 600; line-height: normal } .turntable-page .turntable-title span { vertical-align: middle } .turntable-page .turntable-title svg { width: .64rem; height: .64rem } .turntable-page .turntable-table { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .turntable-page .turntable-table-titlebox { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; width: 100%; color: var(--text_color_L1); border-radius: .13333rem .13333rem 0 0; background: var(--sheet_nva_color) } .turntable-page .turntable-table ul { width: 100% } .turntable-page .turntable-table ul li { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; width: 100%; border-bottom: .01333rem solid var(--Dividing-line_color) } .turntable-page .turntable-table ul li div { height: 100%; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; font-size: .37333rem; padding: .34667rem 0; text-align: center } .turntable-page .turntable-table ul .targetAmount { color: var(--main-color); font-family: Inter; font-size: .34667rem; font-style: normal; font-weight: 500; line-height: .34667rem; margin-bottom: .08rem } .turntable-page .turntable-table ul p { color: var(--text_color_L1); font-size: .29333rem; font-style: normal; font-weight: 400; line-height: .29333rem } .turntable-page .turntable-table ul .rewardType { color: var(--text_color_L1) } .turntable-page .turntable-table ul .rotateNum { color: var(--norm_red-color); font-size: .34667rem; font-style: normal; font-weight: 500; line-height: .34667rem } .turntable-page .turntable-table-title { width: 100%; height: 1.06667rem; padding-block: .34667rem; font-size: .37333rem; line-height: .32rem; text-align: center; color: var(--text_white, var(--text_color_L1)) } .turntable-page .turntable-table-content { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; width: 100%; height: 100% } .turntable-page .turntable-table-content>div { width: 100%; padding: .34667rem 0; font-size: .37333rem; line-height: .37333rem; text-align: center; border-bottom: .01333rem solid var(--norm_red-color) } .turntable-page .turntable-table-content>div:last-of-type { border-bottom: none } .turntable-page .infiniteScroll { width: 100%; background: var(--bg_color_L2) } .turntable-page .dialog__container { position: relative; padding-top: 1.93333rem } .turntable-page .dialog__container-img { position: absolute; width: 3.73333rem; height: 2.46667rem; top: -.4rem } .turntable-page .rewardWin { color: var(--norm_red-color) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .rule { margin-top: .53333rem } .rule .title { color: var(--main-color); font-size: .4rem; font-weight: 700; letter-spacing: .016rem; text-align: center } .rule .van-collapse-item__wrapper { margin-top: .2rem } .rule .con { color: var(--text_color_L2); font-size: .32rem } .rule .con h1 { position: relative; margin-bottom: .13333rem } .rule .con h1>span { width: 93%; margin: 0 auto; padding: .06667rem 0; color: #fff; font-size: .32rem; text-align: center; background-color: var(--light-main-color, var(--bg_color_L3)); -webkit-clip-path: polygon(2% 0%, 98% 0%, 100% 50%, 98% 100%, 2% 100%, 0% 50%); clip-path: polygon(2% 0%, 98% 0%, 100% 50%, 98% 100%, 2% 100%, 0% 50%); display: block } .rule .con h1:before { content: ""; display: block; position: absolute; top: 0; width: .26667rem; height: .61333rem; background-color: var(--light-main-color, var(--bg_color_L3)); -webkit-clip-path: polygon(50% 0%, 90% 0%, 40% 50%, 90% 100%, 50% 100%, 0% 50%); clip-path: polygon(50% 0%, 90% 0%, 40% 50%, 90% 100%, 50% 100%, 0% 50%); z-index: 5; left: calc(7% - .4rem); -webkit-transform: translateX(-50%); transform: translate(-50%) } .rule .con h1:after { content: ""; display: block; position: absolute; top: 0; width: .26667rem; height: .61333rem; background-color: var(--light-main-color, var(--bg_color_L3)); -webkit-clip-path: polygon(50% 0%, 90% 0%, 40% 50%, 90% 100%, 50% 100%, 0% 50%); clip-path: polygon(50% 0%, 90% 0%, 40% 50%, 90% 100%, 50% 100%, 0% 50%); z-index: 5; left: calc(93% + .4rem); -webkit-transform: translateX(-50%) rotate(180deg); transform: translate(-50%) rotate(180deg) } .rule .con>div, .rule .con>p { margin-bottom: .4rem } .rule .con>div span, .rule .con>div span, .rule .con>p span, .rule .con>p span { color: var(--norm_red-color) } .rule .con p { position: relative; padding-left: .26667rem; margin-bottom: .13333rem; color: var(--text_color_L1) } .rule .con p:after { position: absolute; content: ""; width: .13333rem; height: .13333rem; -webkit-transform: rotate(45deg); transform: rotate(45deg); background: var(--main-color); left: 0; top: .18667rem } .rule .con .condition { border: .01333rem solid var(--Dividing-line_color); border-radius: .13333rem; padding: .26667rem .4rem } .rule .con .ranking { border-radius: .13333rem; overflow: hidden } .rule .con .ranking>div { display: -webkit-box; display: -webkit-flex; display: flex; padding: .2rem 0 } .rule .con .ranking>div>span { width: 50%; text-align: center; word-break: break-all } .rule .con .ranking>div.top { background: var(--sheet_nva_color) } .rule .con .ranking>div.top>span { color: #fff } .rule .con .ranking>div.info { border-bottom: .01333rem solid var(--borderColor-5); border-left: .01333rem solid var(--borderColor-5); border-right: .01333rem solid var(--borderColor-5); font-size: .37333rem } .rule .con .ranking>div.info>span:first-of-type { color: var(--text_color_L2) } .rule .con .ranking>div.info:nth-child(odd) { background-color: var(--sheet_detail_bg_color) } .rule .con .ranking>div.info>span:last-of-type { font-weight: 500 } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .game { margin-top: .4rem; background: none !important; box-shadow: none !important } .game h1 { color: var(--text_color_L1); font-size: .48rem; font-weight: 700; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; gap: .26667rem; margin-bottom: .13333rem } .game h1:before { content: ""; display: block; height: .4rem; width: .08rem; background: var(--main-color) } .game .items { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: .2rem } .game .items .item { width: calc(33.3333333333% - .2rem); height: 2.93333rem; border-radius: .26667rem; overflow: hidden } .game .items .item img { width: 2.93333rem; height: 2.93333rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .ChampionshipDetail { padding: 0 .26667rem .53333rem } .ChampionshipDetail>div { border-radius: .13333rem; overflow: hidden } .ChampionshipDetail .ranking { margin-top: .2rem } .ChampionshipDetail .ranking .title, .ChampionshipDetail .ranking .amount { display: -webkit-box; display: -webkit-flex; display: flex; gap: .13333rem } .ChampionshipDetail .ranking .title>span, .ChampionshipDetail .ranking .amount>span { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; text-align: center; min-height: 1.06667rem; word-break: break-all } .ChampionshipDetail .ranking .title>span, .ChampionshipDetail .ranking .amount>span { width: 33.3333333333% } .ChampionshipDetail .ranking .title { background: var(--sheet_nva_color); color: var(--text_white, var(--text_color_L1)); font-weight: 700; font-size: .37333rem } .ChampionshipDetail .ranking .amount { font-weight: 500; background-color: var(--bg_color_L2); color: var(--text_color_L1) } .ChampionshipDetail .ranking .amount>span:last-of-type { color: var(--norm_red-color) } .ChampionshipDetail .rankingList { margin-top: .2rem } .ChampionshipDetail .rankingList .title, .ChampionshipDetail .rankingList .info { display: -webkit-box; display: -webkit-flex; display: flex; gap: .13333rem } .ChampionshipDetail .rankingList .title>span, .ChampionshipDetail .rankingList .info>span { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; text-align: center; min-height: 1.06667rem; word-break: break-all } .ChampionshipDetail .rankingList .title>span:first-of-type, .ChampionshipDetail .rankingList .info>span:first-of-type { width: 1.33333rem } .ChampionshipDetail .rankingList .title>span:not(:first-of-type), .ChampionshipDetail .rankingList .info>span:not(:first-of-type) { width: calc((100% - 1.33333rem) / 3) } .ChampionshipDetail .rankingList .title { background: var(--sheet_nva_color); color: var(--text_white, var(--text_color_L1)); font-size: .34667rem; font-weight: 700 } .ChampionshipDetail .rankingList .info { color: var(--text_color_L2) } .ChampionshipDetail .rankingList .info .top1 { background: url(/assets/png/1-dcdd0031.png) no-repeat center; background-size: .93333rem .93333rem } .ChampionshipDetail .rankingList .info .top2 { background: url(/assets/png/2-0c408958.png) no-repeat center; background-size: .93333rem .93333rem } .ChampionshipDetail .rankingList .info .top3 { background: url(/assets/png/3-f5a58c12.png) no-repeat center; background-size: .93333rem .93333rem } .ChampionshipDetail .rankingList .info .txt { font-family: Roboto; font-size: .48rem; font-weight: 900; background: -webkit-linear-gradient(top, #C4CFDF 0%, #778DAE 100%); background: linear-gradient(180deg, #C4CFDF 0%, #778DAE 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent } .ChampionshipDetail .rankingList .info>span:last-of-type { color: var(--norm_red-color); font-weight: 500 } .ChampionshipDetail .rankingList .info:nth-child(odd) { background: var(--bg_color_L3) } .ChampionshipDetail .rankingList .info:nth-child(2n) { background: var(--bg_color_L2) } .ChampionshipDetail .rankingList .refresh { padding: .33333rem; text-align: center; background: var(--bg_color_L2); color: var(--text_color_L1) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .dailySignInRecord__container { padding-inline: .32rem } .dailySignInRecord__container-wrapper { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: .18667rem; margin-top: .26667rem } .dailySignInRecord__container-wrapper__content { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; height: -webkit-fit-content; height: fit-content; padding: .25333rem .26667rem; border-radius: .13333rem; background: var(--darkBg, var(--bg_color_L2)) } .dailySignInRecord__container-wrapper__content-left { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; gap: .10667rem } .dailySignInRecord__container-wrapper__content-left h1 { font-size: .4rem; font-weight: 500; color: var(--darkTextW, var(--text_color_L1)) } .dailySignInRecord__container-wrapper__content-left span { font-size: .32rem; color: var(--text_color_L3) } .dailySignInRecord__container-wrapper__content-right { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; width: 3.73333rem; height: .8rem; padding: .09333rem .18667rem; text-align: center; border-radius: 9rem; background: var(--main_gradient-color) } .dailySignInRecord__container-wrapper__content-right img { position: absolute; left: .09333rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: .56rem; height: .56rem } html:lang(ar) .dailySignInRecord__container-wrapper__content-right img { left: unset; right: .09333rem } .dailySignInRecord__container-wrapper__content-right span { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; font-size: .48rem; color: var(--text_color_L4) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .dailySignInRules__container { padding-inline: .32rem; padding-bottom: 1.22667rem } .dailySignInRules__container li { background-color: var(--bg_color_L2); color: var(--text_color_L2) } .dailySignInRules__container li:nth-of-type(2n) { background-color: var(--sheet_detail_bg_color) } .dailySignInRules__container-hero__wrapper-title { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; color: #fff; background: var(--sheet_nva_color) } .rule { width: 100% } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .task-record-container { font-family: Inter, sans-serif } .task-record-container .head { height: 1.17333rem; color: var(--text_color_L2); font-size: .42667rem; line-height: 1.17333rem; font-weight: 400; margin: .26667rem .32rem 0; border-radius: .21333rem; overflow: hidden; background: var(--light-bg_white, var(--bg_color_L2)) } .task-record-container .head>button { border: none; width: 50%; background: var(--light-bg_white, var(--bg_color_L3)) } .task-record-container .head>button.active { background: var(--main_gradient-color); color: var(--text_color_L4); border-radius: .21333rem } .task-record-container .record-panel { padding: .26667rem .32rem } .task-record-container .record-panel svg { width: .4rem; height: .4rem; margin-right: .13333rem } .task-record-container .record-panel-item { padding: .4rem .26667rem; background: var(--bg_color_L2); border-radius: .13333rem; margin-bottom: .26667rem } .task-record-container .record-panel-item h1 { color: var(--text_color_L1); font-size: .4rem; margin-bottom: .13333rem } .task-record-container .record-panel-item h2 { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin-bottom: .13333rem } .task-record-container .record-panel-item h2 span { color: var(--text_color_L2) } .task-record-container .record-panel-item h2 .markRed { color: var(--norm_red-color); margin-left: .26667rem } .task-record-container .record-panel-item div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; color: var(--text_color_L3) } .task-record-container .record-panel-item div h3 { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; font-size: .37333rem; color: var(--norm_secondary-color) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .member-package-rule .number { color: var(--norm_red-color) } .member-package-rule .first-list-item { padding: .26667rem; border-radius: .26667rem; background: var(--darkBg, var(--bg_color_L2)) } .member-package-rule .first-list-item.space { margin-top: .3rem } .member-package-rule .first-list-item.space .head { -webkit-box-pack: start !important; -webkit-justify-content: start !important; justify-content: start !important } .member-package-rule .first-list-item.space .head .title { color: var(--text_color_L1) } .member-package-rule .first-list-item .head { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; margin-bottom: .18667rem } .member-package-rule .first-list-item .head .title { color: var(--colorText-26); font-size: .4rem; line-height: .48rem } .member-package-rule .first-list-item .description { font-size: .29333rem; color: var(--text_color_L2); margin-bottom: .26667rem } .member-package-rule-bonus .table-head { padding-top: .5rem; color: var(--darkTextW, var(--text_color_L1)) } .member-package-rule-bonus-title { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; color: var(--colorText-26); font-size: .4rem; line-height: .48rem; margin-top: .5rem } .member-package-rule .table-container { width: 100%; background: var(--darkBg, var(--bg_color_L2)); border-radius: .21333rem; overflow: hidden; margin-top: .2rem } .member-package-rule .table-container .table-title { height: 1.06667rem; line-height: 1.06667rem; background: var(--sheet_nva_color); color: #fff } .member-package-rule .table-container .table-title>th { border: .01333rem solid var(--borderColor-5); font-size: .32rem; text-align: center; width: 33.3%; border-right: .01333rem solid var(--Dividing-line_color) } .member-package-rule .table-container tbody tr { height: .93333rem; line-height: .46667rem; font-size: .32rem; text-align: center; color: var(--text_color_L1) } .member-package-rule .table-container tbody tr:nth-child(2n) { background: var(--bg_color_L3) } .member-package-rule .table-container tbody tr td { border-right: .01333rem solid var(--Dividing-line_color); text-align: center; vertical-align: middle; color: var(--text_color_L2) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .first_list, .member-package-rule { padding: .32rem } .member-package-rule .number { color: var(--norm_red-color) } .member-package-rule .first-list-item { padding: .26667rem; border-radius: .26667rem; background: var(--bg_color_L2) } .member-package-rule .first-list-item.space { margin-top: .3rem } .member-package-rule .first-list-item.space .head { -webkit-box-pack: start !important; -webkit-justify-content: start !important; justify-content: start !important } .member-package-rule .first-list-item.space .head .title { color: var(--norm_red-color) } .member-package-rule .first-list-item .head { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; margin-bottom: .18667rem } .member-package-rule .first-list-item .head .title { color: var(--norm_red-color); font-size: .4rem; line-height: .48rem } .member-package-rule .first-list-item .description { font-size: .29333rem; color: var(--text_color_L2); margin-bottom: .26667rem } .member-package-rule .first-list-item .description .number { color: var(--norm_red-color) } .member-package-rule-bonus .table-head { padding-top: .5rem } .member-package-rule-bonus-title { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; color: var(--norm_red-color); font-size: .4rem; line-height: .48rem; margin-top: .5rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .addAddress__container { padding-inline: .32rem; padding-bottom: .66667rem; font-family: bahnschrift } .addAddress__container-warning { margin-top: .2rem; width: 9.36rem; height: -webkit-max-content; height: max-content; margin-bottom: .73333rem; padding: .26667rem .30667rem; border: .01333rem solid var(--bg_color_L3); border-radius: .13333rem } .addAddress__container-warning h1 { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; gap: .06667rem; margin-bottom: .26667rem; color: var(--norm_red-color); font-size: .32rem; line-height: .38667rem } .addAddress__container-warning h1 i { color: var(--reminderIcon); font-size: .48rem } .addAddress__container-warning p { padding-left: .82667rem; color: var(--norm_red-color); font-size: .29333rem; line-height: .37333rem } .addAddress__container-forum { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 1.26667rem } .addAddress__container-forum__item h1 { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; gap: .2rem; color: var(--text_color_L1); font-size: .42667rem; margin-bottom: .26667rem } .addAddress__container-forum__item h1 svg { color: var(--main-color); font-size: .64rem } .addAddress__container-forum__item .input_model { display: -webkit-box; display: -webkit-flex; display: flex } .addAddress__container-forum__item .input_model .dropdown { line-height: 1.06667rem; height: 1.06667rem } .addAddress__container-forum__item .input_model .dropCon { width: 2.48rem; border-radius: .13333rem; background: var(--bg_color_L2); height: 1.06667rem; margin-right: .21333rem; overflow: hidden } .addAddress__container-forum__item .input_model input { -webkit-box-flex: 1; -webkit-flex: auto; flex: auto; height: 1.06667rem; padding-inline: .26667rem; font-size: .37333rem; border: none; border-radius: .13333rem; background: var(--bg_color_L2); color: var(--text_color_L1) } .addAddress__container-forum__item .input_model input::-webkit-input-placeholder { color: var(--text_color_L3) } .addAddress__container-forum__item .input_model input::placeholder { color: var(--text_color_L3) } .addAddress__container-forum__item textarea { width: 100%; height: 3.73333rem; margin-top: .37333rem; padding: .30667rem .26667rem; font-size: .37333rem; outline: none; border: none; border-radius: .13333rem; background: var(--bg_color_L2); color: var(--text_color_L1); resize: none } .addAddress__container-forum__item textarea:focus { outline: .01333rem solid var(--main-color) } .addAddress__container-forum__item textarea::-webkit-input-placeholder { color: var(--text_color_L3) } .addAddress__container-forum__item textarea::placeholder { color: var(--text_color_L3) } .addAddress__container-saveBtn { height: .93333rem; margin-top: 1.26667rem; margin-inline: .18667rem; color: var(--textW); text-align: center; line-height: .93333rem; letter-spacing: .13333rem; border-radius: 9rem; background: var(--main_gradient-color) } .addAddress__container-saveBtn.disabled { background: var(--bg_color_L3); box-shadow: var(--BoxShadowColor-16) } .addAddress__container-saveBtn:active { outline: .05333rem solid var(--gray-color-1) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .lotteryActivity__container .van-tabs .van-tabs__nav { background-color: var(--light-main-color, var(--bg_color_L3)) } .lotteryActivity__container .van-tabs__line { width: 0; height: 0; border-left: .10667rem solid transparent; border-right: .10667rem solid transparent; border-bottom: .10667rem solid var(--text_white, var(--text_color_L1)); background-color: unset !important } .lotteryActivity__container-list { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: .4rem; padding: .4rem .32rem } .lotteryActivity__container-button { width: 100%; height: 1.06667rem; color: var(--main-color); text-align: center; font-size: .45333rem; line-height: 1.06667rem; border: .01333rem solid var(--main-color); border-radius: 9rem } .lotteryActivity__container-products__treasure { position: relative; left: 50%; -webkit-transform: translateX(-50%); transform: translate(-50%); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 1rem; width: calc(100% - .4rem); margin-top: 1rem } .lotteryActivity__container-products__treasure-item { width: 100% } .lotteryActivity__container-products__treasure-item__header, .lotteryActivity__container-products__treasure-item__footer { position: relative; width: 100% } .lotteryActivity__container-products__treasure-item__header { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; padding-block: .26667rem; color: var(--textW); border-top-left-radius: .13333rem; border-top-right-radius: .13333rem; background: var(--main_gradient-color) } .lotteryActivity__container-products__treasure-item__header>span { position: absolute; top: .26667rem; left: 0; padding: .04rem .26667rem .04rem .4rem; font-size: .875rem; border-top-right-radius: 9rem; border-bottom-right-radius: 9rem; z-index: 2 } .lotteryActivity__container-products__treasure-item__header>span:last-of-type { top: .22667rem; padding: .08rem .26667rem .08rem .44rem; color: transparent; white-space: nowrap; z-index: 1 } .lotteryActivity__container-products__treasure-item__footer { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start; padding: .13333rem .2rem; border-bottom-left-radius: .13333rem; border-bottom-right-radius: .13333rem } .lotteryActivity__container-products__treasure-item__footer-title { margin-bottom: .5rem; color: var(--text_color_L1); font-size: 1.125rem } .lotteryActivity__container-products__treasure-item__footer-title>span { color: var(--main-color); font-weight: 700 } .lotteryActivity__container-products__treasure-item__footer-progressTitle { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; width: 100%; color: var(--text_color_L2); font-size: .875rem } .lotteryActivity__container-products__treasure-item__footer .van-progress { width: 100%; margin-block: .5rem } .lotteryActivity__container-products__treasure-item__footer-progressDetails { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; width: 100%; color: var(--text_color_L1) } .lotteryActivity__container-products__treasure-item__footer-progressDetails>span { color: #848592; font-size: .875rem } .lotteryActivity__container-products__treasure-item__footer-progressDetails>div span { font-size: 1.125rem; font-weight: 600 } .lotteryActivity__container-products__treasure-item__footer-ending, .lotteryActivity__container-products__treasure-item__footer-cost { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; width: 100%; height: 2rem; margin-block: .06667rem; border: .01333rem solid var(--bgColor-6); background-color: var(--bg_color_L2) } .lotteryActivity__container-products__treasure-item__footer-ending>span, .lotteryActivity__container-products__treasure-item__footer-ending>div, .lotteryActivity__container-products__treasure-item__footer-cost>span, .lotteryActivity__container-products__treasure-item__footer-cost>div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; height: 100%; padding: .06667rem .13333rem } .lotteryActivity__container-products__treasure-item__footer-ending>span, .lotteryActivity__container-products__treasure-item__footer-cost>span { -webkit-box-flex: .6; -webkit-flex: .6; flex: .6; background: var(--bgColor-6); -webkit-clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%) } .lotteryActivity__container-products__treasure-item__footer-ending>div, .lotteryActivity__container-products__treasure-item__footer-cost>div { -webkit-box-flex: .4; -webkit-flex: .4; flex: .4; -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; color: var(--main-color); font-size: 1.125rem; font-weight: 600 } .lotteryActivity__container-products__treasure-item__footer-ending>div img, .lotteryActivity__container-products__treasure-item__footer-cost>div img { width: 1.125rem; height: 1.125rem; margin-inline: .06667rem } .lotteryActivity__container-products__treasure-item__footer-ending>div { color: var(--text_color_L1); font-size: 1rem; font-weight: 500 } .lotteryActivity__container-products__treasure-item__footer-ending>div>span { font-size: 1.125rem; font-weight: 600 } .lotteryActivity__container-products__treasure-item__footer-button { width: 100%; margin-block: 1.5rem 1rem; padding-block: .06667rem; color: var(--textW); text-align: center; border-radius: 9rem; background: var(--norm_red-color) } .lotteryActivity__container-products__treasure-button { width: 100%; padding: .10667rem; color: var(--main-color); text-align: center; font-size: 1.25rem; border: .01333rem solid var(--main-color); border-radius: 9rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .lotteryDetail__container { padding-bottom: 2.4rem; font-family: bahnschrift; background: var(--bg_color_L1) } .lotteryDetail__container svg { width: .42667rem; height: .42667rem } .lotteryDetail__container .van-nav-bar { background-color: var(--bg_color_L2) } .lotteryDetail__container .van-nav-bar .van-nav-bar__content .van-nav-bar__left .van-icon, .lotteryDetail__container .van-nav-bar .van-nav-bar__content .van-nav-bar__title { color: var(--text_color_L1) } .lotteryDetail__container .van-action-sheet__header { line-height: 1.06667rem; padding-top: .26667rem; color: var(--text_color_L1) } .lotteryDetail__container .van-action-sheet__content { background: var(--bg_color_L2) } .lotteryDetail__container .van-action-sheet__content div { color: var(--main-color) } .lotteryDetail__container-item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column } .lotteryDetail__container-item__hero { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -webkit-align-items: stretch; align-items: stretch; background: var(--bg_color_L2); padding-bottom: .53333rem; margin-bottom: .4rem; overflow: hidden } .lotteryDetail__container-item__hero-img { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: end; -webkit-align-items: flex-end; align-items: flex-end; background: var(--bg_color_L3); height: 7.02667rem; position: relative } .lotteryDetail__container-item__hero-img img { height: 6.66667rem; width: 6.66667rem } .lotteryDetail__container-item__hero-img .van-swipe-item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .lotteryDetail__container-item__hero-img .van-swipe { width: 100%; height: 100% } .lotteryDetail__container-item__hero-title, .lotteryDetail__container-item__hero-detail, .lotteryDetail__container-item__hero-progress, .lotteryDetail__container-item__hero-footer { padding-inline: .16rem } .lotteryDetail__container-item__hero-title { font-size: .4rem; color: var(--text_color_L1); margin: .32rem 0 } .lotteryDetail__container-item__hero-title>span { color: var(--text_color_L) } .lotteryDetail__container-item__hero-detail { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: .26667rem; width: 100%; color: var(--text_color_L1); margin-bottom: .6rem } .lotteryDetail__container-item__hero-detail>div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; gap: .13333rem; padding: .06667rem .13333rem; font-size: .32rem; background-color: var(--bg_color_L3) } .lotteryDetail__container-item__hero-detail>div>span { color: var(--text_color_L2) } .lotteryDetail__container-item__hero-detail>div>span:first-child { -webkit-box-flex: 20%; -webkit-flex: 20%; flex: 20%; text-align: center } .lotteryDetail__container-item__hero-detail>div>span.text-spacing { text-align: justify; text-align-last: justify; padding: 0 .26667rem } .lotteryDetail__container-item__hero-detail>div>span:last-child { -webkit-box-flex: 80%; -webkit-flex: 80%; flex: 80%; font-size: .32rem; line-height: .32rem } .lotteryDetail__container-item__hero-detail>div>div { height: .24rem; width: .01333rem; background: var(--Dividing-line_color) } .lotteryDetail__container-item__hero-progress { margin-bottom: .26667rem } .lotteryDetail__container-item__hero-progress h1 { font-size: .37333rem; font-weight: 700; color: var(--text_color_L1) } .lotteryDetail__container-item__hero-progress>div:first-of-type, .lotteryDetail__container-item__hero-progress>div:last-of-type { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; font-size: .32rem } .lotteryDetail__container-item__hero-progress>div:first-of-type { font-size: .32rem; margin-bottom: .13333rem; color: var(--text_color_L2) } .lotteryDetail__container-item__hero-progress>div:last-of-type { margin-top: .13333rem; color: #848592 } .lotteryDetail__container-item__hero-progress>div:last-of-type span:last-of-type { color: var(--text_color_L1) } .lotteryDetail__container-item__hero-footer__ending, .lotteryDetail__container-item__hero-footer__cost { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; width: 100%; height: .8rem; margin-block: .06667rem; border: .01333rem solid var(--bgColor-6); background: var(--bg_color_L3) } .lotteryDetail__container-item__hero-footer__ending .icon-box, .lotteryDetail__container-item__hero-footer__cost .icon-box { color: var(--norm_secondary-color) } .lotteryDetail__container-item__hero-footer__ending>span, .lotteryDetail__container-item__hero-footer__ending>div, .lotteryDetail__container-item__hero-footer__cost>span, .lotteryDetail__container-item__hero-footer__cost>div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; height: 100%; padding: .06667rem .13333rem } .lotteryDetail__container-item__hero-footer__ending>span, .lotteryDetail__container-item__hero-footer__cost>span { -webkit-box-flex: .6; -webkit-flex: .6; flex: .6; background: var(--HomebgLightColor); -webkit-clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%) } .lotteryDetail__container-item__hero-footer__ending>div, .lotteryDetail__container-item__hero-footer__cost>div { -webkit-box-flex: .4; -webkit-flex: .4; flex: .4; -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; font-size: 1.125rem; font-weight: 600 } .lotteryDetail__container-item__hero-footer__ending>div img, .lotteryDetail__container-item__hero-footer__cost>div img { width: .42667rem; height: .42667rem; margin-inline: .06667rem } .lotteryDetail__container-item__hero-footer__ending span, .lotteryDetail__container-item__hero-footer__cost span { font-size: .37333rem; color: var(--text_color_L1) } .lotteryDetail__container-item__hero-footer__ending h5, .lotteryDetail__container-item__hero-footer__cost h5 { font-weight: 700; font-size: .4rem } .lotteryDetail__container-item__hero-footer__ending>div, .lotteryDetail__container-item__hero-footer__cost>div { color: var(--text_color_L1); font-size: .34667rem; font-weight: 500 } .lotteryDetail__container-item__hero-footer__ending>div>span, .lotteryDetail__container-item__hero-footer__cost>div>span { font-size: .37333rem; font-weight: 600 } .lotteryDetail__container-item__luckyNumber { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; margin-top: .53333rem; padding-inline: .16rem } .lotteryDetail__container-item__luckyNumber h1 { position: relative; margin-bottom: .2rem; padding-left: .26667rem; color: var(--text_color_L1); font-size: .48rem; font-weight: 600 } .lotteryDetail__container-item__luckyNumber h1:before { content: ""; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: .08rem; height: .48rem; background: var(--main-color) } .lotteryDetail__container-item__luckyNumber>div { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; color: #d37116 } .lotteryDetail__container-item__luckyNumber>div img { width: 100%; height: 100% } .lotteryDetail__container-item__luckyNumber>div>div { position: absolute } .lotteryDetail__container-item__luckyNumber>div>div:first-of-type { top: 30%; font-size: .56rem; font-weight: 900 } .lotteryDetail__container-item__luckyNumber>div>div:last-of-type { bottom: 25%; font-weight: 700 } .lotteryDetail__container-item__footer { margin-top: .66667rem; padding-inline: .16rem } .lotteryDetail__container-item__footer h1.active { color: var(--text_color_L1); font-weight: 500 !important } .lotteryDetail__container-item__footer h1:not(.active) { color: var(--text_color_L2); font-weight: 400 } .lotteryDetail__container-item__footer-tabBar { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; gap: 1rem } .lotteryDetail__container-item__footer-tabBar h1 { position: relative; margin-bottom: .5rem; padding-left: .26667rem; font-size: .48rem } .lotteryDetail__container-item__footer-tabBar h1:first-of-type:before { content: ""; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: .08rem; height: .48rem; background: var(--main-color) } .lotteryDetail__container-item__footer .van-tabs .van-tabs__wrap { display: none } .lotteryDetail__container-item__footer-participants { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: .26667rem } .lotteryDetail__container-item__footer-participants__item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; padding: .21333rem .18667rem; border-radius: .13333rem; background-color: var(--bg_color_L2) } .lotteryDetail__container-item__footer-participants__item-header { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding: .13333rem 0 .21333rem; font-weight: 500; line-height: .33333rem; color: var(--text_color_L1) } .lotteryDetail__container-item__footer-participants__item-header span.me { color: var(--norm_red-color) } .lotteryDetail__container-item__footer-participants__item-header span:last-of-type { color: var(--text_color_L2); font-size: .32rem } .lotteryDetail__container-item__footer-participants__item-tickets { display: grid; grid-template-columns: repeat(2, 1fr); row-gap: .875em; padding: .2rem 0; color: var(--text_color_L1); border-radius: .13333rem; background: var(--bg_color_L1) } .lotteryDetail__container-item__footer-participants__item-tickets>div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; font-size: .75rem } .lotteryDetail__container-item__footer-participants__item-tickets>div svg { width: 1.04rem; height: .56rem; margin-right: .06667rem } .lotteryDetail__container-item__footer-participants__item-tickets>div span { display: block; width: 3.2rem; color: var(--text_color_L1); font-size: .34667rem; font-style: normal; font-weight: 400; line-height: .37333rem } .lotteryDetail__container-item__footer-participants__item-tickets__viewAll { color: var(--main-color) } .lotteryDetail__container-item__footer-participants__item-tickets__viewAll>div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; width: 4rem; height: .66667rem; padding: .02667rem 0; border: .01333rem solid var(--main-color); border-radius: 9rem; font-size: .34667rem; font-style: normal; font-weight: 400; line-height: .37333rem } .lotteryDetail__container-item__footer-participants__item-tickets__viewAll>div svg { width: .42667rem; height: .42667rem; margin-inline: .06667rem } .lotteryDetail__container-item__footer-detail { font-size: .45333rem; color: var(--text_color_L1) } .lotteryDetail__container-item__footer-detail img { width: 100% } .lotteryDetail__container-item__participate { position: fixed; bottom: 0; width: 100%; padding: .13333rem 0; color: var(--text_color_L2); text-align: center; background: var(--button_dis_color); z-index: 100; height: 1.6rem; line-height: 1.33333rem; font-size: .45333rem; max-width: 10rem } .lotteryDetail__container-item__participate.lotteryDetailActive { background: var(--bg_color_L3) } .lotteryDetail__container-item__participate span { display: block; color: var(--text_white, var(--main-color)); width: 100%; height: 100% } .lotteryDetail__container-item__actionSheet { padding: 0 .16rem } .lotteryDetail__container-item__actionSheet>div:first-of-type { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .lotteryDetail__container-item__actionSheet>div:first-of-type img { width: .64rem; height: .64rem; margin-right: .08rem } .lotteryDetail__container-item__actionSheet>div:first-of-type span { display: block; margin-top: .08rem; line-height: .64rem; font-size: .48rem; color: var(--main-color) } .lotteryDetail__container-item__actionSheet>div:nth-of-type(2) { text-align: center; margin-block: .26667rem; color: var(--text_color_L2); font-size: .32rem } .lotteryDetail__container-item__actionSheet>div:nth-of-type(3) { display: grid; grid-template-columns: repeat(4, 1fr); justify-items: center; gap: .4rem; width: 100%; margin-top: .13333rem } .lotteryDetail__container-item__actionSheet>div:nth-of-type(3)>div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; width: 100%; padding-block: .06667rem; color: var(--norm_red-color); font-family: Inter, sans-serif; border-radius: .13333rem; background: var(--bg_color_L3); -webkit-transition: all .1s ease-in-out; transition: all .1s ease-in-out } .lotteryDetail__container-item__actionSheet>div:nth-of-type(3)>div span { font-size: .42667rem } .lotteryDetail__container-item__actionSheet>div:nth-of-type(3)>div span:last-of-type { font-size: .29333rem; color: var(--text_color_L1) } .lotteryDetail__container-item__actionSheet>div:nth-of-type(3)>div.activeTicket { color: var(--text_color_L4); background: var(--main_gradient-color) } .lotteryDetail__container-item__actionSheet>div:nth-of-type(3)>div.activeTicket span:last-of-type { color: var(--text_color_L4) } .lotteryDetail__container-item__actionSheet>div:nth-of-type(4) { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; width: 100%; height: .8rem; margin-top: .26667rem; background: var(--bg_color_L3); border-radius: .13333rem } .lotteryDetail__container-item__actionSheet>div:nth-of-type(4)>span, .lotteryDetail__container-item__actionSheet>div:nth-of-type(4)>div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; height: 100%; padding: .06667rem .13333rem } .lotteryDetail__container-item__actionSheet>div:nth-of-type(4)>span { -webkit-box-flex: .6; -webkit-flex: .6; flex: .6; color: var(--text_color_L1) } .lotteryDetail__container-item__actionSheet>div:nth-of-type(4)>div { -webkit-box-flex: .4; -webkit-flex: .4; flex: .4; -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; gap: .375rem; color: var(--norm_secondary-color); font-size: .4rem } .lotteryDetail__container-item__actionSheet>div:nth-of-type(4)>div img { width: .42667rem; height: .42667rem } .lotteryDetail__container-item__actionSheet-button { border: none; background: var(--bg_color_L3); height: 1.6rem; border-radius: 0; color: var(--text_color_L1); margin-top: .53333rem } .lotteryDetail__container-item__actionSheetCloseBtn { position: fixed; bottom: 10.4rem; left: 50%; margin-left: -.4rem; text-align: center; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; z-index: 2000 } .lotteryDetail__container-item__actionSheetCloseBtn svg { width: .8rem; height: .8rem } .lotteryDetail__container .van-dialog { background: transparent; width: 8.93333rem } .lotteryDetail__container .van-dialog .van-dialog__content { position: relative } .lotteryDetail__container .van-dialog .van-dialog__content img { width: 100% } .lotteryDetail__container .van-dialog__content-title, .lotteryDetail__container .van-dialog__content-subTitle, .lotteryDetail__container .van-dialog__content-ticketsList, .lotteryDetail__container .van-dialog__content-tips, .lotteryDetail__container .van-dialog__content-confirm, .lotteryDetail__container .van-dialog__content-myTreasure, .lotteryDetail__container .van-dialog__content-successfullyParticipatedBottom { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translate(-50%); width: 100%; text-align: center } .lotteryDetail__container .van-dialog__content-title { top: 1.6rem; color: var(--text_color_L1); font-size: .56rem; font-weight: 700 } .lotteryDetail__container .van-dialog__content-subTitle { top: 2.8rem; color: #ffef89 } .lotteryDetail__container .van-dialog__content-subTitle>span { color: #ffef89; font-size: .64rem; vertical-align: middle } .lotteryDetail__container .van-dialog__content-tips { top: 3.66667rem; color: var(--text_color_L1); font-size: .32rem; font-weight: 300 } .lotteryDetail__container .van-dialog__content-ticketsList { top: 55%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 90%; height: 40%; padding-inline: .06667rem; overflow: hidden; z-index: 1 } .lotteryDetail__container .van-dialog__content-ticketsList>div { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: .53333rem .53333rem; -webkit-column-gap: .06667rem; column-gap: .06667rem; width: 100%; height: 100%; padding-bottom: .53333rem; overflow-y: auto } .lotteryDetail__container .van-dialog__content-ticketsList>div>div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; height: .53333rem; color: var(--norm_red-color); font-size: .32rem } .lotteryDetail__container .van-dialog__content-ticketsList__ticket { width: .88rem; height: .48rem; margin-right: .06667rem } .lotteryDetail__container .van-dialog__content-confirm { bottom: 2.8rem; color: var(--text_color_L1); font-size: .48rem; font-weight: 700; z-index: 3 } .lotteryDetail__container .van-dialog__content-myTreasure { bottom: .26667rem; width: 7.97333rem; height: 1.06667rem; padding: .25rem; color: var(--text_color_L1); text-align: center; font-size: .42667rem; border: .01333rem solid var(--text_color_L1); border-radius: 9rem; box-shadow: var(--BoxShadowColor-37); z-index: 3 } .lotteryDetail__container .van-dialog__content-successfullyParticipatedBottom { bottom: 0; z-index: 2 } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .myLottery__container { font-family: bahnschrift } .myLottery__container .boxShadow4px { background: var(--main_gradient-color2) } .myLottery__container .van-nav-bar { background-color: var(--bg_color_L3) } .myLottery__container .van-nav-bar .van-nav-bar__content .van-nav-bar__left .van-icon, .myLottery__container .van-nav-bar .van-nav-bar__content .van-nav-bar__title { color: var(--text_color_L1) } .myLottery__container .van-tabs__nav { background: var(--light-main_gradient-color, var(--bg_color_L3)) } .myLottery__container .van-tabs__line { width: 0; height: 0; border-left: .10667rem solid transparent; border-right: .10667rem solid transparent; border-bottom: .10667rem solid var(--text_white, var(--text_color_L1)); background-color: unset !important } .myLottery__container-products { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: .4rem; padding: .4rem .16rem 0 } .myLottery__container-products__item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: .26667rem; padding: .18667rem; border-radius: .13333rem; background: var(--darkBg, var(--bg_color_L2)) } .myLottery__container-products__item-header { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: stretch; -webkit-align-items: stretch; align-items: stretch; gap: .2rem } .myLottery__container-products__item-header__left { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; padding: .13333rem 0; color: var(--text_color_L1); font-size: .75em; border-radius: .13333rem; width: 4.26667rem; height: 3.2rem; background: var(--linerGradien-94, var(--bg_color_L3)) } .myLottery__container-products__item-header__left>span { position: absolute; top: .13333rem; left: 0; padding: .04rem .26667rem; border-top-right-radius: 9rem; border-bottom-right-radius: 9rem; z-index: 2 } html:lang(ar) .myLottery__container-products__item-header__left>span { left: unset; right: 0 } .myLottery__container-products__item-header__left>span:last-of-type { top: .09333rem; padding: .08rem .26667rem .08rem .30667rem; color: transparent; white-space: nowrap; z-index: 1 } .myLottery__container-products__item-header__left>img { width: 2.82667rem; height: 2.82667rem } .myLottery__container-products__item-header__right { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: .26667rem; font-size: .75rem } .myLottery__container-products__item-header__right h1 { margin-bottom: .4rem; font-size: .37333rem; font-weight: 600; color: var(--text_color_L1) } .myLottery__container-products__item-header__right h1>span { color: var(--main-color) } .myLottery__container-products__item-header__right>div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding: .21333rem .13333rem; color: #8c90a9; border-radius: .13333rem; background-color: var(--bg_color_L3); font-size: .29333rem } .myLottery__container-products__item-header__right>div svg { width: .32rem; height: .32rem; -webkit-margin-end: .04rem; margin-inline-end: .04rem } .myLottery__container-products__item-header__right>div:last-of-type span { font-size: .37333rem } .myLottery__container-products__item-header__right>div:last-of-type span.left { color: var(--text_color_L1) } .myLottery__container-products__item-header__right>div:last-of-type span.right { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: baseline; -webkit-align-items: baseline; align-items: baseline; margin-left: auto; -webkit-column-gap: .16rem; column-gap: .16rem; color: var(--norm_secondary-color) } .myLottery__container-products__item-header__right>div:last-of-type span.right:before { content: ""; position: absolute; left: -25%; width: .01333rem; padding-block: .09333rem; background: #bdcadd } html:lang(ar) .myLottery__container-products__item-header__right>div:last-of-type span.right:before { left: unset; right: -25% } .myLottery__container-products__item-footer { color: var(--text_color_L1); font-size: .34667rem; border-radius: .13333rem; background: var(--bg_color_L1); overflow: hidden } .myLottery__container-products__item-footer__header { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding: .2rem .13333rem; background: var(--light-main_gradient-color, var(--bg_color_L3)); font-size: .4rem } .myLottery__container-products__item-footer__header svg { width: .4rem; height: .4rem; -webkit-flex-shrink: 0; flex-shrink: 0 } .myLottery__container-products__item-footer__header>div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-column-gap: .13333rem; column-gap: .13333rem; color: var(--text_white, var(--text_color_L1)) } .myLottery__container-products__item-footer__header>div:last-of-type { -webkit-margin-start: .66667rem; margin-inline-start: .66667rem; color: var(--text_white, var(--text_color_L1)) } .myLottery__container-products__item-footer__body { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; row-gap: .5rem; padding: .26667rem .06667rem } .myLottery__container-products__item-footer__body-item { -webkit-box-flex: 40%; -webkit-flex: 40%; flex: 40%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; font-size: .34667rem } .myLottery__container-products__item-footer__body-item svg { width: 1.04rem; height: .56rem; margin-right: .06667rem } .myLottery__container-products__item-button { width: 100%; margin-block: .26667rem; color: var(--text_color_L1); text-align: center; border-radius: 9rem; height: .93333rem; line-height: .93333rem; font-size: .4rem; background: var(--main_gradient-color) } .myLottery__container-products__empty { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; gap: .5rem; width: 100%; padding-top: 6rem; color: var(--text_color_L2); font-size: .875rem } .myLottery__container-products__empty img { width: 2rem; max-width: 4rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .myOrders__container { padding-inline: .32rem; padding-block: 0 .26667rem; font-family: bahnschrift } .myOrders__container .van-nav-bar { background-color: var(--bg_color_L2) } .myOrders__container .van-nav-bar .van-nav-bar__content .van-nav-bar__left .van-icon, .myOrders__container .van-nav-bar .van-nav-bar__content .van-nav-bar__title { color: var(--text_color_L1) } .myOrders__container-item { height: 4.24rem; margin-top: .26667rem; margin-bottom: .26667rem; padding: .21333rem .18667rem; border-radius: .26667rem; background: var(--text_color_L4) } .myOrders__container-item__header { display: -webkit-box; display: -webkit-flex; display: flex; gap: .16rem } .myOrders__container-item__header-left { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; width: 5.06667rem; height: 2.4rem; border-radius: .26667rem; overflow: hidden } .myOrders__container-item__header-left>img { width: 100%; height: 100% } .myOrders__container-item__header-left>div { position: absolute; bottom: 0; left: 0; width: 100%; height: .50667rem; line-height: .25333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; color: #fff; text-align: center; font-size: var(--text_color_L1) } html:lang(ar) .myOrders__container-item__header-left>div { right: 0; left: auto } .myOrders__container-item__header-left>div.state0 { background: var(--norm_green-color) } .myOrders__container-item__header-left>div.state1 { background: var(--norm_red-color) } .myOrders__container-item__header-left>div.state2 { background: var(--norm_secondary-color) } .myOrders__container-item__header-left>div.state3 { background: var(--button_dis_color) } .myOrders__container-item__header-right { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start; gap: .21333rem; width: 100%; font-size: .37333rem } .myOrders__container-item__header-right h1 { height: 2.2em; width: 100%; line-height: 1.1em; padding-right: .2rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: var(--text_color_L1) } .myOrders__container-item__header-right>div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; width: 100% } .myOrders__container-item__header-right>div span { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; font-size: .4rem; color: var(--text_color_L1) } .myOrders__container-item__header-right>div span:first-of-type { gap: .10667rem; color: var(--norm_secondary-color) } .myOrders__container-item__header-right>div span:first-of-type i { font-size: .42667rem } .myOrders__container-item__footer { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: .16rem; margin-top: .16rem } .myOrders__container-item__footer>div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; color: #8c90a9; font-weight: 400; font-size: .32rem; background-color: var(--bg_color_L3) } .myOrders__container-item__footer>div span { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; height: .56rem; padding: 0 .26667rem; text-align: end; line-height: .66667rem } .myOrders__container-item__footer>div span:first-of-type { text-align: start; background: var(--HomebgLightColor); -webkit-clip-path: polygon(0 0, 100% 0, 90% 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 90% 100%, 0 100%) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .orderDetail__container { padding-block: 0 1.49333rem; font-family: bahnschrift } .orderDetail__container-header { position: relative; width: 100%; height: 4.8rem; background: var(--main_gradient-color) } .orderDetail__container-header__content { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; width: 100%; padding-inline: .32rem 1.24rem; color: var(--text_color_L4) } .orderDetail__container-header__content h1 { margin-bottom: .32rem; font-size: .48rem; font-weight: 600 } .orderDetail__container-header__content p { font-size: .34667rem } .orderDetail__container-header__content img { width: 4rem } .orderDetail__container-content { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: .5rem; margin-top: -.86667rem; padding-inline: .32rem } .orderDetail__container-content__itemDetail { padding: .36rem .13333rem; background: var(--bg_color_L2); color: var(--text_color_L1); border-radius: .26667rem } .orderDetail__container-content__itemDetail-header { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start } .orderDetail__container-content__itemDetail-header svg { width: .64rem; height: .64rem; margin-right: .2rem } .orderDetail__container-content__itemDetail-header h1 { width: 100%; padding-bottom: .23333rem; font-size: .42667rem; font-weight: 700; border-bottom: .01333rem solid var(--Dividing-line_color) } .orderDetail__container-content__itemDetail-header i { margin-right: .2rem; font-size: .64rem } .orderDetail__container-content__itemDetail-body { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; margin-top: .40667rem } .orderDetail__container-content__itemDetail-body__top { display: -webkit-box; display: -webkit-flex; display: flex; gap: .16rem } .orderDetail__container-content__itemDetail-body__top>div:first-of-type { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-shrink: 0; flex-shrink: 0; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; width: 3.2rem; height: 2.4rem; border-radius: .26667rem; background: var(--bg_color_L3) } .orderDetail__container-content__itemDetail-body__top>div:first-of-type img { width: 100%; height: 100% } .orderDetail__container-content__itemDetail-body__top>div:last-of-type { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start; gap: .29333rem; width: 100% } .orderDetail__container-content__itemDetail-body__top>div:last-of-type h1 { font-size: .37333rem; line-height: .37333rem; line-height: 1.2 } .orderDetail__container-content__itemDetail-body__top>div:last-of-type>div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; width: 100% } .orderDetail__container-content__itemDetail-body__top>div:last-of-type>div .colorf95959 { color: var(--norm_red-color) !important } .orderDetail__container-content__itemDetail-body__top>div:last-of-type>div span { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; font-size: .37333rem; line-height: .37333rem } .orderDetail__container-content__itemDetail-body__top>div:last-of-type>div span svg { width: .42667rem; height: .42667rem } .orderDetail__container-content__itemDetail-body__top>div:last-of-type>div span:first-of-type { gap: .08rem; color: var(--norm_secondary-color) } .orderDetail__container-content__itemDetail-body__top>div:last-of-type>div span:first-of-type i { font-size: .42667rem } .orderDetail__container-content__itemDetail-body__top>div:last-of-type>div span:first-of-type span { font-size: .4rem } .orderDetail__container-content__itemDetail-body__footer { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: .16rem; margin-top: .16rem } .orderDetail__container-content__itemDetail-body__footer>div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; color: #8c90a9; font-weight: 500; font-size: .32rem; background-color: var(--bg_color_L3) } .orderDetail__container-content__itemDetail-body__footer>div:first-of-type { padding-right: .5rem } .orderDetail__container-content__itemDetail-body__footer>div:first-of-type span:last-of-type { padding-right: .25rem } .orderDetail__container-content__itemDetail-body__footer>div:first-of-type i { font-size: .32rem } .orderDetail__container-content__itemDetail-body__footer>div span { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; padding: .09333rem .26667rem; text-align: end } .orderDetail__container-content__itemDetail-body__footer>div span:first-of-type { text-align: start; background: var(--activityBg3); -webkit-clip-path: polygon(0 0, 100% 0, 90% 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 90% 100%, 0 100%) } .orderDetail__container-content__address { padding: .4rem .28rem; color: var(--text_color_L1); background: var(--bg_color_L2); border-radius: .26667rem } .orderDetail__container-content__address-header { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start } .orderDetail__container-content__address-header h1 { width: 100%; padding-bottom: .23333rem; font-size: .42667rem; font-weight: 700; border-bottom: .01333rem solid var(--Dividing-line_color) } .orderDetail__container-content__address-header i { margin-right: .06667rem; color: var(--main-color); font-size: .64rem } .orderDetail__container-content__address-body { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: .25333rem; margin-top: .55333rem; font-size: .4rem } .orderDetail__container-content__address-body p { color: var(--text_color_L2); font-size: .34667rem } .orderDetail__container-content__orderDetail { padding: .4rem .14667rem; color: var(--text_color_L1); background: var(--bg_color_L2); border-radius: .26667rem } .orderDetail__container-content__orderDetail-header { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start; font-size: 1.125rem } .orderDetail__container-content__orderDetail-header svg { width: .64rem; height: .64rem; -webkit-margin-end: .2rem; margin-inline-end: .2rem } .orderDetail__container-content__orderDetail-header h1 { width: 100%; padding-bottom: .23333rem; font-size: .42667rem; font-weight: 700; border-bottom: .01333rem solid var(--Dividing-line_color) } .orderDetail__container-content__orderDetail-header i { margin-right: .06667rem; color: var(--main-color); font-size: .64rem } .orderDetail__container-content__orderDetail-body { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: .62667rem; margin-top: .55333rem } .orderDetail__container-content__orderDetail-body__item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .orderDetail__container-content__orderDetail-body__item span { color: var(--text_color_L2); font-size: .34667rem } .orderDetail__container-content__orderDetail-body__item:first-of-type span:last-of-type { color: var(--main-color) } .orderDetail__container-content__btn { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; gap: .37333rem; width: 100%; padding-inline: .6rem } .orderDetail__container-content__btn-cancel { color: var(--text_color_L4); background: var(--main_gradient-color) } .orderDetail__container-content__btn div { border-radius: 9rem; width: 100%; height: .93333rem; text-align: center; line-height: .93333rem } .orderDetail__container-content__btn div:last-of-type { color: var(--main-color); border: .01333rem solid var(--main-color) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .receiveLottery__container { padding-inline: .16rem; padding-block: .66667rem 1rem; font-family: bahnschrift } .receiveLottery__container .van-nav-bar { background-color: var(--bg_color_L2) } .receiveLottery__container .van-nav-bar .van-nav-bar__content .van-nav-bar__left .van-icon, .receiveLottery__container .van-nav-bar .van-nav-bar__content .van-nav-bar__title { color: var(--text_color_L1) } .receiveLottery__container-hero { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; height: 3.57333rem; padding: .16rem; border-radius: .13333rem; background: var(--bg_color_L2) } .receiveLottery__container-hero__left, .receiveLottery__container-hero__right { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; height: 100% } .receiveLottery__container-hero__left { position: relative; display: grid; place-items: center; border-radius: .13333rem; width: 4.26667rem; height: 3.2rem; background: -webkit-linear-gradient(top, #ff7475 -3.33%, #ffa895 100%); background: linear-gradient(180deg, #ff7475 -3.33%, #ffa895 100%) } .receiveLottery__container-hero__left img { height: 2.82667rem; width: 2.82667rem } .receiveLottery__container-hero__left span { position: absolute; top: .13333rem; left: 0; padding: .06667rem .26667rem .06667rem .4rem; color: var(--textW); font-size: .29333rem; border-top-right-radius: 9rem; border-bottom-right-radius: 9rem } .receiveLottery__container-hero__left span:first-of-type { background: -webkit-linear-gradient(right, #fabb2a 18.36%, #eb9315 89.84%, #fbe571 96.48%, #ed8b19 100%); background: linear-gradient(270deg, #fabb2a 18.36%, #eb9315 89.84%, #fbe571 96.48%, #ed8b19 100%); z-index: 2 } .receiveLottery__container-hero__left span:last-of-type { top: .09333rem; padding: .10667rem .26667rem .10667rem .44rem; background: -webkit-linear-gradient(left, #ff9c3a -3.24%, #ffe55c 4.63%, #ffb936 13.43%, #fff962 76.75%); background: linear-gradient(90deg, #ff9c3a -3.24%, #ffe55c 4.63%, #ffb936 13.43%, #fff962 76.75%); z-index: 1 } .receiveLottery__container-hero__right { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; padding-left: .29333rem } .receiveLottery__container-hero__right h1 { margin-bottom: auto; color: var(--text_color_L1); font-size: .37333rem } .receiveLottery__container-hero__right h1 span { color: var(--main-color) } .receiveLottery__container-hero__right div { padding: .06667rem .13333rem; font-size: .29333rem; border-radius: .06667rem } .receiveLottery__container-hero__right div:first-of-type { color: #8c90a9; height: .8rem; line-height: .8rem; background-color: var(--bg_color_L3); margin-bottom: .2rem } .receiveLottery__container-hero__right div:last-of-type { display: -webkit-box; display: -webkit-flex; display: flex; height: .90667rem; -webkit-box-align: center; -webkit-align-items: center; align-items: center; color: var(--text_color_L1); background-color: var(--bg_color_L3); font-size: .34667rem } .receiveLottery__container-hero__right div:last-of-type svg { width: 1.04rem; height: .56rem; margin-right: .06667rem } .receiveLottery__container-empty { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .receiveLottery__container-empty img { width: 8rem; margin-bottom: .5rem } .receiveLottery__container-empty p { color: var(--text_color_L2); font-size: .75rem } .receiveLottery__container-note { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin-top: 1rem; padding: .29333rem .26667rem; color: var(--text_color_L1); font-size: .32rem; border-radius: 9rem; background: var(--bg_color_L2) } .receiveLottery__container-note svg { width: .42667rem; height: .42667rem; margin-right: .26667rem } .receiveLottery__container-address { margin-top: .69333rem } .receiveLottery__container-address__header { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin-bottom: .33333rem; color: var(--text_color_L1); font-size: .48rem } .receiveLottery__container-address__header i { margin-right: .24rem; color: var(--main-color); font-size: .64rem } .receiveLottery__container-address__body { margin-bottom: .26667rem; border-radius: .13333rem; background: var(--bg_color_L2); overflow: hidden } .receiveLottery__container-address__body-content { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: .33333rem; padding: .26667rem .16rem; color: var(--text_color_L1) } .receiveLottery__container-address__body-content div { font-size: .4rem } .receiveLottery__container-address__body-content div:last-of-type { color: var(--text_color_L2); font-size: .34667rem; word-wrap: break-word } .receiveLottery__container-address__body-footer { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding: .37333rem .26667rem; background-color: var(--bg_color_L2) } .receiveLottery__container-address__body-footer div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; color: var(--text_color_L2); font-size: .32rem } .receiveLottery__container-address__body-footer div svg { width: .48rem; height: .48rem; margin-right: .13333rem } .receiveLottery__container-address__body-footer div .van-checkbox__label { color: var(--colorText-26) } .receiveLottery__container-address__empty { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; padding: 1.12rem 0; border-radius: .13333rem; background: var(--bg_color_L2) } .receiveLottery__container-address__empty img { width: 1.17333rem; height: 1.17333rem; margin-bottom: .2rem } .receiveLottery__container-address__empty p { color: var(--text_color_L2); font-size: .37333rem } .receiveLottery__container-receiverBtn { width: 100%; margin-top: 2rem; padding-block: .375rem; color: var(--textW); text-align: center; border-radius: 9rem; background: var(--main_gradient-color) } .receiveLottery__container-receiverBtn.disabled { background: var(--main_gradient-color); box-shadow: var(--BoxShadowColor-16) } .receiveLottery__container .van-dialog { overflow: visible } .receiveLottery__container .van-dialog .van-dialog__content { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding-block: 2.46667rem .6rem } .receiveLottery__container .van-dialog__content img { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translate(-50%) } .receiveLottery__container .van-dialog__content img:first-of-type { top: -1rem; width: 3.73333rem } .receiveLottery__container .van-dialog__content img:last-of-type { bottom: -1.13333rem; width: .8rem; height: .8rem } .receiveLottery__container .van-dialog__content-title { margin-bottom: .29333rem; color: var(--text_color_L1); font-size: .48rem } .receiveLottery__container .van-dialog__content-note { margin-bottom: 1.13333rem; color: var(--text_color_L2); font-size: .32rem } .receiveLottery__container .van-dialog__content-btn { width: 4.34667rem; height: 1.06667rem; color: var(--text_color_L4); line-height: 1.06667rem; text-align: center; font-size: .42667rem; border-radius: 9rem; background: var(--main_gradient-color) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .pointMallRecord__container { padding-block: 0 1rem; font-family: Inter, sans-serif } .pointMallRecord__container svg { width: .64rem; height: .64rem } .pointMallRecord__container .navbar__content-right .navbar__content-right__buttons { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; gap: .4rem } .pointMallRecord__container .color2fb192 { color: var(--main-color) !important } .pointMallRecord__container .colorf95959 { color: var(--norm_red-color) !important } .pointMallRecord__container .no-data { margin-top: 5rem } .pointMallRecord__container .no-data .empty__container { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .pointMallRecord__container-header { display: grid; place-items: center; width: 100%; height: 3.2rem; color: var(--text_color_L1); background: url(/assets/png/recordHeaderBg-9f70ebdf.png) no-repeat; background-size: cover; background-color: var(--light-main-color, var(--bg_color_L2)) } .pointMallRecord__container-header .points-date { width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; padding-left: .8rem; padding-top: .26667rem } .pointMallRecord__container-header-date { min-width: 3.46667rem; height: .61333rem; line-height: .61333rem; border: .00667rem solid var(--text_white, var(--text_color_L1)); border-radius: .53333rem; font-size: .37333rem; text-align: center; color: var(--text_white, var(--text_color_L1)); -webkit-box-align: center; -webkit-align-items: center; align-items: center; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .pointMallRecord__container-header-date div { padding: .05333rem 0 0 .21333rem } .pointMallRecord__container-header__content { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; gap: 3.08rem; width: 100% } .pointMallRecord__container-header__content-left, .pointMallRecord__container-header__content-right { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; height: 100% } .pointMallRecord__container-header__content-left div:first-of-type, .pointMallRecord__container-header__content-right div:first-of-type { margin-bottom: .32rem; font-size: .64rem; color: var(--text_white, var(--text_color_L1)); font-weight: 500; line-height: .64rem } .pointMallRecord__container-header__content-left div:last-of-type, .pointMallRecord__container-header__content-right div:last-of-type { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; color: var(--text_white, var(--text_color_L1)); width: 100%; gap: .13333rem; font-size: .37333rem } .pointMallRecord__container-list { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: .21333rem; margin-top: .53333rem; padding-inline: .32rem } .pointMallRecord__container-list__item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding: .25333rem .26667rem; border-radius: .13333rem; background: var(--darkBg, var(--bg_color_L2)) } .pointMallRecord__container-list__item-left div:first-of-type { color: var(--darkTextW, var(--text_color_L1)); font-size: .4rem } .pointMallRecord__container-list__item-left div:last-of-type { margin-top: .10667rem; font-size: .32rem; color: var(--text_color_L3) } .pointMallRecord__container-list__item-right { font-size: .48rem; font-weight: 400; font-family: bahnschrift } .progress__container { position: relative; width: 1.46667rem; height: 1.46667rem; border-radius: 50%; border: .01333rem solid var(--bg_color_L3); -webkit-transform: rotateY(180deg); transform: rotateY(180deg) } .progress__container-content { position: absolute; top: -.02667rem; left: 0; display: -webkit-box; display: -webkit-flex; display: flex; width: 1.46667rem; height: 1.46667rem } .progress__container-content__left { overflow: hidden; width: 1.46667rem; height: 1.46667rem } .progress__container-content__left-content { width: 1.46667rem; height: 1.46667rem; border-radius: 50%; border-width: .02667rem; border-color: var(--bg_color_L3); border-top-color: transparent; border-right-color: transparent; border-style: solid; -webkit-transform: var(--22f5c57f-\'rotate\(\'\ \+\ \(-135\ \+\ leftRotate\)\ \+\ \'deg\'\ \+\ \'\)\');transform:var(--22f5c57f-\'rotate\(\'\ \+\ \(-135\ \+\ leftRotate\)\ \+\ \'deg\'\ \+\ \'\)\');-webkit-transition:-webkit-transform .1s;transition:-webkit-transform .1s;transition:transform .1s;transition:transform .1s,-webkit-transform .1s}.progress__container-content__right{position:relative;overflow:hidden;width:1.46667rem;height:1.46667rem}.progress__container-content__right-content{position:absolute;right:0;width:1.46667rem;height:1.46667rem;border-radius:50%;border-width:.02667rem;border-color:var(--colorText-26);border-top-color:transparent;border-left-color:transparent;border-style:solid;-webkit-transform:var(--22f5c57f-\'rotate\(\'\ \+\ \(-225\ \+\ rightRotate\)\ \+\ \'deg\'\ \+\ \'\)\');transform:var(--22f5c57f-\'rotate\(\'\ \+\ \(-225\ \+\ rightRotate\)\ \+\ \'deg\'\ \+\ \'\)\');-webkit-transition:-webkit-transform .1s;transition:-webkit-transform .1s;transition:transform .1s;transition:transform .1s,-webkit-transform .1s}.van-toast{word-break:break-word!important}.cg-default.van-button{font-weight:700;font-size:.4rem}.cg-default.van-button .van-button__icon{height:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.cg-default.van-button .van-button__icon>img{height:80%}.redeem__container{padding-block:0 2.30667rem}.redeem__container .dropdown{position:relative;width:100%;height:1.06667rem;line-height:1.06667rem;background:var(--bg_color_L1)}.redeem__container .van-nav-bar .van-nav-bar__content .van-nav-bar__left .van-icon,.redeem__container .van-nav-bar .van-nav-bar__content .van-nav-bar__title,.redeem__container .van-action-sheet__header{color:var(--text_color_L1)}.redeem__container-hero{display:grid;place-items:center;width:100%;height:7.5rem;text-align:center;background:var(--bg_color_L3)}.redeem__container-hero img{height:7.5rem;width:10rem}.redeem__container-detail{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;gap:.4rem;padding-inline:.32rem}.redeem__container-detail__description{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;width:100%;margin-top:1rem;padding:.32rem .26667rem;border-radius:.13333rem;background:var(--darkBg, var(--bg_color_L2))}.redeem__container-detail__description-header{margin-bottom:.38667rem;color:var(--darkTextW, var(--text_color_L1));font-size:.37333rem;font-weight:700;height:3.6em;line-height:1.2em;overflow:hidden;text-overflow:ellipsis}.redeem__container-detail__description-body{display:-webkit-box;display:-webkit-flex;display:flex;margin-bottom:.35333rem}.redeem__container-detail__description-body__left{-webkit-box-flex:1;-webkit-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;gap:.36rem}.redeem__container-detail__description-body__left>div{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.redeem__container-detail__description-body__left>div:first-of-type{gap:.18667rem;color:var(--norm_secondary-color)}.redeem__container-detail__description-body__left>div:first-of-type svg{width:.48rem;height:.48rem}.redeem__container-detail__description-body__left>div:first-of-type span{font-size:.50667rem;line-height:.50667rem}.redeem__container-detail__description-body__left>div:last-of-type{width:4.8rem;height:.56rem;padding:.09333rem .26667rem;color:var(--text_color_L2);background-color:var(--bgDark-2, var(--bg_color_L3))}.redeem__container-detail__description-body__left>div:last-of-type span{-webkit-box-flex:1;-webkit-flex:1;flex:1}.redeem__container-detail__description-body__left>div:last-of-type span:first-of-type{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;font-size:.29333rem;white-space:nowrap}.redeem__container-detail__description-body__left>div:last-of-type span:first-of-type:after{content:"";display:block;width:.01333rem;height:.24rem;margin-left:.85333rem;background:var(--text_color_L1)}.redeem__container-detail__description-body__left>div:last-of-type span:last-of-type{color:var(--text_color_L1);font-size:.32rem;text-align:center}.redeem__container-detail__description-body__right{position:relative;right:.24rem}.redeem__container-detail__description-body__right .progress__container-content__right-content{border-color:var(--main-color)}.redeem__container-detail__description-body__right div:first-of-type{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;color:var(--main-color);font-size:.32rem}.redeem__container-detail__description-body__right .nowrap{white-space:nowrap}.redeem__container-detail__description .van-divider{margin:0;border-color:var(--saveTextColor-3)}.redeem__container-detail__description-footer{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;gap:.06667rem;margin-top:.26667rem;color:var(--text_color_L2);font-size:.32rem}.redeem__container-detail__description-footer svg{width:.42667rem;height:.42667rem}.redeem__container-detail__redeem{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;height:1.6rem;padding:.46667rem .26667rem;border-radius:.26667rem;background:var(--darkBg, var(--bg_color_L2));-webkit-transition:height .3s ease-in-out;transition:height .3s ease-in-out}.redeem__container-detail__redeem.active{height:3.06667rem;overflow:hidden}.redeem__container-detail__redeem.active .redeem__container-detail__redeem-insufficient{opacity:1}.redeem__container-detail__redeem-content{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;height:.66667rem}.redeem__container-detail__redeem-content>span{color:var(--darkTextW, var(--text_color_L1));font-size:.37333rem}.redeem__container-detail__redeem-content__amount{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;gap:.5rem}.redeem__container-detail__redeem-content__amount svg{width:.66667rem;height:.66667rem}.redeem__container-detail__redeem-content__amount svg:active{-webkit-transform:scale(.9);transform:scale(.9)}.redeem__container-detail__redeem-content__amount input{width:3.28rem;height:.66667rem;color:var(--text_color_L1);font-size:.37333rem;line-height:.66667rem;text-align:center;border-radius:9rem;background:var(--bg_color_L1);border:none}.redeem__container-detail__redeem-content__amount span:nth-of-type(1),.redeem__container-detail__redeem-content__amount span:nth-of-type(3){line-height:1}.redeem__container-detail__redeem-insufficient{margin-top:.24rem;opacity:0;-webkit-transition:opacity .1s ease-in-out;transition:opacity .1s ease-in-out}.redeem__container-detail__redeem-insufficient p{color:var(--main-color)}.redeem__container-detail__redeem-insufficient div{font-size:.29333rem}.redeem__container-detail__redeem-insufficient div:first-of-type{color:var(--textBlueLight, var(--norm_red-color))}.redeem__container-detail__redeem-insufficient div:last-of-type{margin-top:.26667rem;color:var(--darkTextW, var(--text_color_L1));text-align:end}.redeem__container-detail__redeem-insufficient div:last-of-type i:last-of-type{left:-.10667rem}.redeem__container-detail__notes{height:4.30667rem;padding:.37333rem .32rem;border-radius:.26667rem;background:var(--darkBg, var(--bg_color_L2))}.redeem__container-detail__notes h1{color:var(--darkTextW, var(--text_color_L1));font-size:.4rem}.redeem__container-detail__notes li{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;gap:.11333rem;height:.4rem;margin-top:.30667rem;color:var(--text_color_L2);font-size:.32rem;list-style:none}.redeem__container-detail__notes li:before{content:"";display:inline-block;width:.10667rem;height:.10667rem;border-radius:.02667rem;background:var(--darkLight2, var(--main-color));-webkit-transform:rotate(45deg);transform:rotate(45deg)}.redeem__container-button{position:fixed;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;width:100%;max-width:10rem;height:1.6rem;z-index:3000}.redeem__container-button__left{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;width:4.4rem;height:100%;padding:.26667rem .32rem;color:var(--light-main-color, var(--text_color_L2));font-size:.32rem;background:var(--bg_color_L3)}.redeem__container-button__left>div:last-of-type{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;gap:.06667rem;color:var(--light-main-color, var(--text_color_L2));margin-top:.21333rem}.redeem__container-button__left>div:last-of-type svg{width:.42667rem;height:.42667rem}.redeem__container-button__left>div:last-of-type>span{font-size:.34667rem}.redeem__container-button__right,.redeem__container-button__cancel{display:grid;place-items:center;height:100%;font-size:.45333rem;font-weight:600}.redeem__container-button__cancel{width:4.4rem;color:var(--text_color_L2);background:var(--bg_color_L3)}.redeem__container-button__right{width:5.6rem;color:var(--text_color_L4);background:var(--main-color)}.redeem__container-button__right span{width:100%;height:100%;text-align:center;line-height:1.6rem}.redeem__container-button__right.disabled{color:var(--text_color_L3);background:var(--button_dis_color);pointer-events:none}.redeem__container-actionSheet{padding-inline:.32rem;padding-bottom:2rem}.redeem__container-actionSheet__note{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;gap:.04rem;margin-bottom:.37333rem;color:var(--norm_red-color);font-size:.29333rem}.redeem__container-actionSheet__note i{font-size:.4rem}.redeem__container-actionSheet__item{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;gap:.26667rem;height:1.46667rem;padding:.22667rem .13333rem;border-radius:.08rem;background:var(--bg_color_L3)}.redeem__container-actionSheet__item-img{display:grid;place-items:center;width:1.33333rem;height:1rem;border-radius:.13333rem;overflow:hidden}.redeem__container-actionSheet__item-img img{width:1.33333rem;height:1rem;object-fit:contain}.redeem__container-actionSheet__item p{color:var(--text_color_L1);font-size:.32rem}.redeem__container-actionSheet__cost{margin-block:.41333rem .72rem;color:var(--text_color_L1);font-size:.48rem}.redeem__container-actionSheet__cost>span{color:#e22f2f;font-family:Poppins,sans-serif;font-weight:600}.redeem__container-actionSheet__address{padding:.26667rem .18667rem;border-radius:.13333rem;background:var(--bg_color_L3);margin-bottom:.26667rem}.redeem__container-actionSheet__address-header{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.redeem__container-actionSheet__address-header i{margin-right:.24rem;color:var(--main-color);font-size:.64rem}.redeem__container-actionSheet__address-header>span{font-size:.4rem;color:var(--text_color_L1)}.redeem__container-actionSheet__address-header>div{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;gap:.08rem;width:2.4rem;height:.8rem;margin-left:auto;padding:.2rem 0;color:var(--main-color);font-size:.32rem;border:.01333rem solid var(--main-color);border-radius:9rem}.redeem__container-actionSheet__address-header>div svg{width:.48rem;height:.48rem}.redeem__container-actionSheet__address .van-divider{color:var(--gray-color-1)}.redeem__container-actionSheet__address-default{color:var(--text_color_L1)}.redeem__container-actionSheet__address-default>div{font-size:.4rem;margin-bottom:.5rem}.redeem__container-actionSheet__address-default p{color:var(--text_color_L1);font-size:.34667rem}.redeem__container-actionSheet__address-empty{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;font-size:.37333rem;color:var(--colorText-11)}.addAddress__container-forum__item{margin-bottom:.69333rem}.addAddress__container-forum__item h1{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;gap:.2rem;color:var(--text_color_L1);font-size:.42667rem}.addAddress__container-forum__item h1 svg{color:var(--main-color);font-size:.64rem}.addAddress__container-forum__item .input_model{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:end;-webkit-align-items:flex-end;align-items:flex-end}.addAddress__container-forum__item .input_model>div{width:2.66667rem;border-radius:.13333rem;background:var(--bg_color_L2);height:1.06667rem;margin-right:.21333rem}.addAddress__container-forum__item .input_model input{width:100%;height:1.06667rem;margin-top:.26667rem;padding-inline:.26667rem;font-size:.37333rem;border:none;border-radius:.13333rem;background:var(--bg_color_L1);color:var(--text_color_L1)}.addAddress__container-forum__item .input_model input::-webkit-input-placeholder{color:var(--text_color_L3)}.addAddress__container-forum__item .input_model input::placeholder{color:var(--text_color_L3)}.addAddress__container-forum__item textarea{width:100%;height:3.73333rem;margin-top:.37333rem;padding:.30667rem .26667rem;font-size:.37333rem;outline:none;border:none;border-radius:.13333rem;background:var(--bg_color_L1);color:var(--text_color_L1);resize:none}.addAddress__container-forum__item textarea:focus{outline:.01333rem solid var(--main-color)}.addAddress__container-forum__item textarea::-webkit-input-placeholder{color:var(text_color_L3)}.addAddress__container-forum__item textarea::placeholder{color:var(text_color_L3)}.addAddress__container-forum__item:last-child{margin-bottom:.13333rem}.van-toast{word-break:break-word!important}.cg-default.van-button{font-weight:700;font-size:.4rem}.cg-default.van-button .van-button__icon{height:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.cg-default.van-button .van-button__icon>img{height:80%}.pointMall-rule__container{font-family:bahnschrift}.pointMall-rule__container .van-nav-bar{background-color:var(--bg_color_L2)}.pointMall-rule__container .van-nav-bar .van-nav-bar__content .van-nav-bar__left .van-icon,.pointMall-rule__container .van-nav-bar .van-nav-bar__content .van-nav-bar__title{color:var(--text_color_L1)}.pointMall-rule__container-claimRule,.pointMall-rule__container-pointRule{margin-top:.32rem}.pointMall-rule__container-claimRule__title,.pointMall-rule__container-pointRule__title{height:.93333rem;padding:.21333rem .26667rem;color:var(--text_white, var(--text_color_L1));font-size:.42667rem;line-height:.50667rem;background:var(--light-main-color, var(--bg_color_L3));-webkit-clip-path:polygon(0 0,65% 0%,60% 100%,0% 100%);clip-path:polygon(0 0,65% 0%,60% 100%,0% 100%)}.pointMall-rule__container-claimRule__body,.pointMall-rule__container-pointRule__body{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;gap:.4rem;padding:.4rem .29333rem .30667rem;border-radius:.13333rem;background:var(--darkBg, var(--bg_color_L2))}.pointMall-rule__container-claimRule__body>div:first-of-type,.pointMall-rule__container-pointRule__body>div:first-of-type{color:var(--text_color_L2);font-size:.34667rem}.pointMall-rule__container-claimRule__body>div:last-of-type,.pointMall-rule__container-pointRule__body>div:last-of-type{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;gap:.18667rem;color:var(--main-color);font-size:.4rem}.pointMall-rule__container-claimRule__body>div:last-of-type i,.pointMall-rule__container-pointRule__body>div:last-of-type i{font-size:.42667rem;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.pointMall-rule__container-claimRule{margin-bottom:1rem}.pointMall-rule__container-claimRule__body div:nth-of-type(2){display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;height:1.86667rem;padding:.45333rem 0 .45333rem 9rem;color:var(--text_color_L1);font-size:.42667rem;border-radius:.13333rem;background:url(/assets/png/claimRuleBg-98d00852.png) no-repeat center;background-color:var(--main-color);background-position-x:.13333rem;background-size:cover}.pointMall-rule__container-pointRule__body>div:nth-of-type(2){display:-webkit-box;display:-webkit-flex;display:flex;width:100%;min-height:4.93333rem;border-radius:.13333rem;overflow:hidden}.pointMall-rule__container-pointRule__body>div:nth-of-type(2)>div{-webkit-box-flex:1;-webkit-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;color:var(--text_color_L1)}.pointMall-rule__container-pointRule__body>div:nth-of-type(2)>div p,.pointMall-rule__container-pointRule__body>div:nth-of-type(2)>div li{width:100%;font-size:.37333rem;text-align:center}.pointMall-rule__container-pointRule__body>div:nth-of-type(2)>div p,.pointMall-rule__container-pointRule__body>div:nth-of-type(2)>div li:nth-of-type(2n){background:var(--sheet_detail_bg_color)}.pointMall-rule__container-pointRule__body>div:nth-of-type(2)>div p,.pointMall-rule__container-pointRule__body>div:nth-of-type(2)>div li:nth-of-type(odd){background:var(--bg_color_L2)}.pointMall-rule__container-pointRule__body>div:nth-of-type(2)>div p{height:.93333rem;line-height:.93333rem;background:var(--light-main-color, var(--bg_color_L3));color:var(--text_white, var(--text_color_L1))}.pointMall-rule__container-pointRule__body>div:nth-of-type(2)>div li{height:.81333rem;line-height:.81333rem;list-style:none;background:var(--sheet_detail_bg_color);color:var(--darkTextW, var(--text_color_L2));border-bottom:.01333rem solid var(--bgDark-2, var(--sheet_detail_bg_color))}.pointMall-rule__container-pointRule__body>div:nth-of-type(2)>div li:last-of-type{border-bottom:none}.pointMall-rule__container .toBet{color:var(--darkLight, var(--norm_red-color))}.van-toast{word-break:break-word!important}.cg-default.van-button{font-weight:700;font-size:.4rem}.cg-default.van-button .van-button__icon{height:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.cg-default.van-button .van-button__icon>img{height:80%}.turntable-detail-wrap{padding:.4rem .26667rem}.turntable-detail-hero{display:-webkit-box;display:-webkit-flex;display:flex;margin:0 auto .53333rem;color:var(--text_color_L2);border-radius:.13333rem;overflow:hidden;background-color:var(--bg_color_L2)}.turntable-detail-hero__wrapper{-webkit-box-flex:1;-webkit-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.turntable-detail-hero__wrapper-titlebox{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-flex:1;-webkit-flex:1;flex:1;width:100%;color:var(--text_color_L1);background:var(--sheet_nva_color)}.turntable-detail-hero__wrapper ul{width:100%}.turntable-detail-hero__wrapper ul li{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;width:100%;padding:.13333rem}.turntable-detail-hero__wrapper ul li:nth-child(2n){background:var(--sheet_detail_bg_color)}.turntable-detail-hero__wrapper ul li div{height:100%;-webkit-box-flex:1;-webkit-flex:1;flex:1;font-size:.37333rem;padding:.34667rem 0;text-align:center}.turntable-detail-hero__wrapper ul .targetAmount{color:var(--textBlueLight, var(--norm_red-color));font-family:Inter;font-size:.34667rem;font-style:normal;font-weight:500;line-height:.34667rem;margin-bottom:.08rem}.turntable-detail-hero__wrapper ul p{color:var(--text_color_L2);font-size:.29333rem;font-style:normal;font-weight:400;line-height:.29333rem}.turntable-detail-hero__wrapper ul .rotateNum{color:var(--darkTextW, var(--text_color_L1));font-size:.34667rem;font-style:normal;font-weight:500;line-height:.34667rem}.turntable-detail-hero__wrapper-title{width:100%;height:1.06667rem;padding-block:.34667rem;font-size:.42667rem;line-height:.32rem;text-align:center;color:var(--text_white, var(--text_color_L1));background:var(--sheet_nva_color)}.turntable-detail-hero__wrapper-content{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;width:100%;height:100%}.turntable-detail-hero__wrapper-content>div{width:100%;padding:.34667rem 0;font-size:.37333rem;line-height:.37333rem;text-align:center;border-bottom:.01333rem solid var(--norm_red-color)}.turntable-detail-hero__wrapper-content>div:last-of-type{border-bottom:none}.turntable-detail-tips{border-radius:.21333rem;background:var(--bg_color_L1);min-height:2.93333rem;padding:.26667rem;color:var(--text_color_L2);font-size:.34667rem}.turntable-detail .rule span{color:var(--norm_red-color)}.van-toast{word-break:break-word!important}.cg-default.van-button{font-weight:700;font-size:.4rem}.cg-default.van-button .van-button__icon{height:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.cg-default.van-button .van-button__icon>img{height:80%}.turntable-pointRule-wrap{padding:.4rem .26667rem}.turntable-pointRule__title{height:.93333rem;padding:.21333rem .26667rem;color:var(--text_white, var(--text_color_L1));font-size:.42667rem;line-height:.50667rem;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;background:var(--pop_bg-color, var(--bg_color_L3));-webkit-clip-path:polygon(0 0,100% 0%,96% 100%,0% 100%);clip-path:polygon(0 0,100% 0%,96% 100%,0% 100%)}.turntable-pointRule__title svg{width:.45333rem;height:.45333rem;margin-right:.26667rem}.turntable-pointRule__body{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;gap:.13333rem;border-radius:.13333rem;background:var(--darkBg, var(--bg_color_L2));margin-bottom:.2rem}.turntable-pointRule__body .note{color:var(--text_color_L1)}.turntable-pointRule__body p{padding:.26667rem;color:var(--text_color_L2)}.turntable-pointRule__body p span{color:var(--norm_red-color)}.turntable-tips{margin:.53333rem 0;color:var(--norm_red-color);font-family:Inter;font-size:.34667rem;font-style:normal;font-weight:400;line-height:.53333rem;border-radius:.21333rem;padding:.37333rem;background:var(--bg_color_L2)}.van-toast{word-break:break-word!important}.cg-default.van-button{font-weight:700;font-size:.4rem}.cg-default.van-button .van-button__icon{height:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.cg-default.van-button .van-button__icon>img{height:80%}.turntable-introduce{padding:.4rem .26667rem}.turntable-introduce .promotion-box{position:relative;padding:.57333rem .24rem .33333rem;border-top-left-radius:.26667rem;border-top-right-radius:.26667rem;background:var(--darkBg, var(--bg_color_L2));margin-bottom:.66667rem}.turntable-introduce .promotion-box span{position:absolute;top:0;left:30%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;color:var(--text_white, var(--text_color_L1))}.turntable-introduce .promotion-box span span{position:absolute;font-size:.34667rem;font-weight:600;line-height:.74667rem;margin-left:.6rem}.turntable-introduce .promotion-box span svg{width:3.92rem;height:.80089rem}.turntable-introduce .promotion-box .promotion-txt{color:var(--text_color_L1);font-size:.32rem;letter-spacing:.01333rem;line-height:.50667rem}.turntable-introduce .promotion-box .promotion-txt h3{margin-top:.32rem;color:var(--darkTextW, --text_color_L1);margin-bottom:.21333rem}.turntable-introduce .promotion-box .promotion-txt p{color:var(--text_color_L2)}.turntable-introduce .promotion-box:nth-of-type(6){margin-bottom:0;border-bottom:none} /* ===== assets/css/page-wallet-b9af2085.css ===== */ @charset "UTF-8"; .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .wallet-container { color: var(--text_color_L2) } .wallet-container-header { background: var(--light-main_gradient-color, var(--bg_color_L2)); width: 100%; color: #fff; padding-bottom: .32rem } .wallet-container-header-belly { margin-top: .13333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin-top: 67px; } .wallet-container-header-belly svg { width: 1.06667rem; height: 1.06667rem } .wallet-container-header-belly>div:nth-of-type(1) { margin: .10667rem 0; font-size: .64rem; line-height: .64rem } .wallet-container-header-belly span { font-size: .34667rem } .wallet-container-header-belly>div:nth-of-type(2) { width: 70%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: space-around; justify-content: space-around; margin-top: .26667rem; text-align: center } .wallet-container-header-belly>div:nth-of-type(2) p { margin-bottom: .13333rem } .wallet-container-header-belly .total { font-size: .4rem; font-weight: 500 } .wallet-container .progressBars span { color: var(--text_color_L1) } .wallet-container h3 { font-family: Inter; font-style: normal; font-weight: 400; line-height: .46667rem; letter-spacing: .04em; font-size: .4rem; color: var(--darkTextW, var(--text_color_L1)) } .wallet-container span { font-family: Inter; font-style: normal; font-weight: 400; line-height: .46667rem; letter-spacing: .04em; font-size: .32rem; text-align: center } .wallet-container-content { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: .32rem; padding-inline: .4rem; padding-bottom: 1.6rem; position: relative; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .wallet-container-content .container { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start; min-height: 9.06667rem; padding: .62667rem .18667rem .26667rem; font-family: bahnschrift; border-radius: .26667rem; background-color: var(--darkBg, var(--bg_color_L2)); width: 100%; margin-top: .32rem } .wallet-container-content .container .progressBars { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; width: 100%; text-align: center; margin-bottom: .4rem } .wallet-container-content .container .progressBars .van-circle__text { font-size: .4rem; font-weight: 600; color: var(--text_color_L1) } .wallet-container-content .container .progressBars>div { width: 50%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .wallet-container-content .container .progressBars>div .van-circle { width: 2.45333rem; height: 2.45333rem } .wallet-container-content .container .progressBars>div h3 { margin-top: .16rem } .wallet-container-content .container .recycleBtnD { width: 100%; text-align: center; margin-bottom: .4rem } .wallet-container-content .container .recycleBtnD .recycleBtn { width: 100%; height: .93333rem; color: #fff; font-size: .4rem; font-weight: 600; letter-spacing: .016rem; border: none; border-radius: 1.06667rem; background: var(--main_gradient-color) } .wallet-container-content .container .recycleBtnD .recycleBtn.disable { color: var(--bg_color_L2); background: var(--button_dis_color); cursor: no-drop } .wallet-container-content .container .userDetail { display: grid; grid-template-columns: repeat(4, 1fr); gap: .28rem; -webkit-box-orient: initial; -webkit-box-direction: initial; -webkit-flex-direction: initial; flex-direction: initial; width: 100%; margin-top: .26667rem } .wallet-container-content .container .userDetail>div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; gap: .13333rem } .wallet-container-content .container .userDetail>div .imgD { width: 1.30667rem; height: 1.30667rem; border-radius: .4rem; background: var(--bg_color_L2); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; margin-bottom: .13333rem } .wallet-container-content .container .userDetail>div .imgD img { width: 100%; height: auto } .wallet-container-content .container .userDetail>div span { font-size: .32rem } .wallet-container-content .gameList { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: .26667rem; -webkit-flex-direction: initial; flex-direction: initial; width: 100%; margin-bottom: .66667rem; -webkit-flex-wrap: wrap; flex-wrap: wrap; text-align: center } .wallet-container-content .gameList .select { background: var(--main_gradient-color) } .wallet-container-content .gameList .select span, .wallet-container-content .gameList .select h3 { color: var(--text_color_L4) !important } .wallet-container-content .gameList>div { width: 31%; min-height: 2.13333rem; background-color: var(--darkBg, var(--bg_color_L2)); background-repeat: no-repeat; background-position: center; background-size: contain; border-radius: .13333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; gap: .13333rem; padding: 0 .2rem } .wallet-container-content .gameList>div h3 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; font-size: .32rem; font-weight: 700; text-align: center; color: var(--text_color_L2) } .wallet-container-content .gameList .box { padding-left: .17333rem; padding-right: .17333rem; position: relative } .wallet-container-content .gameList .box svg { position: absolute; width: 100%; height: 100%; color: #d9d9d91a } .wallet-container-content .gameList .box>span { color: var(--text_color_L3); font-size: .32rem; font-weight: 400 } .wallet-container-content .gameList .money { font-size: .32rem; font-weight: 700; display: inline-block; width: 110%; overflow: hidden; -webkit-transform: scale(.9); transform: scale(.9) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .bg1 { background: -webkit-linear-gradient(left, #34be8b 3%, #34be8b 95.93%); background: linear-gradient(90deg, #34be8b 3%, #34be8b 95.93%) } .bg2 { background: -webkit-linear-gradient(left, #b2b2b2 3%, #b2b2b2 95.93%); background: linear-gradient(90deg, #b2b2b2 3%, #b2b2b2 95.93%) } .navbar .bg1 { background: -webkit-linear-gradient(left, #34be8b 3%, #34be8b 95.93%) !important; background: linear-gradient(90deg, #34be8b 3%, #34be8b 95.93%) !important } .navbar .bg2 { background: -webkit-linear-gradient(left, #b2b2b2 3%, #b2b2b2 95.93%) !important; background: linear-gradient(90deg, #b2b2b2 3%, #b2b2b2 95.93%) !important } .WHD__container { font-family: Inter; font-style: normal } .WHD__container .navbar { margin-bottom: -.01333rem } .WHD__container .navbar div, .WHD__container .navbar .van-icon { color: var(--textW); font-size: .53333rem } .WHD__container-header { height: 4rem; width: 100%; color: var(--textW); white-space: pre-wrap; padding: .26667rem .4rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row } .WHD__container-header h1 { font-weight: 700; font-size: .48rem; margin-bottom: .26667rem } .WHD__container-header span { font-weight: 400; font-size: .34667rem; line-height: .66667rem } .WHD__container-header img { width: 2.13333rem; height: 2.13333rem; margin-left: auto; text-align: right } .WHD__container .rechargeFailed img { width: 1.06667rem; height: 1.06667rem; margin-top: -.26667rem } .WHD__container-body { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: .21333rem; padding-inline: .32rem; padding-bottom: 2.13333rem; position: relative } .WHD__container-body>div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; font-family: bahnschrift; border-radius: .26667rem; background-color: var(--textW) } .WHD__container-body .container { position: absolute; width: 94%; top: -.8rem } .WHD__container-body .containerB { margin-top: 7.06667rem } .WHD__container-body .containerB .top span { color: var(--text_color_L1) !important; font-weight: 400 !important; font-size: .37333rem !important; padding-left: .13333rem; border-left: red .10667rem solid; line-height: .36rem } .WHD__container-body .container, .WHD__container-body .containerB { padding-bottom: .26667rem } .WHD__container-body .container .mImg, .WHD__container-body .containerB .mImg { background-color: #f6f6f6; height: .58667rem } .WHD__container-body .container .mImg img, .WHD__container-body .containerB .mImg img { width: 100% } .WHD__container-body .container .top, .WHD__container-body .containerB .top { padding: .37333rem .37333rem .2rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; width: 100% } .WHD__container-body .container .top img, .WHD__container-body .containerB .top img { width: .64rem; height: .64rem; margin-right: .13333rem } .WHD__container-body .container .top span, .WHD__container-body .containerB .top span { color: var(--text_color_L1); font-weight: 700; font-size: .42667rem } .WHD__container-body .container .item, .WHD__container-body .containerB .item { margin-top: -.13333rem; width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: .13333rem; font-size: .32rem; color: var(--text_color_L2); padding: .26667rem } .WHD__container-body .container .item>div:last-of-type, .WHD__container-body .containerB .item>div:last-of-type { -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .WHD__container-body .container .item>div, .WHD__container-body .containerB .item>div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row } .WHD__container-body .container .item>div span.yellow, .WHD__container-body .containerB .item>div span.yellow { color: var(--norm_secondary-color) } .WHD__container-body .container .item>div span.black, .WHD__container-body .containerB .item>div span.black { color: var(--text_color_L1) } .WHD__container-body .container .item>div span.red, .WHD__container-body .containerB .item>div span.red { color: var(--norm_red-color) } .WHD__container-body .container .item>div span, .WHD__container-body .containerB .item>div span { margin: .06667rem 0; padding-right: .26667rem } .WHD__container-body .container .item>div span:nth-of-type(2), .WHD__container-body .containerB .item>div span:nth-of-type(2) { margin-left: auto; text-align: right } .WHD__container-body .container .item>div img, .WHD__container-body .containerB .item>div img { width: .4rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .cancel_recharge { padding: 0 .32rem } .cancel_recharge .info { padding: .56rem .26667rem .26667rem; background: var(--bg_color_L2); border-radius: .13333rem; margin-bottom: .53333rem } .cancel_recharge .info .info_item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin-bottom: .44rem } .cancel_recharge .info .info_item div { font-size: .34667rem; color: var(--norm_red-color) } .cancel_recharge .info .info_item span { font-size: .34667rem } .cancel_recharge .info .info_item .user_name { color: var(--text_color_L2) } .cancel_recharge .info .info_item .money { color: var(--norm_secondary-color) } .cancel_recharge .info .info_item .order_num, .cancel_recharge .info .info_item .time { color: var(--gray-color-1) } .cancel_recharge .cancel_content { padding: .37333rem .26667rem .13333rem; background: var(--bg_color_L2); box-shadow: var(--BoxShadowColor-9); border-radius: .26667rem; margin-bottom: .64rem } .cancel_recharge .cancel_content .title { font-size: .37333rem; line-height: .45333rem; color: var(--text_color_L1); margin-bottom: .4rem; position: relative } .cancel_recharge .cancel_content .title:before { content: ""; display: inline-block; width: .08rem; height: .4rem; background: var(--main-color); margin-right: .21333rem; vertical-align: top } .cancel_recharge .cancel_content .cancel_radio { margin-bottom: .4rem } .cancel_recharge .cancel_content .cancel_radio span { font-size: .32rem; line-height: .53333rem; letter-spacing: .04em; color: var(--text_color_L2) } .cancel_recharge .cancel_content .cancel_radio .radio_title:before { content: ""; display: inline-block; width: .32rem; height: .32rem; border: .01333rem solid var(--text_color_L2); margin-right: .26667rem; vertical-align: middle; border-radius: 50%; box-sizing: border-box } .cancel_recharge .cancel_content .cancel_radio .textarea_input { width: 7.86667rem; padding: .34667rem .32rem; background: none; border: .01333rem solid var(--Dividing-line_color); border-radius: .13333rem; font-size: .32rem; line-height: .53333rem; color: var(--colorText-58); margin-left: .58667rem; margin-top: .18667rem } .cancel_recharge .cancel_content .radio_active .radio_title:before { border: none; background: var(--main-color) } .cancel_recharge .tip { font-size: .32rem; line-height: .53333rem; color: var(--text_color_L2) } .cancel_recharge .tip:before { content: ""; display: inline-block; width: .13333rem; height: .13333rem; margin-right: .32rem; vertical-align: middle; background: var(--colorText-26); border-radius: .02667rem; -webkit-transform: rotate(45deg); transform: rotate(45deg) } .cancel_recharge .cancel_btn { cursor: pointer; position: fixed; bottom: 0; left: 0; width: 100%; height: .93333rem; line-height: .93333rem; text-align: center; font-size: .4rem; color: var(--textW); background: var(--main-color) } .cancel_recharge .cancen_model_cnt { font-size: .32rem; text-align: center; color: var(--text_color_L2) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .orderCancel__container { padding-inline: .32rem } .orderCancel__container-header { width: 100%; height: 5.46667rem; padding: .56rem .26667rem; color: var(--norm_red-color); font-size: .34667rem; border-radius: .13333rem; background-color: var(--textW) } .orderCancel__container-header__details { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin-bottom: .4rem } .orderCancel__container-header__details span:last-of-type { color: var(--text_color_L2) } .orderCancel__container-header__details:nth-of-type(4) { margin-bottom: .66667rem } .orderCancel__container-header__details:nth-of-type(4) span:last-of-type { color: var(--norm_secondary-color) } .orderCancel__container-header .divider { border-top: .01333rem solid var(--gray-color-1); margin-block: .44rem } .orderCancel__container-header__footer { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; color: var(--gray-color-1); font-size: .32rem } .orderCancel__container-reason { height: -webkit-max-content; height: max-content; margin-top: .53333rem; padding: .37333rem .26667rem; border-radius: .26667rem; background-color: var(--textW); -webkit-transition: height .3s ease-in-out; transition: height .3s ease-in-out } .orderCancel__container-reason h1 { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; gap: .22667rem; margin-bottom: .4rem; color: var(--text_color_L1); font-size: .4rem; font-weight: 600 } .orderCancel__container-reason h1:before { content: ""; display: inline-block; width: .08rem; height: .4rem; background-color: var(--main-color) } .orderCancel__container-reason__item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; gap: .28rem; margin-bottom: .4rem; color: var(--text_color_L2); font-size: .32rem } .orderCancel__container-reason__item:before { content: ""; display: inline-block; width: .32rem; height: .32rem; border: .01333rem solid var(--text_color_L2); box-sizing: border-box; border-radius: 50%; background-color: var(--textW); -webkit-transition: background-color .1s ease-in-out, border .1s ease-in-out; transition: background-color .1s ease-in-out, border .1s ease-in-out } .orderCancel__container-reason__item.selected:before { border-width: 0; background-color: var(--main-color) } .orderCancel__container-reason__item:last-of-type { margin-bottom: 0 } .orderCancel__container-reason textarea { width: 7.86667rem; height: 0; margin-top: .2rem; margin-left: .54667rem; padding: .36rem .32rem; font-size: .32rem; opacity: 0; border-radius: .13333rem; border: .01333rem solid var(--Dividing-line_color); -webkit-transition: height .3s ease-in-out, opacity .3s ease-in-out; transition: height .3s ease-in-out, opacity .3s ease-in-out } .orderCancel__container-reason textarea.active { height: 2.8rem; opacity: 1 } .orderCancel__container-tip { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; margin-top: .66667rem; color: var(--text_color_L2); font-size: .32rem } .orderCancel__container-tip:before { content: ""; position: absolute; left: .16rem; display: inline-block; width: .13333rem; height: .13333rem; background: var(--colorText-26); -webkit-transform: rotate(45deg); transform: rotate(45deg) } .orderCancel__container-button { position: fixed; bottom: 0; width: 100%; height: .93333rem; color: var(--textW); font-size: .4rem; text-align: center; line-height: .93333rem; background: var(--main-color) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .Recharge__container-intro { background: var(--darkBg, var(--bg_color_L2)); border-radius: .26667rem; padding: .33333rem .26667rem } .Recharge__container-intro__title { font-weight: 600; font-size: .4rem; margin-bottom: .33333rem; display: -webkit-box; display: -webkit-flex; display: flex; color: var(--darkTextW, var(--text_color_L1)) } .Recharge__container-intro__title .svg-icon { width: .64rem; height: .64rem; margin-right: .16rem } .Recharge__container-intro__lists { border: .01333rem solid var(--bgDark-2, var(--Dividing-line_color)); border-radius: .26667rem; padding: .18667rem .22667rem .48rem .4rem } .Recharge__container-intro__lists .item { margin-top: .26667rem } .Recharge__container-intro__lists .item p { text-align: left; position: relative; padding-left: .33333rem; font-weight: 400; font-size: .32rem; color: var(--text_color_L2); line-height: .53333rem; margin: .2rem 0 } .Recharge__container-intro__lists .item p span.red { color: var(--norm_red-color) } .Recharge__container-intro__lists .item p:after { position: absolute; content: ""; width: .13333rem; height: .13333rem; -webkit-transform: rotate(45deg); transform: rotate(45deg); background: var(--main-color); left: -.06667rem; top: .18667rem } html:lang(ar) .Recharge__container-intro__lists .item p:after { left: unset; right: -.06667rem } .red { color: var(--main-color) !important } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .pay_state_step { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .pay_state_step .item { width: 1.73333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; position: relative } .pay_state_step .item img { width: .66667rem; height: .66667rem; margin-bottom: .18667rem } .pay_state_step .item span { font-size: .29333rem; color: var(--text_color_L1); white-space: wrap; text-align: center } .pay_state_step .item:after { content: ""; display: block; width: 1.2rem; height: .01333rem; background: var(--text_color_L2); position: absolute; top: .33333rem; right: -60% } .pay_state_step .appeal { width: 1.86667rem } .pay_state_step .appeal:after { width: 122%; right: -110% } .pay_state_step .item:last-child:after { width: 0 } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .other_pay { width: 100%; min-height: 100vh; position: relative; padding: 0 .32rem 1.86667rem } .other_pay .pay_store { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: .16rem; margin-bottom: .26667rem } .other_pay .pay_store .store_item { width: 100%; height: 130x; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; background-color: var(--bg_color_L2); border-radius: .13333rem; padding: .16rem 0 } .other_pay .pay_store .store_item img { width: .93333rem; height: .93333rem } .other_pay .pay_store .store_item span { font-size: .32rem; line-height: .53333rem; color: var(--text_color_L2) } .other_pay .tip { text-align: center } .other_pay .tip div:first-child { font-size: .32rem; line-height: .45333rem; margin-bottom: .08rem; color: var(--main-color) } .other_pay .tip div:last-child { font-size: .32rem; line-height: .53333rem; color: var(--text_color_L2); margin-bottom: .24rem } .other_pay .orderInfo { margin-bottom: .4rem } .other_pay .orderInfo .qrcode { display: block; width: 3.73333rem; height: 3.73333rem; margin: .32rem auto .37333rem } .other_pay .orderInfo .save_qrcode { width: 6.4rem; height: .8rem; border: .01333rem solid var(--main-color); border-radius: .13333rem; line-height: .8rem; text-align: center; color: var(--main-color); margin: 0 auto .4rem } .other_pay .orderInfo .UTR_title { color: var(--text_color_L1); font-size: .42667rem; line-height: .53333rem; margin-bottom: .16rem } .other_pay .info_item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; background: var(--bg_color_L2); border-radius: .13333rem; padding: .2rem .26667rem; margin-bottom: .13333rem } .other_pay .info_item span { font-size: .32rem; line-height: .53333rem; color: var(--main-color) } .other_pay .info_item div { color: var(--norm_secondary-color); font-size: .4rem; line-height: .48rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .other_pay .info_item div span { color: var(--text_color_L2); font-size: .34667rem; line-height: .48rem } .other_pay .info_item div svg { color: var(--text_color_L2); min-width: .42667rem; min-height: .42667rem; -webkit-margin-start: .26667rem; margin-inline-start: .26667rem } .other_pay .info_item .utr_tit { color: var(--gray-color-1); font-size: .32rem } .other_pay .info_item .utr_img { width: .42667rem; height: .42667rem } .other_pay .pay_btn { width: 100%; height: 1.6rem; position: absolute; bottom: 0; left: 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap } .other_pay .pay_btn div { height: 100%; line-height: 1.6rem; text-align: center; box-sizing: border-box; cursor: pointer } .other_pay .pay_btn .cancel_order { width: 4.4rem; border: .01333rem solid var(--main-color); color: var(--main-color); font-size: .45333rem } .other_pay .pay_btn .finish { width: calc(100% - 4.4rem); background: var(--main-color); color: var(--textW); font-weight: 700; font-size: .45333rem } .other_pay .pay_btn .unfinish { background: #bfc1d2 } .other_pay .actionSheet__content { padding: .56rem .26667rem } .other_pay .actionSheet__content .title { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .other_pay .actionSheet__content .title img { width: 1.33333rem; height: .56rem; margin-right: .32rem } .other_pay .actionSheet__content .title span { color: var(--text_color_L1); font-weight: 600; font-size: .42667rem } .other_pay .actionSheet__content .sheet_info { margin-bottom: .66667rem } .other_pay .actionSheet__content .sheet_info .sheet_item { padding: 0; margin-bottom: .4rem; box-shadow: none } .other_pay .actionSheet__content .sheet_info .sheet_item .sheet_right { color: var(--text_color_L2); font-size: .34667rem } .other_pay .actionSheet__content .sheet_info .sheet_item .sheet_amount { color: var(--norm_secondary-color) } .other_pay .actionSheet__content .finish_tit { font-size: .48rem; color: var(--darkTextW, var(--text_color_L1)); margin-bottom: .4rem } .other_pay .actionSheet__content .finish_tip { color: var(--text_color_L2); font-size: .34667rem; margin-bottom: 1.65333rem } .other_pay .c2c_actiosheet { padding: .53333rem .32rem; position: relative } .other_pay .c2c_actiosheet .text { color: var(--darkTextW, var(--text_color_L1)); font-size: .37333rem; font-style: normal; font-weight: 700; line-height: .53333rem; letter-spacing: .00373rem; margin-bottom: .4rem } .other_pay .c2c_actiosheet .text span { color: var(--rechargeBgColor-1); font-size: .37333rem } .other_pay .c2c_actiosheet .img_box { height: 13.33333rem; overflow: auto; padding-bottom: 1.33333rem } .other_pay .c2c_actiosheet .video_text { color: var(--rechargeBgColor-1); font-size: .42667rem; font-weight: 700; letter-spacing: .00427rem; margin-top: .26667rem; margin-bottom: .66667rem } .other_pay .c2c_actiosheet .help_img { width: 100% } .other_pay .c2c_actiosheet .close_img { position: absolute; top: -.26667rem; left: .66667rem; width: .8rem; height: .8rem; margin-left: -.4rem } .other_pay .c2c_actiosheet .close_btn { background: var(--main_gradient-color2); width: 8.98667rem; height: .93333rem; color: var(--textW); font-size: .4rem; font-style: normal; font-weight: 700; line-height: .53333rem; letter-spacing: .016rem; border-radius: .46667rem; text-align: center; line-height: .93333rem } .other_pay .c2c_actiosheet .text2 { margin-bottom: .26667rem; color: var(--text_color_L1); font-size: .37333rem } .other_pay .close_box { height: 1.86667rem; width: 100%; position: fixed; bottom: 0; left: 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; background-color: var(--textW) } .other_pay .c2cupload_box .c2cupload_tip { padding: .4rem .26667rem; height: 2.13333rem; border: .01333rem solid var(--bgDark-2, var(--Dividing-line_color)); color: var(--text_color_L2); font-size: .32rem; font-style: normal; font-weight: 400; line-height: .32rem; border-radius: .26667rem; margin-bottom: .26667rem; background: var(--darkBg) } .other_pay .c2cupload_box .c2cupload_tip div { margin: .18667rem } .other_pay .c2cupload_box .upload_img { width: 3.6rem; height: 6.4rem; margin: 0 auto .33333rem; background: url(/assets/png/upload_add-36760b1b.png) no-repeat center center; background-color: var(--bgDark-3, var(--bg_color_L2)); border-radius: .13333rem; background-size: 1.17333rem 1.17333rem } .other_pay .c2cupload_box .upload_img img { width: 3.6rem; height: 6.4rem; border-radius: .13333rem; object-fit: contain } .other_pay .c2cupload_box .noAdd { background: var(--bg_color_L2) } .other_pay .c2cupload_box .upload_action { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; margin-bottom: .66667rem } .other_pay .c2cupload_box .upload_action .upload_btn { width: 6.4rem; height: .8rem; border: .01333rem solid var(--main-color); border-radius: .13333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin-bottom: .34667rem; color: var(--main-color); font-size: .34667rem } .other_pay .c2cupload_box .upload_action .upload_btn svg { width: .56rem; height: .56rem; margin-right: .13333rem } .other_pay .c2cupload_box .upload_action .upload_text { text-align: center; color: var(--text_color_L2); font-size: .32rem; font-style: normal; font-weight: 400; line-height: .45333rem } .other_pay .c2c_btn { width: 8.98667rem } .other_pay .c2c_btn div { border-radius: .46667rem; height: .93333rem; text-align: center; line-height: .93333rem; font-size: .4rem; color: var(--textW) } .other_pay .c2c_btn .c2cFinish { background: var(--main_gradient-color2) } .other_pay .c2c_btn .no_finish { background: var(--main_gradient-color) } .other_pay .c2c_btn .backPay { margin-top: .58667rem; border: .01333rem solid var(--main-color); color: var(--main-color) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .Recharge__container-tabcard { margin-top: .4rem; margin-bottom: .26667rem; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: .26667rem } .Recharge__container-tabcard .centers { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .Recharge__container-tabcard__items { width: 100%; height: 2.4rem; background: var(--bgDark-2, var(--bg_color_L2)); color: var(--text_color_L2); border-radius: .13333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; position: relative } .Recharge__container-tabcard__items .gift { width: .94667rem; height: .85333rem; position: absolute; right: .05333rem; top: 0; background: url(/assets/png/gift-55dc786a.png) no-repeat center center; background-size: .94667rem auto } .Recharge__container-tabcard__items .gift span { display: block; color: #fff; font-size: .29333rem; letter-spacing: -.01173rem; text-align: center; padding-top: .32rem } .Recharge__container-tabcard__items.active { background: var(--main_gradient-color); color: var(--text_color_L4) } .Recharge__container-tabcard__items .Recharge__container-tabcard__bot { font-size: .32rem; text-align: center } .Recharge__container-tabcard__items .mgt24 { margin-top: .32rem } .Recharge__container-tabcard__top { -webkit-box-flex: 0; -webkit-flex: none; flex: none; width: .93333rem; height: .93333rem; margin: .30667rem auto .13333rem } .Recharge__container-tabcard__top img { width: 100%; height: 100% } .Recharge__container-tabcard__top .lists { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .Recharge__container-tabcard__top .lists svg { width: .56rem; margin-right: .13333rem } .Recharge__container-tabcard__top .lists svg:nth-child(2) { width: .44rem; height: .69333rem } .new_upi { margin-top: .4rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; background: var(--bgDark-2, var(--bg_color_L2)); border-radius: .26667rem; padding: .26667rem .24rem; position: relative } .new_upi img { width: 1.06667rem; height: 1.06667rem; margin-right: .4rem } .new_upi .upi_item { color: var(--text_color_L1); display: -webkit-box; display: -webkit-flex; display: flex; height: 1.33333rem; width: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column } .new_upi .upi_item .title { font-size: .4rem; margin-bottom: .24rem } .new_upi .upi_item .upi_image { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; background: url(/assets/svg/ArPayBackground-8c36eecc.svg) no-repeat center center; background-size: cover; width: -webkit-fit-content; width: fit-content; height: .61333rem; color: #fff; font-size: .29333rem; position: absolute; right: .13333rem; top: 0; padding: .06667rem .26667rem } .new_upi .upi_item .upi_image:before { content: ""; display: block; width: .29333rem; height: .29333rem; background: url(/assets/svg/Ar_Gift-f96ba611.svg) no-repeat center center; background-size: cover; margin-right: .13333rem } .upi_active { background: var(--main_gradient-color) } .upi_active .upi_item, .upi_active .upi_item .gift { color: #fff } .ar_wallet { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; height: 1.33333rem; border-radius: .13333rem; background: var(--bg_color_L2); margin-bottom: .42667rem; padding: .13333rem .32rem } .ar_wallet .info { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .ar_wallet .info img { width: 1.06667rem; height: 1.06667rem; margin-right: .13333rem } .ar_wallet .info .tip { color: var(--text_color_L1); font-size: .32rem } .ar_wallet .info .tit { color: var(--text_color_L1) } .ar_wallet .info .tit span { color: #999; font-size: .32rem; font-weight: 400 } .ar_wallet .info .wallet_amount { color: var(--text_color_L1); font-size: .37333rem; font-weight: 700; vertical-align: bottom } .ar_wallet .info .wallet_amount span { color: var(--text_color_L1); font-size: .32rem; font-weight: 700 } .ar_wallet .ar_btn { padding: .24rem; border-radius: .13333rem; background: var(--main_gradient-color); color: var(--text_color_L4); font-size: .32rem; width: -webkit-fit-content; width: fit-content; height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-flex: 0; -webkit-flex: none; flex: none } .ar_wallet_tip { background: url(/assets/png/hint-f8a7f7d4.png) no-repeat 0 .05333rem; background-size: .29333rem .29333rem; padding-left: .34667rem; color: var(--main-color); font-size: .26667rem; font-weight: 400 } .rule { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding: .26667rem; margin-bottom: .4rem; border-radius: .13333rem; background: var(--bg_color_L2); color: var(--text_color_L1) } .rule .left { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; gap: .26667rem; color: var(--text_color_L1) } .rule .left svg { width: .53333rem; height: .53333rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .recycleBtnD { width: 100%; text-align: center; padding: .4rem 0; max-width: 10rem; background: var(--darkBg, var(--bg_color_L2)); border-radius: 0; margin-bottom: 0 } .recycleBtnD.c2c { padding-bottom: 0 } .recycleBtnD button { width: 95%; background: var(--main_gradient-color); border-radius: .66667rem; border: none; color: var(--text_color_L4); padding: .26667rem 0; font-size: .37333rem } .recycleBtnD button.active { background: var(--main_gradient-color) } .van-dialog { overflow: visible } .van-dialog .van-dialog__content { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding-block: 2.66667rem; height: 6.4rem } .van-dialog__content img { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translate(-50%) } .van-dialog__content img:last-of-type { bottom: -.64rem; width: .73333rem } .van-dialog__content img.succeed { top: -.50667rem; width: 3.73333rem } .van-dialog__content img.fail { top: .04267rem; width: 2.13333rem } .van-dialog__content-title { margin-bottom: .192rem; color: var(--text_color_L1); font-weight: 700; font-size: .48rem; line-height: .48rem; font-family: Poppins } .van-dialog__content-title.title1 { margin-bottom: .66667rem } .van-dialog__content-note { margin-bottom: .53333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; font-size: .32rem } .van-dialog__content-note>span:nth-of-type(1) { color: var(--text_color_L2) } .van-dialog__content-note>span:nth-of-type(2) { color: var(--gray-color-1) } .van-dialog__content-note .red { color: var(--norm_red-color) } .van-dialog__content-btn { height: 1.06667rem; width: 5.33333rem; line-height: 1.06667rem; color: var(--text_color_L4); font-size: .42667rem; font-weight: 700; border-radius: 1.92rem; background: var(--main_gradient-color) } .arCard { background: var(--bg_color_L2); border-radius: .13333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding: .2rem .26667rem; gap: .13333rem; margin-bottom: .4rem } .arCard .left { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; gap: .26667rem; text-align: left } .arCard .left img { width: .74667rem; height: .58667rem; margin-left: .26667rem } .arCard .left>p { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column } .arCard .left>p span { text-align: left } .arCard .left>p span:last-of-type { color: #999 } .arCard .left>p span.amount { color: #333 !important; font-size: .37333rem; font-weight: 700 } .arCard .right { border-radius: .13333rem; background: var(--main-color); color: #fff; min-height: .85333rem; padding: .13333rem .26667rem; min-width: 2rem } .features { background: var(--bg_color_L2); border-radius: .13333rem; padding: .26667rem; text-align: left; color: var(--text_color_L1); margin-bottom: .42667rem } .features .title { font-size: .42667rem; font-weight: 600; display: -webkit-box; display: -webkit-flex; display: flex; gap: .26667rem } .features .title svg { width: .58667rem; height: .58667rem } .features>p { font-size: .37333rem; margin: .26667rem 0; line-height: .66667rem } .features>p span { font-size: .37333rem; font-weight: 500; margin: 0 .13333rem } .features .t1 { margin: .26667rem 0 } .features .t1, .features .t2 { font-size: .37333rem; font-weight: 500 } .features .t2 { color: var(--main_gradient-color) } .features .t3 { font-size: .42667rem; font-weight: 600; margin: .53333rem 0 .26667rem } .features .toActive { background: var(--main-color); border-radius: .13333rem; color: var(--text_color_L4); padding: .26667rem 0; text-align: center; font-size: .37333rem; font-weight: 500 } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .van-cell:after { border: none } .boxStyle { background: var(--darkBg, var(--bg_color_L2)); border-radius: .26667rem; margin-top: .26667rem; padding: .4rem .29333rem .42667rem .26667rem; margin-bottom: .4rem } .Recharge__content-paymoney__title { display: -webkit-box; display: -webkit-flex; display: flex; font-weight: 600; font-size: .48rem; margin-bottom: .34667rem; color: var(--darkTextW, var(--text_color_L1)) } .Recharge__content-paymoney__title .svg-icon, .Recharge__content-paymoney__title img { width: .64rem; height: .64rem; margin-right: .30667rem } .Recharge__content-paymoney__money-list { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: .26667rem } .Recharge__content-paymoney__money-list__item { margin-bottom: .26667rem; margin-right: .4rem; width: calc((100% - .8rem) / 3); border: .01333rem solid var(--Dividing-line_color); padding: .16rem 0; border-radius: .13333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; gap: .13333rem; color: var(--main-color); background-color: var(--bg_color_L2) } .Recharge__content-paymoney__money-list__item .amount { width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; position: relative; font-size: .42667rem; gap: .13333rem } .Recharge__content-paymoney__money-list__item .amount span { position: absolute; left: .21333rem; color: var(--text_color_L3); font-size: .42667rem } html:lang(ar) .Recharge__content-paymoney__money-list__item .amount span { right: .21333rem; left: unset } .Recharge__content-paymoney__money-list__item .amount .usdt { width: .48rem; height: .48rem } .Recharge__content-paymoney__money-list__item .amount .unit { width: .26667rem; height: .53333rem; margin-top: -.26667rem } .Recharge__content-paymoney__money-list__item .arAmount { font-weight: 700 } .Recharge__content-paymoney__money-list__item .ar_gift { font-size: .26667rem } .Recharge__content-paymoney__money-list__item .ar_gift span { color: #ff5a58 } .Recharge__content-paymoney__money-list__item.active { background: var(--main_gradient-color); border-radius: .13333rem; color: var(--text_color_L4); border: none } .Recharge__content-paymoney__money-list__item.active span { color: #fff } .Recharge__content-paymoney__money-list__item.arActive { background: var(--main_gradient-color); color: var(--text_color_L4); border: .01333rem solid var(--bg_color_L3) } .Recharge__content-paymoney__money-list__item.arActive span { color: var(--text_color_L4) } .Recharge__content-paymoney__money-list__item:nth-child(3n) { margin-right: 0 } .Recharge__content-paymoney .recharge_tip { margin-top: .13333rem; color: var(--norm_red-color); font-size: .29333rem } .Recharge__content-paymoney__money-input { position: relative; height: 1.17333rem; width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; background: var(--bg_color_L1); border-radius: .58667rem } .Recharge__content-paymoney__money-input.radius { border-radius: .13333rem } .Recharge__content-paymoney__money-input .unit { position: absolute; right: 1.06667rem; top: .34667rem; font-size: .37333rem; color: var(--text_color_L2); width: -webkit-fit-content; width: fit-content; -webkit-box-flex: 0; -webkit-flex: none; flex: none } html:lang(ar) .Recharge__content-paymoney__money-input .unit { right: unset; left: 1.06667rem } .Recharge__content-paymoney__money-input .place-div { position: absolute; height: 1.17333rem; width: .8rem; color: var(--main-color); font-weight: 900; font-size: .56rem; line-height: 1.17333rem } html:lang(ar) .Recharge__content-paymoney__money-input .place-div { right: .13333rem } .Recharge__content-paymoney__money-input .place-div:before { content: ""; height: .53333rem; position: absolute; border-left: .01333rem solid #bdbdbd; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } html:lang(ar) .Recharge__content-paymoney__money-input .place-div:before { right: unset; left: 0 } .Recharge__content-paymoney__money-input .place-div.usdt { background: url(/assets/png/usdt-40311708.png) no-repeat center; background-size: .64rem } .Recharge__content-paymoney__money-input .place-div.trx { background: url(/assets/png/trx-8c63cfbf.png) no-repeat center; background-size: .64rem } .Recharge__content-paymoney__money-input .amount-input { background-color: transparent; margin-left: 1.33333rem } .Recharge__content-paymoney__money-input .amount-input input { color: var(--main-color); font-weight: 700 } .Recharge__content-paymoney__money-input .amount-input input::-webkit-input-placeholder { font-weight: 400 } .Recharge__content-paymoney__money-input .amount-input input::placeholder { font-weight: 400 } .Recharge__content-paymoney__money-input .inp { width: 70%; height: 1.17333rem; background: none; border: none; color: var(--main-color); letter-spacing: .04em; font-weight: 700; font-size: .4rem; line-height: 1.17333rem; margin-left: 1.33333rem; padding-left: .26667rem; padding-bottom: 0 } .Recharge__content-paymoney__money-input .inp:focus { outline: none } .Recharge__content-paymoney__money-input .place-div { height: 1.17333rem; width: 1.2rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; color: var(--main-color) } .Recharge__content-paymoney__money-input .place-div img { width: .37333rem; height: .61333rem } .Recharge__content-paymoney__money-input .place-div .place-icon { width: .37333rem; height: .61333rem; position: relative } .Recharge__content-paymoney__money-input .place-div .place-icon .usdt { width: .64rem; height: .64rem; margin-left: -.13333rem } .Recharge__content-paymoney__money-input .place-div:after { position: absolute; content: ""; height: .53333rem; display: inline-block; margin: 0 .13333rem .02667rem; vertical-align: middle; border-right: .02667rem solid var(--text_color_L3); top: .34667rem; right: -.13333rem } html:lang(ar) .Recharge__content-paymoney__money-input .place-div:after { right: unset; left: -.13333rem } .Recharge__content-paymoney__money-input .ar_all { width: 1.33333rem; line-height: 1.17333rem; color: var(--main-color); font-size: .37333rem; margin-right: .53333rem } .Recharge__content-paymoney__money-input .place-right { position: absolute; right: .32rem; top: .32rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-align-content: center; align-content: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } html:lang(ar) .Recharge__content-paymoney__money-input .place-right { right: unset; left: .32rem } .Recharge__content-paymoney__money-input .place-right img { width: .53333rem; height: .53333rem } .Recharge__content-paymoney__money-input+.Recharge__content-paymoney__money-input { margin-top: .26667rem } .Recharge__content-quickInfo { margin-bottom: .53333rem } .Recharge__content-quickInfo__title { width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; margin-bottom: .34667rem; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .Recharge__content-quickInfo__title .title { display: -webkit-box; display: -webkit-flex; display: flex; font-weight: 400; font-size: .42667rem; color: var(--darkTextW, var(--text_color_L1)) } .Recharge__content-quickInfo__title .title .svg-icon { width: .64rem; height: .64rem; margin-right: .30667rem } .Recharge__content-quickInfo .item_active { background: var(--main_gradient-color) } .Recharge__content-quickInfo .item_active div { color: var(--text_color_L4) } .Recharge__content-quickInfo .rechargeTypes_list { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: .26667rem } .Recharge__content-quickInfo .numberPay { grid-template-columns: repeat(1, 1fr) } .Recharge__content-quickInfo__item { background: var(--bg_color_L3); max-width: 98%; border-radius: .26667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; margin-bottom: .26667rem } .Recharge__content-quickInfo__item div { font-size: .37333rem; color: var(--text_color_L2) } .Recharge__content-quickInfo__item .other { padding-left: .34667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; height: 100%; padding: .26667rem .34667rem; line-height: 1.5 } .Recharge__content-quickInfo__item .other .bouns { font-size: .4rem } .Recharge__content-quickInfo__item .usdt_icon { padding: .26667rem 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; align-items: center; line-height: 1.5 } .Recharge__content-quickInfo__item .usdt_icon img { margin-left: .34667rem; width: 1.06667rem; height: 1.06667rem; margin-right: .34667rem } .Recharge__content-history__title { display: -webkit-box; display: -webkit-flex; display: flex; font-weight: 600; font-size: .48rem; margin-bottom: .74667rem } .Recharge__content-history__title img { width: .64rem; height: .64rem; margin-right: .30667rem } .Recharge__content-history__item { padding-bottom: .32rem; border-bottom: .01333rem solid #daddf0; margin-bottom: .34667rem } .Recharge__content-history__item .info1 { width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: end; -webkit-align-items: flex-end; align-items: flex-end; margin-bottom: .29333rem } .Recharge__content-history__item .info1 .left { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; align-items: flex-end } .Recharge__content-history__item .info1 .left span { margin-right: .24rem } .Recharge__content-history__item .info1 .left span:nth-child(1) { width: 2.13333rem; height: .53333rem; background: #ff8581; border-radius: .13333rem; color: #fff; line-height: .53333rem; text-align: center } .Recharge__content-history__item .info1 .left span:nth-child(2), .Recharge__content-history__item .info1 .left span:nth-child(3) { font-weight: 400; font-size: .32rem; line-height: .37333rem; color: #aeb0c6 } .Recharge__content-history__item .info1 .right { font-weight: 500; font-size: .37333rem; line-height: .45333rem } .Recharge__content-history__item .info1 .danger { color: #f65c5c } .Recharge__content-history__item .info1 .success { color: #49ce9b } .Recharge__content-history__item .info1 .cancle { color: var(--text_color_L2) } .Recharge__content-history__item .info2 { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .Recharge__content-history__item .info2 .orderCode { display: -webkit-box; display: -webkit-flex; display: flex; font-weight: 400; font-size: .32rem; line-height: .37333rem; color: var(--text_color_L2) } .Recharge__content-history__item .info2 .orderCode img { margin-left: .66667rem; width: .42667rem; height: .42667rem } .Recharge__content-history__item .info2 .money { font-weight: 500; font-size: .37333rem; line-height: .45333rem; color: var(--text_color_L1) } .Recharge__content-history__item:last-child { border: none; margin-bottom: 0 } .Recharge__content-waitPay { padding-bottom: .53333rem } .Recharge__content-waitPay img { display: block; width: 1.06667rem; height: 1.06667rem; margin: 0 auto .18667rem } .Recharge__content-waitPay .wait_text { height: .90667rem; line-height: .45333rem; text-align: center; font-size: .37333rem; color: var(--text_color_L1); margin-bottom: .26667rem } .Recharge__content-waitPay__countdown { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; gap: .16rem; width: 100%; margin-bottom: .4rem } .Recharge__content-waitPay__countdown span { display: inline-block; width: .8rem; height: 1.06667rem; color: var(--norm_red-color); font-size: .64rem; line-height: 1.06667rem; border-radius: .13333rem; background: var(--bg_color_L3); text-align: center } .Recharge__content-waitPay__countdown span:nth-of-type(3) { width: .53333rem } .Recharge__content-waitPay .go_pay { width: 6.32rem; height: .93333rem; margin: 0 auto; background: var(--main_gradient-color); border-radius: 1.06667rem; color: #fff; font-size: .4rem; text-align: center; line-height: .93333rem } .Recharge__content .other_bank { margin-bottom: .53333rem } .Recharge__content .other_bank .select_bank_tit { color: var(--text_color_L1); line-height: .64rem; margin-bottom: .26667rem } .Recharge__content .other_bank .select_bank_tit .svg-icon { width: .64rem; height: .64rem; margin-right: .30667rem } .Recharge__content .other_bank .bank_name { background: var(--main_gradient-color); height: 1.06667rem; line-height: 1.06667rem; color: var(--text_color_L4); padding-left: .26667rem; font-size: .37333rem; border-radius: .16rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .Recharge__content .other_bank .bank_name .right_arrow { margin-right: .26667rem } .Recharge__content .transfer .title { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin-bottom: .29333rem; color: var(--text_color_L1); font-weight: 600; font-size: .48rem } .Recharge__content .transfer .title img, .Recharge__content .transfer .title svg { width: .64rem; height: .64rem; margin-right: .24rem } .Recharge__content .transfer .transfer_list { width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .Recharge__content .transfer .transfer_list .item { width: 4.26667rem; height: 1.6rem; background: #e1e1e1; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; border-radius: .21333rem; font-size: .37333rem; color: var(--text_color_L2) } .Recharge__content .transfer .transfer_list .item img { width: 1.68rem; height: .56rem; margin-bottom: .10667rem } .Recharge__content .transfer .transfer_list .transfer_active { background: var(--main_gradient-color); color: #fff } .bank_list { width: 100% } .bank_list .bank_item { height: 1.17333rem; border-radius: .13333rem; margin-bottom: .21333rem; line-height: 1.17333rem; font-size: .4rem; font-style: normal; font-weight: 400; padding-left: .26667rem; background-color: var(--bgDark-3, var(--bg_color_L2)); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; color: var(--text_color_L1) } .bank_list .bank_item img { width: .64rem; height: .64rem; margin-right: .13333rem } .bank_list .bank_item_active { background: var(--main_gradient-color); color: var(--text_color_L4); font-weight: 700 } .Recharge__container-rechageBtn { margin-top: .66667rem; font-size: .4rem; z-index: 88; background: var(--button_dis_color); width: 100%; max-width: 10rem; height: .93333rem; line-height: .93333rem; color: var(--text_color_L2); text-align: center; border-radius: .66667rem; margin-bottom: .4rem } .rechage_active { background: var(--main_gradient-color); color: var(--text_color_L4) } .showAmountError { padding: .8rem .4rem .4rem; width: 100% } .showAmountError .title1 { font-size: .64rem; font-weight: 600; text-align: center; margin-bottom: .26667rem } .showAmountError .title2 { font-size: .37333rem; text-align: center; line-height: .48rem } .showAmountError .title2.red { color: var(--main_gradient-color) } .showAmountError .button { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin-top: .26667rem } .showAmountError .button>div { width: calc((100% - .26667rem)/2); height: 1.28rem; line-height: 1.28rem; border-radius: .66667rem; font-size: .4rem; text-align: center } .showAmountError .button>div.clance { border: .01333rem solid var(--main-color); color: var(--main-color) } .showAmountError .button>div.goBuy { background: var(--main-color); color: #fff } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .balanceAssets { width: 100%; height: 3.46667rem; background: linear-gradient(90deg, #F5B73B 0%, #F5853B 100%); background-repeat: no-repeat; background-size: 100%; background-position: center; border-radius: .26667rem; color: var(--text_color_L4); padding: .38667rem .33333rem 0; position: relative } html:lang(ar) .balanceAssets { background: linear-gradient(90deg, #F5B73B 0%, #F5853B 100%); } .balanceAssets__header { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; height: .53333rem } .balanceAssets__header__left { font-weight: 400; font-size: .34667rem } .balanceAssets__header__left img { margin-right: .21333rem } .balanceAssets__header__left { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .balanceAssets__header__left img { width: .4rem; height: .4rem; margin-right: .21333rem } .balanceAssets__main { height: .73333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin: .21333rem .37333rem .37333rem 0; font-weight: 700; font-size: .64rem } .balanceAssets__main p { margin-left: .26667rem } .balanceAssets__main img { width: .58667rem; height: .37333rem; margin-left: .24rem } .balanceAssets__tip img { width: .66667rem; height: .42667rem; position: absolute; bottom: .34667rem; left: .38667rem } html:lang(ar) .balanceAssets__tip img { left: unset; right: .38667rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .count_timer { background: none; display: inline-block; text-align: left !important; min-width: 1.06667rem !important } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .record__main { margin: .26667rem 0 } .record__main-title { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; height: .66667rem; margin-bottom: .50667rem } .record__main-title .svg-icon { width: .64rem; height: .64rem; margin-right: .18667rem } .record__main-title span { font-weight: 600; font-size: .42667rem; color: var(--darkTextW, var(--text_color_L1)) } .record__main-info { padding: .32rem .26667rem .4rem; background-color: var(--darkBg, var(--bg_color_L2)); border-radius: .13333rem; margin-bottom: .26667rem } .record__main-info__title { padding-bottom: .32rem; border-bottom: .01333rem solid var(--Dividing-line_color); margin-bottom: .26667rem; color: var(--darkTextW, var(--text_color_L1)) } .record__main-info__title .recharge_text { width: 2rem; height: .66667rem; line-height: .66667rem; text-align: center; color: #fff; background: var(--norm_green-color); border-radius: .13333rem; font-size: .37333rem } .record__main-info__title div { font-size: .34667rem } .record__main-info__title div .success { color: var(--norm_green-color) } .record__main-info__title div .danger { color: var(--norm_secondary-color) } .record__main-info__title div .rechargeFail { color: var(--norm_red-color) } .record__main-info__title div .timeout { color: #f6a50b } .record__main-info__title div .check { color: #59c042 } .record__main-info__title div .representation { color: var(--main-color) } .record__main-info__title div .recharge { color: #598ff9 } .record__main-info__title div .cancel { color: var(--text_color_L2) } .record__main-info__title div .fail { color: var(--main-color) } .record__main-info__title div img { width: .48rem; height: .48rem } .record__main-info__money span:first-child { font-size: .34667rem; color: var(--text_color_L2) } .record__main-info__money span:last-child { font-size: .4rem; color: var(--norm_secondary-color) } .record__main-info__type span:last-child, .record__main-info__time span:last-child { font-size: .34667rem; color: var(--text_color_L2) } .record__main-info__type div, .record__main-info__time div { font-size: .32rem; color: #aeb0c6 } .record__main-info__type div img, .record__main-info__time div img { width: .42667rem; height: .42667rem; margin-left: .16rem } .record__main-info__orderNumber div { font-size: .32rem; color: #aeb0c6 } .record__main-info__orderNumber div img { width: .42667rem; height: .42667rem; margin-left: .16rem } .record__main-info .item { margin-bottom: .32rem } .record__main-info .item span:first-child { font-size: .34667rem; color: var(--text_color_L2) } .record__main-info .item:last-child { margin-bottom: 0 } .record__main-more { width: 8.8rem; height: .93333rem; border: .01333rem solid var(--main-color); border-radius: 1.06667rem; margin: .4rem auto; text-align: center; line-height: .93333rem; font-size: .4rem; color: var(--text_color_L4); background: var(--main_gradient-color) } .flex_between { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .van-action-sheet { max-height: 90% } .van-action-sheet__header { background: -webkit-linear-gradient(top, #ff6c6b 0%, #ff4a4a 68.59%); background: linear-gradient(180deg, #ff6c6b 0%, #ff4a4a 68.59%); color: var(--textW) } .van-action-sheet__close { top: 1.5% } #third_content { height: 90vh } .Recharge__box { position: relative; width: 100%; font-family: Inter, sans-serif; overflow: hidden } .Recharge__box .Recharge__container { position: relative; width: 100%; padding: 0 .32rem .32rem } .Recharge__box .Recharge__container .title { font-weight: 400; font-size: .34667rem } .Recharge__box .Recharge__container-balanceAssets { width: 100%; height: 3.46667rem; background: linear-gradient(90deg, #F5B73B 0%, #F5853B 100%); background-repeat: no-repeat; background-size: 100%; background-position: center; border-radius: .26667rem; color: var(--textW); padding: .38667rem .33333rem 0; position: relative } .Recharge__box .Recharge__container-balanceAssets__header { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; height: .53333rem } .Recharge__box .Recharge__container-balanceAssets__header__left { font-weight: 400; font-size: .34667rem } .Recharge__box .Recharge__container-balanceAssets__header__left img { margin-right: .21333rem } .Recharge__box .Recharge__container-balanceAssets__header__left { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .Recharge__box .Recharge__container-balanceAssets__header__left img { width: .48rem; height: .48rem; margin-right: .21333rem } .Recharge__box .Recharge__container-balanceAssets__main { height: .73333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin: .21333rem .37333rem .37333rem 0; font-weight: 700; font-size: .64rem; text-shadow: 0 .01333rem 0 rgba(0, 0, 0, .12) } .Recharge__box .Recharge__container-balanceAssets__main img { width: .58667rem; height: .37333rem; margin-left: .24rem } .Recharge__box .Recharge__container-balanceAssets__tip img { width: .66667rem; height: .42667rem; position: absolute; bottom: .34667rem; left: .38667rem } .Recharge__box .Recharge__container-paymoney { background: var(--bg_color_L2); border-radius: .26667rem; margin-top: .26667rem; padding: .4rem .29333rem .42667rem .26667rem } .Recharge__box .Recharge__container-paymoney__title { display: -webkit-box; display: -webkit-flex; display: flex; font-weight: 600; font-size: .48rem; margin-bottom: .34667rem } .Recharge__box .Recharge__container-paymoney__title img { width: .64rem; height: .64rem; margin-right: .30667rem } .Recharge__box .Recharge__container-paymoney__money-list { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: .26667rem } .Recharge__box .Recharge__container-paymoney__money-list__item { margin-bottom: .26667rem; margin-right: .4rem; width: 2.66667rem; height: .93333rem; color: #ff5a58; border: .01333rem solid #dfdede; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .Recharge__box .Recharge__container-paymoney__money-list__item.active { background: var(--main_gradient-color); border-radius: .13333rem; color: var(--textW); border: none } .Recharge__box .Recharge__container-paymoney__money-input { display: -webkit-box; display: -webkit-flex; display: flex; position: relative } .Recharge__box .Recharge__container-paymoney__money-input .inp { height: 1.17333rem; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; background: #f2f2f2; border-radius: .8rem; position: relative; padding-left: 1.49333rem; padding-right: 1.06667rem; color: var(--main-color); border: none; font-weight: 700 } .Recharge__box .Recharge__container-paymoney__money-input .place-div { position: absolute; height: 1.17333rem; width: 1.2rem } .Recharge__box .Recharge__container-paymoney__money-input .place-div img { width: .37333rem; height: .61333rem; margin-top: .28rem; margin-left: .53333rem } .Recharge__box .Recharge__container-paymoney__money-input .place-div .place-icon { width: .37333rem; height: .61333rem; position: relative } .Recharge__box .Recharge__container-paymoney__money-input .place-div:after { position: absolute; content: ""; height: .53333rem; display: inline-block; margin: 0 .13333rem .02667rem; vertical-align: middle; border-right: .02667rem solid #bdbdbd; top: .34667rem; right: -.13333rem } .Recharge__box .Recharge__container-paymoney__money-input .place-right { position: absolute; right: .32rem; top: .32rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-align-content: center; align-content: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .Recharge__box .Recharge__container-paymoney__money-input .place-right img { width: .53333rem; height: .53333rem } .Recharge__box .Recharge__container-rechageBtn { font-size: .4rem; z-index: 88; background: var(--button_dis_color); width: 100%; max-width: 10rem; height: .93333rem; line-height: .93333rem; color: var(--textW); text-align: center; border-radius: .66667rem; margin-bottom: .4rem } .Recharge__box .forbidden_tip { color: #f95959; font-size: .32rem; font-style: normal; font-weight: 400; line-height: .48rem; margin-bottom: .53333rem; text-align: center } .Recharge__box .forbidden1, .Recharge__box .forbidden2 { width: 100%; color: var(--text_color_L2); font-size: .29333rem; font-style: normal; font-weight: 400; line-height: .29333rem; padding: .13333rem 0; text-align: center } .Recharge__box .forbidden3 { width: 100%; color: var(--text_color_L2); font-size: .32rem; font-style: normal; font-weight: 400; line-height: .48rem; padding-top: .53333rem; margin-bottom: .53333rem; text-align: center } .Recharge__box .rechage_active { background: var(--main-color); color: var(--text_color_L4) } @media screen and (max-width: 500px) { .Recharge__box { position: relative; width: 100%; font-family: Inter, sans-serif; overflow: hidden } .Recharge__box .Recharge__container-rechageBtn { max-width: none } } .cancen_model_cnt { font-size: .32rem; text-align: center; color: var(--text_color_L2) } .van-dialog { width: 9.33333rem; border-radius: .26667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; overflow: hidden; background: var(--main_gradient-color); padding: 0 .32rem .32rem } .van-dialog__content { position: relative; width: 100% } .van-dialog__content .promptHeader { text-align: center; height: 1.17333rem; line-height: 1.17333rem; color: var(--textW); font-weight: 700; font-size: .48rem; position: relative } .van-dialog__content .promptHeader:before { content: ""; position: absolute; left: 0; top: .53333rem; display: inline-block; width: 1.46667rem; height: .02667rem; margin-right: .13333rem; background: -webkit-linear-gradient(right, #FFF -2.73%, rgba(255, 255, 255, 0) 91.36%); background: linear-gradient(-90deg, #FFF -2.73%, rgba(255, 255, 255, 0) 91.36%) } html:lang(ar) .van-dialog__content .promptHeader:before { left: .26667rem; right: unset } .van-dialog__content .qrcodeHeader { background: none } .van-dialog__content .qrcodeHeader:before { width: 1.06667rem; height: .02667rem; background: -webkit-linear-gradient(left, #FFFFFF -2.73%, rgba(255, 255, 255, 0) 91.36%); background: linear-gradient(90deg, #FFFFFF -2.73%, rgba(255, 255, 255, 0) 91.36%); -webkit-transform: rotate(180deg); transform: rotate(180deg); margin-bottom: .13333rem; margin-right: 1.33333rem } .van-dialog__content .promptHeader:after { content: ""; position: absolute; right: 0; top: .53333rem; display: inline-block; width: 1.46667rem; height: .02667rem; margin-left: .13333rem; background: -webkit-linear-gradient(left, #FFF -2.73%, rgba(255, 255, 255, 0) 91.36%); background: linear-gradient(90deg, #FFF -2.73%, rgba(255, 255, 255, 0) 91.36%) } html:lang(ar) .van-dialog__content .promptHeader:after { left: unset; right: .26667rem } .van-dialog__content .qrcodeHeader:after { width: 1.06667rem; height: .02667rem; background: -webkit-linear-gradient(left, #FFFFFF -2.73%, rgba(255, 255, 255, 0) 91.36%); background: linear-gradient(90deg, #FFFFFF -2.73%, rgba(255, 255, 255, 0) 91.36%); margin-bottom: .13333rem; margin-left: 1.33333rem } .van-dialog__content .promptContent { padding: .4rem .26667rem } .van-dialog.qrcodeDialog { background: -webkit-linear-gradient(top, #FF6C6B 0%, #FF4A4A 74.07%); background: linear-gradient(180deg, #FF6C6B 0%, #FF4A4A 74.07%); padding: 0 .26667rem .26667rem } .van-dialog.qrcodeDialog .promptContent { height: 8rem; background: #fff; box-shadow: 0 .05333rem .05333rem #e53636; border-radius: .26667rem } .van-dialog.qrcodeDialog .qrcodeFooter { width: 100%; padding: .53333rem 0 } .van-dialog.qrcodeDialog .qrcodeFooter div { height: .93333rem; border-radius: .93333rem; text-align: center; line-height: .93333rem } .van-dialog.qrcodeDialog .qrcodeFooter div:nth-child(1) { background-color: #f13f39; color: #fff; margin-bottom: .4rem } .van-dialog.qrcodeDialog .qrcodeFooter div:nth-child(2) { color: #f13f39; border: .01333rem solid #f13f39 } .promptContent { width: 100%; padding: .32rem; margin: auto; border-radius: .26667rem; background: var(--bg_color_L2) } .promptContent .input_item { margin-bottom: .53333rem } .promptContent .input_item div { color: var(--text_color_L1); font-size: .37333rem; font-family: Inter; font-weight: 500; line-height: .48rem; margin-bottom: .13333rem } .promptContent .input_item input { width: 100%; background: var(--bg_color_L1); height: 1.06667rem; color: var(--text_color_L1); font-size: .32rem; line-height: 1.06667rem; padding: .29333rem; border: none; border-radius: .13333rem } .promptContent .input_item input::-webkit-input-placeholder { color: #b0b0b0; font-size: .32rem; line-height: 1.06667rem } .promptContent .input_item input::placeholder { color: #b0b0b0; font-size: .32rem; line-height: 1.06667rem } .promptContent .tip { color: var(--norm_red-color); font-size: .29333rem; font-style: normal; font-weight: 400 } .footer_btn { padding-top: .48rem; width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-align-content: center; align-content: center; margin-bottom: .45333rem } .footer_btn div { width: 100%; height: .93333rem; border-radius: .93333rem; text-align: center; line-height: .93333rem } .footer_btn div:nth-child(1) { background: var(--main_gradient-color); color: #fff; margin-bottom: .32rem } .footer_btn div:nth-child(2) { color: var(--main-color); border: .01333rem solid var(--main-color) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .rechargeDetail__container { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; height: -webkit-fit-content; height: fit-content } .rechargeDetail__container .navbar .navbar-fixed { background: var(--light-main-color, var(--bg_color_L2)) } .rechargeDetail__container .navbar .navbar__content-left i, .rechargeDetail__container .navbar .navbar__content-center, .rechargeDetail__container .navbar .navbar__content-right { color: #fff } .rechargeDetail__container .navbar .navbar__content-center { font-size: .48rem; line-height: .48rem } .rechargeDetail__container .navbar .navbar__content-right { font-size: .34667rem } .rechargeDetail__container-header { position: relative; top: 0; width: 100%; min-height: 4.4rem; padding: 0 1.32rem 1.86667rem; text-align: center; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; background: var(--light-main-color) } .rechargeDetail__container-header p { bottom: 2.01333rem; width: 7.36rem; color: #fff; font-size: .32rem } .rechargeDetail__container-header__countdown { position: absolute; left: 50%; bottom: .49333rem; -webkit-transform: translateX(-50%); transform: translate(-50%); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; gap: .16rem; width: 100% } .rechargeDetail__container-header__countdown span { display: inline-block; width: .8rem; height: 1.06667rem; color: var(--norm_red-color); font-size: .64rem; line-height: 1.06667rem; border-radius: .13333rem; background: var(--bg_color_L3) } .rechargeDetail__container-header__countdown span:nth-of-type(3) { width: .53333rem } .rechargeDetail__container-main { padding: .26667rem .32rem 1.86667rem } .rechargeDetail__container-body { padding: .4rem .26667rem; background: var(--bg_color_L2); border-radius: .26667rem; margin-bottom: .26667rem } .rechargeDetail__container-body__title { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; gap: .13333rem; margin-bottom: .48rem } .rechargeDetail__container-body__title h1 { display: inline-block; color: var(--text_color_L1); height: .64rem; line-height: .64rem; font-size: .4rem; font-weight: 600; background-repeat: no-repeat; background-position: left center; background-size: .64rem .64rem } .rechargeDetail__container-body__title h1 svg { width: .64rem; height: .64rem } .rechargeDetail__container-body__content { width: 100% } .rechargeDetail__container-body__content h1 { margin-bottom: .13333rem; color: var(--text_color_L1); font-size: .4rem } .rechargeDetail__container-body__content div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; height: .93333rem; margin-bottom: .58667rem; padding-inline: .25333rem; color: var(--text_color_L2); font-size: .37333rem; border-radius: .13333rem; background: var(--bg_color_L1) } .rechargeDetail__container-body__content div svg { width: .42667rem; height: .42667rem } .rechargeDetail__container-body__timestamp { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; color: #b8b8b8; font-size: .32rem } .rechargeDetail__container-body__timestamp svg { width: .32rem; height: .32rem; margin-left: .14667rem } .rechargeDetail__container-body .qrcodeCont { text-align: center } .rechargeDetail__container-body .qrcodeCont>p { color: var(--text_color_L1) } .rechargeDetail__container-body .qrcodeCont .qrcode { width: 3.73333rem; height: 3.73333rem; margin: .13333rem 0 } .rechargeDetail__container-body .qrcodeCont .save_qrcode { width: 3.73333rem; display: inline-block; padding: .13333rem .10667rem; border-radius: .13333rem; border: .01333rem solid #F95959; color: #f95959; font-size: .34667rem } .rechargeDetail__container-body .qrcodeCont .save_qrcode p { font-size: .26667rem } .rechargeDetail__container-body .qrcodeCont .qrcode_item { color: var(--text_color_L1); margin-top: .4rem; text-align: left } .rechargeDetail__container-body .qrcodeCont .qrcode_item svg { width: .32rem; height: .32rem } .rechargeDetail__container-body .qrcodeCont .qrcode_item>div { float: right } .rechargeDetail__container-body .qrcodeCont .qrcode_item>div span { display: inline-block; vertical-align: .02667rem; margin-right: .13333rem } .rechargeDetail__container-buttons { position: fixed; bottom: 0; width: 100%; max-width: 10rem; height: 1.6rem; z-index: 3000 } .rechargeDetail__container-buttons>div { display: -webkit-box; display: -webkit-flex; display: flex; width: 100%; height: 100% } .rechargeDetail__container-buttons>div>span { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; font-size: .45333rem; display: grid; place-items: center } .rechargeDetail__container-buttons>div>span:first-of-type { color: var(--text_color_L2); background: var(--bg_color_L3) } .rechargeDetail__container-buttons>div>span:last-of-type { color: var(--text_color_L4); background: var(--main-color) } .rechargeDetail__container-buttons>div>span.disablePayBtn { background: #B6BAD0 } .rechargeDetail__container .van-action-sheet { padding: .53333rem .33333rem; height: 10.61333rem } .rechargeDetail__container .van-action-sheet .title { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; gap: .16rem; width: 100% } .rechargeDetail__container .van-action-sheet .title svg { width: .64rem; height: .64rem } .rechargeDetail__container .van-action-sheet .title h1 { color: var(--text_color_L1); font-size: .42667rem; height: .64rem; line-height: .64rem; background-repeat: no-repeat; background-position: left center; background-size: .64rem .64rem; padding-left: .88rem } .rechargeDetail__container .van-action-sheet .divider { border-top: .01333rem solid #dbdbdb; margin-block: .44rem } .rechargeDetail__container .van-action-sheet .details { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin-bottom: .44rem; color: var(--main-color); font-size: .34667rem } .rechargeDetail__container .van-action-sheet .details span:last-of-type { color: var(--text_color_L2) } .rechargeDetail__container .van-action-sheet .details:last-of-type { margin-bottom: 1.02667rem } .rechargeDetail__container .van-action-sheet .details:last-of-type span:last-of-type { color: var(--norm_secondary-color) } .rechargeDetail__container .van-action-sheet .tipTitle { height: .48rem; color: var(--text_color_L1); font-size: .48rem; font-weight: 600; line-height: .48rem } .rechargeDetail__container .van-action-sheet .tipText { margin-top: .4rem; color: var(--text_color_L2); font-size: .34667rem } .utr_box { margin-bottom: .4rem } .utr_box h1 { color: var(--text_color_L1); font-size: .42667rem; font-style: normal; font-weight: 500; line-height: normal; margin-bottom: .08rem } .utr_box .utr_input { padding: 0; height: 1.06667rem; line-height: 1.06667rem; padding-left: .26667rem; background-color: var(--bg_color_L2); color: var(--text_color_L2); border-radius: .08rem } .utr_box .paste { width: 2.53333rem; height: .93333rem; border-radius: .13333rem; color: var(--text_color_L4); text-align: center; font-size: .34667rem; line-height: .93333rem; margin-right: .26667rem; margin-top: .06667rem; border-radius: 10px; background: var(--main_gradient-color) } @media screen and (max-width: 500px) { .rechargeDetail__container-buttons { max-width: none } } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .rechargeh__container { padding-inline: .32rem; padding-block: 0 1.49333rem; font-family: bahnschrift; position: relative } .rechargeh__container .rechargeh__header_box { background: var(--bg_color_L1); position: fixed; z-index: 99; width: 9.33333rem; overflow: hidden } .rechargeh__container .navbar__content-left>.van-icon { font-size: .53333rem } .rechargeh__container .selectorA { color: var(--text_color_L2) } .rechargeh__container-content { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: .26667rem; margin-top: 2.93333rem; margin-bottom: .4rem } .rechargeh__container-content__item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: .21333rem; padding: .32rem .13333rem; border-radius: .13333rem; background-color: var(--darkBg, var(--bg_color_L2)) } .rechargeh__container-content__item-header { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .rechargeh__container-content__item-header .recharge_tit { min-width: 2rem; margin-left: .13333rem; color: #fff; background: var(--norm_green-color); border-radius: .13333rem; font-size: .37333rem; line-height: .66667rem; height: .66667rem; text-align: center } .rechargeh__container-content__item-header .recharge_right { font-size: .34667rem; color: #ffffffe6; } .rechargeh__container-content__item-header .success { color: var(--norm_green-color) } .rechargeh__container-content__item-header .timeout { color: var(--norm_secondary-color) } .rechargeh__container-content__item-header .check { color: var(--norm_red-color) } .rechargeh__container-content__item-header .representation { color: var(--main-color) } .rechargeh__container-content__item-header .recharge { color: var(--norm_bule-color) } .rechargeh__container-content__item-header .cancel { color: var(--text_color_L2) } .rechargeh__container-content__item-header .fail { color: var(--norm_red-color) } .rechargeh__container-content__item-body { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: .13333rem; font-size: .32rem; color: var(--text_color_L2) } .rechargeh__container-content__item-body .price { color: var(--norm_secondary-color) } .rechargeh__container-content__item-body>div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin-bottom: .29333rem; padding: 0 .26667rem } .rechargeh__container-content__item-body>div span:first-of-type { color: var(--text_color_L2); font-size: .34667rem } .rechargeh__container-content__item-body>div .order { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; font-size: .32rem; color: var(--text_color_L2) } .rechargeh__container-content__item-body>div .order span { margin-right: .21333rem } .rechargeh__container-content__item-body>div .order img { width: .42667rem; height: .42667rem } .rechargeh__container .query_select { margin-top: .4rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .rechargeh__container .query_select .selectorA { font-size: .37333rem } .rechargeh__container .ar-searchbar__selector>div .noSelect { font-size: .37333rem } .rechargeh__container .ar-searchbar__selector-default { font-size: .34667rem } .rechargeh__container .state_box { width: 100%; background-color: var(--textW); height: 1.17333rem; border-radius: .13333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin-bottom: .4rem; margin-top: .4rem } .rechargeh__container .state_box .state_item { width: 50%; line-height: 1.17333rem; font-size: .34667rem; font-weight: 600; color: var(--text_color_L2); text-align: center; background-color: var(--textW); border-radius: .13333rem } .rechargeh__container .state_box .state_item_active { background: var(--main_gradient-color2); box-shadow: var(--BoxShadowColor-20); color: var(--textW) } .rechargeh__container .divier { margin: .02667rem 0 } .rechargeh__container-empty { margin-top: .66667rem } .gameTabBar { margin-bottom: .38667rem; margin-bottom: .26667rem } .gameTabBar .van-tabs__wrap { height: 1.06667rem } .gameTabBar .van-tabs__nav--card { height: 1.06667rem; margin: 0 } .gameTabBar .van-tabs__nav--card .van-tab--card { min-width: 2.64rem; height: 1.06667rem; margin-inline: .06667rem; color: var(--text_color_L2) !important; padding: 0; border-radius: .13333rem; background: var(--bgDark-2, var(--bg_color_L2)) } .gameTabBar .van-tabs__nav--card .van-tab--card>span { width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .gameTabBar .van-tabs__nav--card .van-tab--card>span img { width: .56rem; height: auto; margin-right: .13333rem } .gameTabBar .van-tabs__nav--card .van-tab--card>span span { font-size: .34667rem } .gameTabBar .van-tabs__nav--card .van-tab--card.van-tab--active { color: var(--textW) !important; background: var(--main-color) } .tab_item { min-width: 2.53333rem; height: 1.06667rem; margin-inline: .06667rem; padding: 0; color: var(--text_color_L2) !important; border-radius: .13333rem; background: var(--bgDark-2, var(--bg_color_L2)); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; padding: 0 .10667rem } .tab_item img, .tab_item svg { height: .56rem; width: .56rem; margin-right: .26667rem } .tab_item span { font-size: .32rem } .tab_active { color: var(--text_color_L4) !important; background: var(--main_gradient-color) } .fun-tabs .fun-tab-item { padding: 0 !important } .fun-tabs { background: transparent } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .RechargeUsdt__container { position: relative; width: 100%; font-family: Inter, sans-serif; overflow: hidden } .RechargeUsdt__container__content { width: 100%; padding: 0 .32rem 1.73333rem; position: relative } .RechargeUsdt__container__content-qrCode { position: relative; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; height: 5.06667rem; background-image: var(--main_gradient-color); border-radius: .26667rem; margin-bottom: .66667rem } .RechargeUsdt__container__content-qrCode img { width: 2.37333rem; height: 2.37333rem; margin: .56rem 0 } .RechargeUsdt__container__content-qrCode .tip { width: 100%; color: var(--textW); font-weight: 400; font-size: .32rem; line-height: .53333rem; text-align: center } .RechargeUsdt__container__content-qrCode .usdt_bg { position: absolute; bottom: 0; right: -.42667rem; width: 3.21333rem; height: 3.72rem } .RechargeUsdt__container__content-info { margin-bottom: .66667rem } .RechargeUsdt__container__content-info .label { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin-bottom: .26667rem } .RechargeUsdt__container__content-info .label svg { width: .64rem; height: .64rem; margin-right: .2rem } .RechargeUsdt__container__content-info .label span { color: var(--darkTextW, var(--text_color_L1)); font-weight: 400; font-size: .42667rem; line-height: .53333rem } .RechargeUsdt__container__content-info .address { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; background: var(--bgDark-2, var(--bg_color_L2)); border-radius: .13333rem; padding: .26667rem .37333rem .26667rem .26667rem; font-size: .32rem; color: var(--text_color_L2); letter-spacing: .04em } .RechargeUsdt__container__content-info .address img { width: .42667rem; height: .42667rem } .RechargeUsdt__container-rechageBtn { background: var(--button_dis_color); width: 100%; height: .93333rem; line-height: .93333rem; color: var(--textW); text-align: center } .RechargeUsdt__container .rechage_active { position: absolute; bottom: 0; left: 0; width: 100%; max-width: 10rem; height: 1.6rem; background: var(--main-color); color: var(--text_color_L4); text-align: center; font-size: .45333rem; font-style: normal; font-weight: 700; line-height: 1.6rem } html:lang(ar) .RechargeUsdt__container .rechage_active { right: 0; left: auto } .RechargeUsdt__container-popup__wrap { background: var(--bg_color_L2); padding-top: .6rem; padding-bottom: .98667rem } .RechargeUsdt__container-popup__wrap .title { text-align: center; font-size: .42667rem; color: var(--text_color_L1); margin-bottom: .29333rem } .RechargeUsdt__container-popup__wrap .tip { font-size: .32rem; color: var(--text_color_L2); text-align: center; margin-bottom: 1.12rem } .RechargeUsdt__container-popup__wrap .list { width: 9.36rem; margin: auto } .RechargeUsdt__container-popup__wrap .list .item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin-bottom: .48rem; background: var(--bgColor-6); height: .93333rem; border-radius: .13333rem } .RechargeUsdt__container-popup__wrap .list .item img, .RechargeUsdt__container-popup__wrap .list .item svg { width: .64rem; height: .64rem; margin-right: .2rem; margin-left: .26667rem } .RechargeUsdt__container-popup__wrap .list .item span { color: var(--text_color_L1); font-weight: 400; font-size: .37333rem; line-height: .48rem } .address_input { padding: 0; height: 1.06667rem; line-height: 1.06667rem; padding-left: .26667rem; background-color: var(--bg_color_L2); color: var(--text_color_L2) } .paste { width: 2.53333rem; height: .93333rem; border-radius: .13333rem; background: var(--bg_color_L2); color: var(--text_color_L4); text-align: center; font-size: .34667rem; line-height: .93333rem; margin-right: .26667rem; border-radius: 10px; background: var(--main_gradient-color) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .transRecord__container { padding-inline: .32rem; padding-block: 0 1.49333rem; font-family: bahnschrift } .transRecord__container .ar { background: var(--bg_color_L1) } .transRecord__container-content__card { background: var(--bg_color_L2); border-radius: .13333rem; margin-bottom: .34667rem } .transRecord__container-content__card-top { background: var(--light-main_gradient-color, var(--bg_color_L3)); height: 1.17333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; border-radius: .13333rem .13333rem 0 0; padding-left: .26667rem } .transRecord__container-content__card-top h3 { font-family: Inter; font-style: normal; font-weight: 700; font-size: .4rem; color: var(--text_white, var(--text_color_L1)) } .transRecord__container-content__card-mid { padding: .26667rem .13333rem } .transRecord__container-content__card-mid .line { position: relative; background-color: var(--bg_color_L1); height: .8rem; padding: .21333rem .26667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; font-size: .32rem; margin-bottom: .13333rem; border-radius: .08rem } .transRecord__container-content__card-mid .line .left { color: var(--text_color_L2); z-index: 1 } .transRecord__container-content__card-mid .line .right { color: var(--text_color_L2) } .transRecord__container-content__card-mid .line .red { color: var(--norm_red-color) } .transRecord__container-content__card-mid .line .green { color: var(--norm_green-color) } .transRecord__container-content__card-mid .line:last-child .right { font-size: .48rem } .transRecord__container-content__card-bot { padding: 0 .13333rem; display: -webkit-box; display: -webkit-flex; display: flex } .transRecord__container-content__card-bot .textarea { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; height: 1.6rem; border: .01333rem solid var(--bg_color_L3); border-radius: .13333rem; padding-top: .26667rem; padding-left: .28rem; resize: none; margin-bottom: .29333rem; font-size: .29333rem; background-color: var(--bg_color_L2); color: var(--text_color_L2) } .transRecord__container-content__card-bot .textarea::-webkit-input-placeholder { color: var(--text_color_L2); font-size: .29333rem } .transRecord__container-content__card-bot .textarea::placeholder { color: var(--text_color_L2); font-size: .29333rem } .transRecord__container-empty { margin-top: .66667rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .balanceAssets { width: 100%; height: 3.46667rem; background: linear-gradient(90deg, #F5B73B 0%, #F5853B 100%); background-repeat: no-repeat; background-size: 100%; background-position: center; border-radius: .26667rem; color: var(--text_color_L4); padding: .38667rem .33333rem 0; position: relative } html:lang(ar) .balanceAssets { background: linear-gradient(90deg, #F5B73B 0%, #F5853B 100%); } .balanceAssets__header { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; height: .53333rem } .balanceAssets__header__left { font-weight: 400; font-size: .34667rem } .balanceAssets__header__left img { margin-right: .21333rem } .balanceAssets__header__left { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .balanceAssets__header__left img { width: .4rem; height: .4rem; margin-right: .21333rem } .balanceAssets__main { height: .73333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin: .21333rem .37333rem .37333rem 0; font-weight: 700; font-size: .64rem } .balanceAssets__main p { margin-left: .26667rem } .balanceAssets__main img { width: .58667rem; height: .37333rem; margin-left: .24rem } .balanceAssets__tip img { width: .66667rem; height: .42667rem; position: absolute; bottom: .34667rem; left: .38667rem } html:lang(ar) .balanceAssets__tip img { left: unset; right: .38667rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .rechargeh__container { margin-top: .8rem; font-family: bahnschrift } .rechargeh__container-head { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .rechargeh__container-head .svg-icon { width: .64rem; height: .64rem; margin-right: .2rem } .rechargeh__container-head h1 { font-family: Inter; font-style: normal; color: var(--text_color_L1); font-weight: 600; font-size: .42667rem } .rechargeh__container-content { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: .26667rem; margin-top: .26667rem; margin-bottom: .4rem } .rechargeh__container-content__item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: .21333rem; padding: .32rem .13333rem; border-radius: .13333rem; background-color: var(--darkBg, var(--bg_color_L2)) } .rechargeh__container-content__item-header { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; gap: .13333rem; padding-bottom: .13333rem } .rechargeh__container-content__item-header span { min-width: 2rem; height: .66667rem; font-size: .37333rem; text-align: center; line-height: .66667rem; color: var(--text_color_L2) } .rechargeh__container-content__item-header span:first-of-type { margin-left: .13333rem; color: #fff; background: var(--darkLight, var(--norm_red-color)); border: .01333rem solid var(--darkLight, var(--norm_red-color)); border-radius: .13333rem } .rechargeh__container-content__item-header span:nth-of-type(2) { text-align: left } .rechargeh__container-content__item-header span:last-of-type { margin-left: auto; text-align: right } .rechargeh__container-content__item-header span.stateR { color: var(--norm_red-color) } .rechargeh__container-content__item-header span.stateG { color: var(--norm_green-color) } .rechargeh__container-content__item-body { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: .13333rem; font-size: .32rem; color: var(--text_color_L2) } .rechargeh__container-content__item-body>div:last-of-type { -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .rechargeh__container-content__item-body>div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .rechargeh__container-content__item-body>div:first-of-type span:last-of-type { color: var(--norm_secondary-color) } .rechargeh__container-content__item-body>div:last-of-type span:last-of-type { color: #aeb0c6; max-width: 70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .rechargeh__container-content__item-body>div span { padding: 0 .26667rem; margin: .06667rem 0 } .rechargeh__container-content__item-body>div span:first-of-type { -webkit-clip-path: polygon(0 0, 100% 0, 92% 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 92% 100%, 0 100%) } .rechargeh__container-content__item-body>div span:nth-of-type(2) { margin-left: auto; text-align: right } .rechargeh__container-content__item-body>div img { width: .4rem } .rechargeh__container-footer button { border: .01333rem solid var(--main-color); border-radius: 1.06667rem; height: .93333rem; width: 95%; background: none; color: var(--main-color); font-size: .4rem; margin-bottom: .4rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .withdrawWay { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: .26667rem; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; margin: .33333rem 0 } .withdrawWay .c2c { min-height: 1.6rem; width: 100%; border-radius: .26667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding-left: .24rem; background-color: var(--bg_color_L2) } .withdrawWay .c2c>img { height: 1.06667rem; margin-right: .26667rem } .withdrawWay .c2c>div { color: var(--text_color_L2); text-align: left; font-size: .32rem; line-height: .58667rem } .withdrawWay .c2c>div>div { font-size: .4rem; color: var(--text_color_L1) } .withdrawWay .c2c.active { background: var(--main_gradient-color) } .withdrawWay .c2c.active>div { color: var(--text_color_L4) } .withdrawWay .c2c.active>div>div { color: var(--text_color_L4) } .withdrawWay>div:not(.c2c) { border-radius: .13333rem; background: var(--bgDark-2, var(--bg_color_L2)); width: 31%; height: 2.13333rem; padding: .26667rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .withdrawWay>div:not(.c2c) img { width: auto; height: .93333rem } .withdrawWay>div:not(.c2c)>div { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .withdrawWay>div.select { background: var(--main_gradient-color); color: var(--text_color_L4) } .withdrawWay>div.select span { line-height: .32rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } input { outline: none } h6 { display: inline } span.yellow, h6.yellow { color: var(--norm_secondary-color) } span.red, h6.red { color: var(--norm_red-color) } .explain { background: var(--darkBg, var(--bg_color_L2)); box-shadow: var(--BoxShadowColor-9); border-radius: .26667rem .26667rem 0 0; padding: .33333rem .26667rem 0 } .explain .input { -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; background: var(--bg_color_L1); border-radius: .8rem; height: 1.17333rem; padding: .26667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin-bottom: .26667rem } .explain .input span { color: var(--main-color); letter-spacing: .04em; font-weight: 900; font-size: .56rem; line-height: .56rem; width: 1.2rem; position: relative } .explain .input span:after { position: absolute; content: ""; height: .53333rem; display: inline-block; margin: 0 .13333rem .02667rem; vertical-align: middle; border-right: .02667rem solid var(--darkLight2, var(--gray-color-1)); top: .02667rem; right: -.13333rem } .explain .input .place-div { position: absolute; height: 1.17333rem; width: .8rem; color: var(--main-color); font-weight: 900; font-size: .56rem; line-height: 1.17333rem } .explain .input .place-div:after { position: absolute; content: ""; height: .53333rem; display: inline-block; margin: 0 .13333rem .02667rem; vertical-align: middle; border-right: .02667rem solid var(--darkLight2, var(--gray-color-1)); top: .34667rem; right: -.4rem } html:lang(ar) .explain .input .place-div:after { left: -.4rem; right: auto } .explain .input img { width: auto; height: .6rem; margin-top: .26667rem } .explain .input input { width: 70%; height: .4rem; background: none; border: none; color: var(--main-color); letter-spacing: .04em; font-weight: 700; line-height: .4rem; -webkit-margin-start: 1.33333rem; margin-inline-start: 1.33333rem; padding-left: .26667rem; padding-bottom: 0 } .explain .input input::-webkit-input-placeholder { color: var(--gray-color-1); line-height: .4rem; font-size: .37333rem; font-weight: 400 } .explain .input input::placeholder { color: var(--gray-color-1); line-height: .4rem; font-size: .37333rem; font-weight: 400 } .explain .balance { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin-top: .26667rem; -webkit-box-align: center; -webkit-align-items: center; align-items: center; font-weight: 400; font-size: .29333rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; margin-left: .06667rem } .explain .balance>div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; width: 100%; margin: .06667rem 0; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .explain .balance>div span { text-align: left } .explain .balance>div input { border: .01333rem solid var(--main-color); border-radius: .13333rem; width: 1.94667rem; height: .48rem; line-height: .29333rem; background: none; color: var(--main-color) } .explain .balance>div .rightD { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; align-items: center; font-size: .4rem; font-family: Roboto; font-style: normal; font-weight: 400 } .explain .balance>div .rightD img { width: .42667rem; height: auto; margin-right: .13333rem } .explain .balance.bank { color: var(--text_color_L2) } .explain .balance.usdt { color: var(--main-color) } .explain .verify { color: var(--norm_red-color); font-size: .29333rem; letter-spacing: .04em; height: .53333rem; text-align: left; margin: .13333rem .53333rem; -webkit-box-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: flex } .explain .verify img { width: .4rem; height: .4rem; margin-right: .13333rem } .explain.usdt .head { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin-bottom: .26667rem } .explain.usdt .head img { width: .64rem; height: auto; margin-right: .26667rem } .explain.usdt .head h1 { color: var(--text_color_L1); font-weight: 400; font-size: .42667rem } .explain.usdt .input { border-radius: .13333rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .addWithdrawType-top { background: var(--darkBg, var(--bg_color_L2)); border-radius: .13333rem; height: 2.66667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; gap: .5rem; margin-bottom: .26667rem } .addWithdrawType-top img { width: 1.17333rem; height: 1.17333rem } .addWithdrawType-top span { color: var(--text_color_L3); font-size: .37333rem } .addWithdrawType-text { color: var(--norm_red-color); font-weight: 400; font-size: .29333rem; margin-bottom: .26667rem } .canNotAdd { height: 2.66667rem; background-color: var(--darkBg, var(--bg_color_L2)); margin-bottom: .26667rem; font-size: .37333rem; color: var(--text_color_L3); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; gap: .18667rem; text-align: center; border-radius: .26667rem; padding-top: .44rem } .canNotAdd .forgetbg { width: 1.06667rem; height: 1.06667rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .Recharge__container-intro { background: var(--darkBg, var(--bg_color_L2)); border-radius: 0 0 .26667rem .26667rem; padding: .33333rem .26667rem } .Recharge__container-intro .br { border: .01333rem solid var(--bgDark-2, var(--Dividing-line_color)); border-radius: .26667rem; padding: .26667rem } .Recharge__container-intro p { text-align: left; position: relative; -webkit-padding-start: .53333rem; padding-inline-start: .53333rem; font-weight: 400; font-size: .32rem; color: var(--text_color_L2); line-height: .53333rem; margin: .2rem 0 } .Recharge__container-intro p span { color: var(--main-color) } .Recharge__container-intro p span.red { color: var(--norm_red-color) } .Recharge__container-intro p:after { position: absolute; content: ""; width: .13333rem; height: .13333rem; -webkit-transform: rotate(45deg); transform: rotate(45deg); background: var(--main-color); inset-inline-start: .2rem; top: .18667rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .c2cConfirm { padding: .4rem .26667rem .26667rem .53333rem; text-align: left; width: 100% } .c2cConfirm span { color: var(--norm_red-color) } .c2cConfirm p { color: var(--text_color_L1); font-size: .42667rem; font-weight: 700; margin-bottom: .26667rem } .c2cConfirm .imgBox { margin-top: .66667rem; max-height: 8rem; overflow-y: auto; margin-bottom: .4rem; width: 100% } .c2cConfirm .imgBox .box { width: 100% } .c2cConfirm .imgBox .box>div { color: var(--text_color_L4); background: var(--main_gradient-color); -webkit-clip-path: polygon(0 0, 98% 0%, 93% 100%, 0% 100%); clip-path: polygon(0 0, 98% 0%, 93% 100%, 0% 100%); font-size: .37333rem; font-weight: 700; padding: .06667rem .26667rem .06667rem .13333rem; display: -webkit-box; display: -webkit-flex; display: flex; margin-bottom: .13333rem } .c2cConfirm .imgBox .box>img { max-width: 100%; border: .01333rem solid var(--rechargeBgColor-1); border-radius: .13333rem; overflow: hidden; margin-bottom: .26667rem } .c2cConfirm .btn { background: var(--main_gradient-color); box-shadow: --BoxShadowColor-3; color: #fff; font-size: .4rem; font-weight: 700; text-align: center; padding: .2rem 0; border-radius: .53333rem; margin-top: .53333rem } .c2cConfirm .btn.active { background: var(--main_gradient-color); color: var(--text_color_L4) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .c2cWithdraw__C, .c2cWithdraw__T { background: var(--bg_color_L2); box-shadow: var(--BoxShadowColor-9); border-radius: .26667rem; padding: .48rem .26667rem } .c2cWithdraw__C-input { height: 1.17333rem; background: var(--walletBgColor-1); border-radius: .8rem; padding: 0 .53333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .c2cWithdraw__C-input .place-div { height: -webkit-fit-content; height: fit-content; color: var(--main-color); font-weight: 900; font-size: .56rem; padding-right: .29333rem; border-right: .01333rem solid var(--gray-color-1); -webkit-box-flex: 0; -webkit-flex: none; flex: none } .c2cWithdraw__C-input .amount-input { background-color: transparent } .c2cWithdraw__C-input .amount-input input { color: var(--main-color); font-weight: 700 } .c2cWithdraw__C-input .amount-input input::-webkit-input-placeholder { font-weight: 400 } .c2cWithdraw__C-input .amount-input input::placeholder { font-weight: 400 } .c2cWithdraw__C-input .unit { font-size: .37333rem; color: var(--text_color_L2); width: -webkit-fit-content; width: fit-content; -webkit-box-flex: 0; -webkit-flex: none; flex: none } .c2cWithdraw__C .can-withdraw { height: .53333rem; margin-top: .13333rem; display: -webkit-box; display: -webkit-flex; display: flex; color: var(--main-color); -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding-left: .53333rem } .c2cWithdraw__C .can-withdraw>div { border: .01333rem solid var(--main-color); border-radius: .13333rem; height: .45333rem; line-height: .4rem; font-size: .29333rem; padding: 0 .66667rem } .c2cWithdraw__C-tip { margin-top: .4rem; border: .01333rem solid var(--Dividing-line_color); border-radius: .26667rem; padding: .45333rem .37333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .c2cWithdraw__C-tip-l, .c2cWithdraw__C-tip-r { width: -webkit-fit-content; width: fit-content; height: -webkit-fit-content; height: fit-content; -webkit-box-flex: 0; -webkit-flex: none; flex: none; text-align: left; font-size: .32rem } .c2cWithdraw__C-tip-l>div, .c2cWithdraw__C-tip-r>div { height: .53333rem; line-height: .53333rem } .c2cWithdraw__C-tip-l>div+div, .c2cWithdraw__C-tip-r>div+div { margin-top: .26667rem } .c2cWithdraw__C-tip-l>div { position: relative; padding-left: .53333rem } .c2cWithdraw__C-tip-l>div:before { content: ""; display: block; width: .13333rem; height: .13333rem; border-radius: .02667rem; position: absolute; top: .18667rem; left: 0; background: var(--colorText-26); -webkit-transform: rotate(45deg); transform: rotate(45deg) } .c2cWithdraw__C-tip-r { color: var(--norm_secondary-color) } .c2cWithdraw__C .verify { color: var(--norm_red-color); font-size: .29333rem; letter-spacing: .04em; height: .53333rem; text-align: left; margin: .13333rem .53333rem; -webkit-box-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: flex } .c2cWithdraw__C .verify img { width: .4rem; height: .4rem; margin-right: .13333rem } .c2cWithdraw__T { margin-top: .64rem; text-align: left } .c2cWithdraw__T-h { line-height: .64rem; font-size: .4rem; color: var(--text_color_L1); font-weight: 600 } .c2cWithdraw__T-h .svg-icon { width: .64rem; height: .64rem } .c2cWithdraw__T-b { margin-top: .34667rem; padding: .45333rem .4rem; border: .01333rem solid var(--Dividing-line_color); border-radius: .26667rem } .c2cWithdraw__T-b>div { position: relative; min-height: .53333rem; line-height: .53333rem; color: var(--text_color_L2); font-size: .32rem; padding-left: .34667rem } .c2cWithdraw__T-b>div:before { position: absolute; content: ""; display: block; width: .13333rem; height: .13333rem; background-color: var(--colorText-26); border-radius: .02667rem; -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 0; top: .18667rem } .c2cWithdraw__T-b>div span { color: var(--main-color) } .c2cWithdraw__T-b>div+div { margin-top: .13333rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .c2cUpi { height: 2.13333rem; background: var(--bg_color_L2); box-shadow: var(--BoxShadowColor-9); border-radius: .26667rem; padding: .48rem .26667rem; text-align: left; position: relative; margin-bottom: .33333rem } .c2cUpi.noUpi { background-image: url(/assets/png/add-1ad7f3f5.png); background-size: 1.17333rem; background-repeat: no-repeat; background-position: center .24rem; color: var(--text_color_L3); text-align: center; padding: 1.46667rem 0 0 } .c2cUpi .title { height: .53333rem; line-height: .53333rem; padding-left: 1.36rem; font-size: .37333rem; color: var(--text_color_L1); background-image: url(/assets/png/upi-3f9883de.png); background-size: 1.06667rem .45333rem; background-repeat: no-repeat; background-position: left center } .c2cUpi .name { height: .48rem; line-height: .48rem; color: var(--text_color_L2); font-size: .34667rem; margin-top: .21333rem } .c2cUpi .right-icon { position: absolute; right: .48rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .c2cRecord__C-item { background: var(--bg_color_L2); box-shadow: var(--BoxShadowColor-9); border-radius: .13333rem; padding: .32rem .26667rem } .c2cRecord__C-item-a, .c2cRecord__C-item-u, .c2cRecord__C-item-t, .c2cRecord__C-item-id, .c2cRecord__C-item-h { height: .48rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; font-size: .34667rem } .c2cRecord__C-item-a .title, .c2cRecord__C-item-u .title, .c2cRecord__C-item-t .title, .c2cRecord__C-item-id .title, .c2cRecord__C-item-h .title { color: var(--text_color_L2) } .c2cRecord__C-item-a+div, .c2cRecord__C-item-u+div, .c2cRecord__C-item-t+div, .c2cRecord__C-item-id+div, .c2cRecord__C-item-h+div { margin-top: .26667rem } .c2cRecord__C-item-u span, .c2cRecord__C-item-id span { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .c2cRecord__C-item-u span img, .c2cRecord__C-item-id span img { width: .42667rem } .c2cRecord__C-item-t, .c2cRecord__C-item-u { color: var(--text_color_L2) } .c2cRecord__C-item-a { color: var(--norm_secondary-color) } .c2cRecord__C-item-id { color: var(--text_color_L2) } .c2cRecord__C-item-h { height: .98667rem; padding-bottom: .32rem; border-bottom: .01333rem solid var(--gray-color-1) } .c2cRecord__C-item-h>div.title { height: .66667rem; background-color: var(--norm_red-color); border-radius: .13333rem; color: #fff; font-size: .37333rem; padding: 0 .66667rem } .c2cRecord__C-item-h .state0 { color: var(--norm_bule-color) } .c2cRecord__C-item-h .state1 { color: var(--norm_red-color) } .c2cRecord__C-item-h .state2 { color: var(--norm_secondary-color) } .c2cRecord__C-item-h .state3 { color: #f95959 } .c2cRecord__C-item-h .state4 { color: var(--norm_red-color) } .c2cRecord__C-item-h .state5 { color: #f95959 } .c2cRecord__C-item-h .state6 { color: var(--text_color_L2) } .c2cRecord__C-item-h .state7 { color: #f95959 } .c2cRecord__C-item-h .state8 { color: #ff8616 } .c2cRecord__C-item-h .state9 { color: var(--norm_secondary-color) } .c2cRecord__C-item-h i { color: var(--text_color_L2) } .c2cRecord__C-item+div { margin-top: .26667rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .c2cRecord__C { margin-top: .8rem } .c2cRecord__C-head { height: .64rem; line-height: .64rem; background-size: .64rem; background-repeat: no-repeat; background-position: .16rem center; font-weight: 600; font-size: .42667rem; color: var(--text_color_L1); padding-left: .88rem; text-align: left; margin-bottom: .56rem } .c2cRecord__C-item { background: var(--bg_color_L2); box-shadow: var(--BoxShadowColor-9); border-radius: .13333rem; padding: .32rem .26667rem } .c2cRecord__C-item-a, .c2cRecord__C-item-u, .c2cRecord__C-item-t, .c2cRecord__C-item-id, .c2cRecord__C-item-h { height: .48rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; font-size: .34667rem } .c2cRecord__C-item-a .title, .c2cRecord__C-item-u .title, .c2cRecord__C-item-t .title, .c2cRecord__C-item-id .title, .c2cRecord__C-item-h .title { color: var(--text_color_L2) } .c2cRecord__C-item-a+div, .c2cRecord__C-item-u+div, .c2cRecord__C-item-t+div, .c2cRecord__C-item-id+div, .c2cRecord__C-item-h+div { margin-top: .26667rem } .c2cRecord__C-item-a { color: var(--norm_secondary-color) } .c2cRecord__C-item-h { height: .98667rem; padding-bottom: .32rem; border-bottom: .01333rem solid var(--gray-color-1) } .c2cRecord__C-item-h>div.title { height: .66667rem; background-color: var(--norm_red-color); border-radius: .13333rem; color: #fff; font-size: .37333rem; padding: 0 .66667rem } .c2cRecord__C-item-h .state0 { color: var(--norm_bule-color) } .c2cRecord__C-item-h .state1 { color: var(--norm_red-color) } .c2cRecord__C-item-h .state2 { color: var(--norm_secondary-color) } .c2cRecord__C-item-h .state3 { color: #f95959 } .c2cRecord__C-item-h .state4 { color: var(--norm_red-color) } .c2cRecord__C-item-h .state5 { color: #f95959 } .c2cRecord__C-item-h .state6 { color: var(--text_color_L2) } .c2cRecord__C-item-h .state7 { color: #f95959 } .c2cRecord__C-item-h .state8 { color: #ff8616 } .c2cRecord__C-item-h .state9 { color: var(--norm_secondary-color) } .c2cRecord__C-item-h i { color: var(--text_color_L2) } .c2cRecord__C-item+div { margin-top: .26667rem } .c2cRecord__C-allrecord { height: .93333rem; line-height: .93333rem; border: .01333rem solid var(--main-color); border-radius: 1.06667rem; color: var(--main-color); font-size: .4rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .WC4__C { background: var(--darkBg, var(--bg_color_L2)); box-shadow: var(--BoxShadowColor-9); border-radius: .26667rem; padding: .48rem .26667rem } .WC4__C-input { height: 1.17333rem; background: var(--bg_color_L1); border-radius: .8rem; padding: 0 .53333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .WC4__C-input .place-div { height: -webkit-fit-content; height: fit-content; color: var(--main-color); font-weight: 900; font-size: .56rem; padding-right: .29333rem; border-right: .01333rem solid var(--darkLight2, var(--gray-color-1)); -webkit-box-flex: 0; -webkit-flex: none; flex: none } .WC4__C-input .amount-input { background-color: transparent !important } .WC4__C-input .amount-input input { color: var(--main-color); font-weight: 700; font-size: .37333rem } .WC4__C-input .amount-input input::-webkit-input-placeholder { font-weight: 400 } .WC4__C-input .amount-input input::placeholder { font-weight: 400 } .WC4__C-input .unit { font-size: .37333rem; color: var(--text_color_L2); width: -webkit-fit-content; width: fit-content; -webkit-box-flex: 0; -webkit-flex: none; flex: none } .WC4__C .can-withdraw { height: .53333rem; margin-top: .13333rem; display: -webkit-box; display: -webkit-flex; display: flex; color: var(--main-color); -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding-left: .53333rem } .WC4__C .can-withdraw>div { border: .01333rem solid var(--main-color); border-radius: .13333rem; height: .45333rem; line-height: .4rem; font-size: .29333rem; padding: 0 .66667rem } .WC4__C .amount { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding-left: .53333rem } .WC4__C .amount .num { color: var(--main-color) } .WC4__C .verify { color: var(--norm_red-color); font-size: .29333rem; letter-spacing: .04em; height: .53333rem; text-align: left; margin: .13333rem .53333rem; -webkit-box-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: flex } .WC4__C .verify img { width: .4rem; height: .4rem; margin-right: .13333rem } .WC4__C-b { margin-top: .34667rem; padding: .45333rem .4rem; border: .01333rem solid var(--Dividing-line_color); border-radius: .26667rem; text-align: left } .WC4__C-b>div { position: relative; min-height: .53333rem; line-height: .53333rem; color: var(--text_color_L2); font-size: .32rem; padding-left: .34667rem } .WC4__C-b>div:before { position: absolute; content: ""; display: block; width: .13333rem; height: .13333rem; background-color: var(--colorText-26); border-radius: .02667rem; -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 0; top: .18667rem } .WC4__C-b>div span { color: var(--main-color) } .WC4__C-b>div+div { margin-top: .13333rem } .Recharge__container-intro { margin-top: .53333rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .wC4Id { height: 2.13333rem; background: var(--darkBg, var(--bg_color_L2)); box-shadow: var(--BoxShadowColor-9); border-radius: .26667rem; padding: .48rem .26667rem; text-align: left; position: relative; margin-bottom: .33333rem } .wC4Id.noUpi { background-image: url(/assets/png/add-1ad7f3f5.png); background-size: 1.17333rem; background-repeat: no-repeat; background-position: center .24rem; color: var(--text_color_L3); text-align: center; padding: 1.46667rem 0 0 } .wC4Id .title { height: .53333rem; line-height: .53333rem; padding-left: .69333rem; font-size: .37333rem; color: var(--darkTextW, var(--text_color_L1)); background-size: .53333rem; background-repeat: no-repeat; background-position: left center; background-image: url(/assets/png/4-d37103ef.png) } .wC4Id .name { height: .48rem; line-height: .48rem; color: var(--text_color_L2); font-size: .34667rem; margin-top: .21333rem } .wC4Id .right-icon { position: absolute; right: .48rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .c2cWithdraw__C, .c2cWithdraw__T { background: var(--bg_color_L2); border-radius: .26667rem; padding: .48rem .26667rem } .c2cWithdraw__C-h, .c2cWithdraw__T-h { margin-bottom: .26667rem } .c2cWithdraw__C .head { color: var(--text_color_L1); font-size: .42667rem; font-weight: 600; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; gap: .13333rem; margin-bottom: .26667rem } .c2cWithdraw__C .head svg { width: .56rem; height: .56rem } .c2cWithdraw__C-input { height: 1.17333rem; background: #f2f2f2; border-radius: .8rem; padding: 0 .53333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .c2cWithdraw__C-input .place-div { height: -webkit-fit-content; height: fit-content; color: var(--main-color); font-weight: 900; font-size: .56rem; padding-right: .29333rem; border-right: .01333rem solid #bdbdbd; -webkit-box-flex: 0; -webkit-flex: none; flex: none } .c2cWithdraw__C-input .amount-input { background-color: transparent } .c2cWithdraw__C-input .amount-input input { color: var(--main-color); font-weight: 700 } .c2cWithdraw__C-input .amount-input input::-webkit-input-placeholder { font-weight: 400 } .c2cWithdraw__C-input .amount-input input::placeholder { font-weight: 400 } .c2cWithdraw__C-input .all { color: var(--main-color); font-size: .37333rem; width: -webkit-fit-content; width: fit-content; -webkit-box-flex: 0; -webkit-flex: none; flex: none } .c2cWithdraw__C .can-withdraw { height: .53333rem; margin-top: .13333rem; display: -webkit-box; display: -webkit-flex; display: flex; color: var(--norm_red-color); -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding-left: .33333rem } .c2cWithdraw__C .can-withdraw>div { border: .01333rem solid var(--main-color); border-radius: .13333rem; height: .45333rem; line-height: .4rem; font-size: .29333rem; padding: 0 .66667rem } .c2cWithdraw__C-tip { border-radius: .26667rem; padding: .26667rem .37333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .c2cWithdraw__C-tip-l, .c2cWithdraw__C-tip-r { width: -webkit-fit-content; width: fit-content; height: -webkit-fit-content; height: fit-content; -webkit-box-flex: 0; -webkit-flex: none; flex: none; text-align: left; font-size: .32rem } .c2cWithdraw__C-tip-l>div, .c2cWithdraw__C-tip-r>div { height: .53333rem; line-height: .53333rem } .c2cWithdraw__C-tip-l>div+div, .c2cWithdraw__C-tip-r>div+div { margin-top: .26667rem } .c2cWithdraw__C-tip-r { color: var(--norm_secondary-color) } .c2cWithdraw__C .verify { color: var(--norm_red-color); font-size: .29333rem; letter-spacing: .04em; height: .53333rem; text-align: left; margin: .13333rem .53333rem; -webkit-box-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: flex } .c2cWithdraw__C .verify img { width: .4rem; height: .4rem; margin-right: .13333rem } .c2cWithdraw__T { margin-top: .64rem; text-align: left } .c2cWithdraw__T-h { height: .64rem; line-height: .64rem; font-size: .4rem; color: var(--text_color_L1); font-weight: 600 } .c2cWithdraw__T-h .svg-icon { width: .64rem; height: .64rem } .c2cWithdraw__T-b { margin-top: .34667rem; padding: .45333rem .4rem; border: .01333rem solid #d6d6d6; border-radius: .26667rem } .c2cWithdraw__T-b>div { position: relative; min-height: .53333rem; line-height: .53333rem; color: var(--text_color_L2); font-size: .32rem; padding-left: .34667rem } .c2cWithdraw__T-b>div:before { position: absolute; content: ""; display: block; width: .13333rem; height: .13333rem; background-color: #ff8e8a; border-radius: .02667rem; -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 0; top: .18667rem } .c2cWithdraw__T-b>div span { color: var(--norm_red-color) } .c2cWithdraw__T-b>div+div { margin-top: .13333rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .recycleBtnD { width: 100%; text-align: center; padding: .4rem 0; max-width: 10rem; background: var(--darkBg, var(--bg_color_L2)); border-radius: 0; margin-bottom: 0 } .recycleBtnD.c2c { padding-bottom: 0 } .recycleBtnD button { width: 95%; background: var(--main_gradient-color); border-radius: .66667rem; border: none; color: var(--text_color_L4); padding: .26667rem 0; font-size: .37333rem } .recycleBtnD button.active { background: var(--main_gradient-color) } .van-dialog { overflow: visible } .van-dialog .van-dialog__content { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding-block: 2.66667rem; height: 6.4rem } .van-dialog__content img { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translate(-50%) } .van-dialog__content img:last-of-type { bottom: -.64rem; width: .73333rem } .van-dialog__content img.succeed { top: -.50667rem; width: 3.73333rem } .van-dialog__content img.fail { top: .04267rem; width: 2.13333rem } .van-dialog__content-title { margin-bottom: .192rem; color: var(--text_color_L1); font-weight: 700; font-size: .48rem; line-height: .48rem; font-family: Poppins } .van-dialog__content-title.title1 { margin-bottom: .66667rem } .van-dialog__content-note { margin-bottom: .53333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; font-size: .32rem } .van-dialog__content-note>span:nth-of-type(1) { color: var(--text_color_L2) } .van-dialog__content-note>span:nth-of-type(2) { color: var(--gray-color-1) } .van-dialog__content-note .red { color: var(--norm_red-color) } .van-dialog__content-btn { height: 1.06667rem; width: 5.33333rem; line-height: 1.06667rem; color: var(--text_color_L4); font-size: .42667rem; font-weight: 700; border-radius: 1.92rem; background: var(--main_gradient-color) } .arCard { background: var(--bg_color_L2); border-radius: .13333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding: .2rem .26667rem; gap: .13333rem; margin-bottom: .4rem } .arCard .left { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; gap: .26667rem; text-align: left } .arCard .left img { width: .74667rem; height: .58667rem; margin-left: .26667rem } .arCard .left>p { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column } .arCard .left>p span { text-align: left } .arCard .left>p span:last-of-type { color: #999 } .arCard .left>p span.amount { color: #333 !important; font-size: .37333rem; font-weight: 700 } .arCard .right { border-radius: .13333rem; background: var(--main-color); color: #fff; min-height: .85333rem; padding: .13333rem .26667rem; min-width: 2rem } .arType .rule { background: var(--bg_color_L2); border-radius: .13333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding: .26667rem; margin-bottom: .4rem } .arType .rule .left { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; gap: .26667rem } .arType .rule .left svg { width: .53333rem; height: .53333rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .recycleBtnD { width: 100%; text-align: center; padding: .4rem 0; max-width: 10rem; background: var(--darkBg, var(--bg_color_L2)); border-radius: 0; margin-bottom: 0 } .recycleBtnD.c2c { padding-bottom: 0 } .recycleBtnD button { width: 95%; background: var(--main_gradient-color); border-radius: .66667rem; border: none; color: var(--text_color_L4); padding: .26667rem 0; font-size: .37333rem } .recycleBtnD button.active { background: var(--main_gradient-color) } .van-dialog { overflow: visible } .van-dialog .van-dialog__content { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding-block: 2.66667rem; height: 6.4rem } .van-dialog__content img { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translate(-50%) } .van-dialog__content img:last-of-type { bottom: -.64rem; width: .73333rem } .van-dialog__content img.succeed { top: -.50667rem; width: 3.73333rem } .van-dialog__content img.fail { top: .04267rem; width: 2.13333rem } .van-dialog__content-title { margin-bottom: .192rem; color: var(--text_color_L1); font-weight: 700; font-size: .48rem; line-height: .48rem; font-family: Poppins } .van-dialog__content-title.title1 { margin-bottom: .66667rem } .van-dialog__content-note { margin-bottom: .53333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; font-size: .32rem } .van-dialog__content-note>span:nth-of-type(1) { color: var(--text_color_L2) } .van-dialog__content-note>span:nth-of-type(2) { color: var(--gray-color-1) } .van-dialog__content-note .red { color: var(--norm_red-color) } .van-dialog__content-btn { height: 1.06667rem; width: 5.33333rem; line-height: 1.06667rem; color: var(--text_color_L4); font-size: .42667rem; font-weight: 700; border-radius: 1.92rem; background: var(--main_gradient-color) } .arCard { background: var(--bg_color_L2); border-radius: .13333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding: .2rem .26667rem; gap: .13333rem; margin-bottom: .4rem } .arCard .left { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; gap: .26667rem; text-align: left } .arCard .left img { width: .74667rem; height: .58667rem; margin-left: .26667rem } .arCard .left>p { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column } .arCard .left>p span { text-align: left } .arCard .left>p span:last-of-type { color: #999 } .arCard .left>p span.amount { color: #333 !important; font-size: .37333rem; font-weight: 700 } .arCard .right { border-radius: .13333rem; background: var(--main-color); color: #fff; min-height: .85333rem; padding: .13333rem .26667rem; min-width: 2rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .recycleBtnD { width: 100%; text-align: center; padding: .4rem 0; max-width: 10rem; background: var(--darkBg, var(--bg_color_L2)); border-radius: 0; margin-bottom: 0 } .recycleBtnD.c2c { padding-bottom: 0 } .recycleBtnD button { width: 95%; background: var(--main_gradient-color); border-radius: .66667rem; border: none; color: var(--text_color_L4); padding: .26667rem 0; font-size: .37333rem } .recycleBtnD button.active { background: var(--main_gradient-color) } .van-dialog { overflow: visible } .van-dialog .van-dialog__content { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding-block: 2.66667rem; height: 6.4rem } .van-dialog__content img { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translate(-50%) } .van-dialog__content img:last-of-type { bottom: -.64rem; width: .73333rem } .van-dialog__content img.succeed { top: -.50667rem; width: 3.73333rem } .van-dialog__content img.fail { top: .04267rem; width: 2.13333rem } .van-dialog__content-title { margin-bottom: .192rem; color: var(--text_color_L1); font-weight: 700; font-size: .48rem; line-height: .48rem; font-family: Poppins } .van-dialog__content-title.title1 { margin-bottom: .66667rem } .van-dialog__content-note { margin-bottom: .53333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; font-size: .32rem } .van-dialog__content-note>span:nth-of-type(1) { color: var(--text_color_L2) } .van-dialog__content-note>span:nth-of-type(2) { color: var(--gray-color-1) } .van-dialog__content-note .red { color: var(--norm_red-color) } .van-dialog__content-btn { height: 1.06667rem; width: 5.33333rem; line-height: 1.06667rem; color: var(--text_color_L4); font-size: .42667rem; font-weight: 700; border-radius: 1.92rem; background: var(--main_gradient-color) } .arCard { background: var(--bg_color_L2); border-radius: .13333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding: .2rem .26667rem; gap: .13333rem; margin-bottom: .4rem } .arCard .left { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; gap: .26667rem; text-align: left } .arCard .left img { width: .74667rem; height: .58667rem; margin-left: .26667rem } .arCard .left>p { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column } .arCard .left>p span { text-align: left } .arCard .left>p span:last-of-type { color: #999 } .arCard .left>p span.amount { color: #333 !important; font-size: .37333rem; font-weight: 700 } .arCard .right { border-radius: .13333rem; background: var(--main-color); color: #fff; min-height: .85333rem; padding: .13333rem .26667rem; min-width: 2rem } .withdraw__container { font-family: Inter; font-style: normal; color: var(--text_color_L2); font-weight: 400; font-size: .32rem; line-height: .53333rem; text-align: center; letter-spacing: .04em } .withdraw__container .navbar__content-left>.van-icon { font-size: .53333rem } .withdraw__container span.red { color: var(--norm_red-color) } .withdraw__container-content { margin-top: .4rem; padding-inline: .4rem } .withdraw__container .pwd { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .withdraw__container .pwd ::-webkit-input-placeholder { color: var(--text_color_L3) } .withdraw__container .pwd :-moz-placeholder { color: var(--text_color_L3) } .withdraw__container .pwd ::-moz-placeholder { color: var(--text_color_L3) } .withdraw__container .pwd :-ms-input-placeholder { color: var(--text_color_L3) } .withdraw__container .pwd>div:nth-of-type(2) { margin-top: .33333rem } .withdraw__container .pwd-head { padding: .4rem 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; align-items: center; width: 90% } .withdraw__container .pwd-head svg { width: .64rem; height: .64rem; margin-right: .06667rem; color: var(--main-color) } .withdraw__container .pwd-head h1 { color: var(--text_color_L1); font-weight: 600; font-size: .42667rem } .withdraw__container .pwd-head h2 { color: var(--text_color_L1); font-weight: 500; font-size: .42667rem } .withdraw__container .pwd input { border-radius: .13333rem; height: 1.17333rem; width: 90%; background: none; font-size: .37333rem; padding-left: .26667rem } .withdraw__container .pwd>span { text-align: left; width: 90%; margin-top: .26667rem } .withdraw__container .pwd .forgetPwd { width: 90%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin-top: .53333rem } .withdraw__container .pwd .forgetPwd span { color: var(--text_color_L1); font-weight: 400; font-size: .37333rem } .withdraw__container .pwd .forgetPwd button { border: .01333rem solid var(--text_color_L2); border-radius: .13333rem; width: 2.6rem; height: .66667rem; background: none } .withdraw__container .pwd .btnD { width: 100%; margin-top: .8rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .withdraw__container .pwd .btnD button { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; height: 1.6rem; font-size: .45333rem } .withdraw__container .pwd .btnD button:nth-of-type(1) { background: transparent; color: var(--main-color); border: .01333rem solid var(--main-color) } .withdraw__container .pwd .btnD button:nth-of-type(2) { background: var(--main-color); color: var(--text_color_L4); border: none } .withdraw__container .passwordInput__container { padding: 0 .53333rem; width: 100% } .withdraw__container .van-dialog.c2cconfirm .van-dialog__content { padding-block: 0 !important; height: auto !important } .withdraw__container .explain { box-shadow: none } @media screen and (max-width: 500px) { .withdraw__container .recycleBtnD { max-width: none } } .bankInfo { margin-top: .26667rem; margin-bottom: .26667rem } .bankInfo>div { border-radius: .26667rem; padding: .26667rem; display: -webkit-box; display: -webkit-flex; display: flex } .bankInfo .bankInfoItem { background: var(--bg_color_L2); -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .bankInfo .bankInfoItem .svg-icon, .bankInfo .bankInfoItem img { width: .82667rem; height: .78667rem } .bankInfo .bankInfoItem>div:nth-of-type(1) { width: 29%; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .bankInfo .bankInfoItem>div:nth-of-type(2) { width: 70%; background: url(/assets/png/line-0198e433.png) no-repeat left; background-size: contain; padding-left: .66667rem; text-align: left } .bankInfo .bankInfoItem>div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column } .bankInfo .bankInfoItem>div span { font-size: .37333rem; color: var(--text_color_L2); max-width: 95%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .bankInfo .bankInfoItem>div>span:nth-of-type(1) { margin: .06667rem 0 } .bankInfo .bankInfoItem i { font-size: .4rem } .bankInfo .bankInfoItem.usdt { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column } .bankInfo .bankInfoItem.usdt>div { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; width: 100%; -webkit-box-align: center; -webkit-align-items: center; align-items: center; font-weight: 400; font-size: .32rem } .bankInfo .bankInfoItem.usdt>div:nth-of-type(1) img { width: .64rem; height: .64rem; margin-right: .2rem } .bankInfo .bankInfoItem.usdt>div:nth-of-type(2) { padding-left: 0; background: none; color: var(--text_color_L2); position: relative } .bankInfo .bankInfoItem.usdt>div:nth-of-type(2)>i { position: absolute; right: 0 } .bankInfo .bankInfoItem.usdt>div:nth-of-type(3)>span { color: var(--norm_secondary-color) } .bankInfo .bankInfoItem.KBZ { background: var(--main_gradient-color) } .bankInfo .bankInfoItem.KBZ span { color: var(--text_color_L4) } .bankInfo.e-wallet span:last-of-type { color: var(--text_color_L2) !important } .is-hidden { position: absolute; left: -133.33333rem; top: -133.33333rem } .c2c .succeedImg { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translate(-50%); top: -.50667rem; width: 3.73333rem; height: 2.4rem } .c2c h1 { color: var(--text_color_L2); margin-bottom: .26667rem } .c2c p { font-size: .29333rem; margin-bottom: .66667rem; border-radius: .13333rem; padding: .26667rem .4rem } .c2c p span { color: var(--main-color) } :root { --van-tabs-card-height: auto } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .f24 { font-size: .32rem } .rechargeh__container { padding-inline: .32rem; padding-block: 0 1.49333rem; font-family: bahnschrift } .rechargeh__container .navbar__content-left>.van-icon { font-size: .53333rem } .rechargeh__container .ar { position: relative; top: 0; padding: 0; margin-bottom: .38667rem } .rechargeh__container .van-tabs { left: 50%; width: 100%; max-width: 10rem; -webkit-user-select: none; user-select: none; margin-bottom: .38667rem; -webkit-transform: translateX(-50%); transform: translate(-50%) } .rechargeh__container .van-tabs .van-tabs__nav { background: transparent } .rechargeh__container .van-tabs .van-tabs__nav--card { margin: 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; border: none } .rechargeh__container .van-tabs .van-tabs__nav--card .van-tab--card { min-width: 2.53333rem; height: 1.06667rem; color: var(--text_color_L2) !important; border-radius: .13333rem; background: var(--bgDark-2, var(--bg_color_L2)); border: none } .rechargeh__container .van-tabs .van-tabs__nav--card .van-tab--card .tabDiv { display: -webkit-box; display: -webkit-flex; display: flex; height: 1.33333rem; width: 100%; line-height: 1.33333rem; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; font-size: .32rem } .rechargeh__container .van-tabs .van-tabs__nav--card .van-tab--card .tabDiv img, .rechargeh__container .van-tabs .van-tabs__nav--card .van-tab--card .tabDiv svg { width: .56rem; margin-right: .13333rem; position: relative; top: -.02667rem } .rechargeh__container .van-tabs .van-tabs__nav--card .van-tab--card .tabDiv svg { height: .56rem } .rechargeh__container .van-tabs .van-tabs__nav--card .van-tab--card.van-tab--active { color: var(--text_color_L4) !important; background: var(--main_gradient-color) } .rechargeh__container .van-tabs .van-tabs__nav--card .van-tab--card+div { margin-left: .13333rem } .rechargeh__container_header { position: fixed; max-width: 10rem; width: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translate(-50%); padding: 0 .32rem; background: var(--bg_color_L1); z-index: 99 } .rechargeh__container_header .ar { margin-bottom: 0 } .rechargeh__container_header .ar .ar-searchbar { margin-bottom: 0; -webkit-box-pack: normal; -webkit-justify-content: normal; justify-content: normal } .rechargeh__container_header .vantab-minw { min-width: 2.53333rem } .rechargeh__container .top { height: 3.2rem } .rechargeh__container .c2cType { height: 1.17333rem; line-height: 1.17333rem; background-color: var(--textW); margin: 0 auto .4rem; border-radius: .13333rem; display: -webkit-box; display: -webkit-flex; display: flex; text-align: center; color: var(--text_color_L2); font-size: .32rem; width: calc(100% - .64rem) } .rechargeh__container .c2cType>div { width: 50% } .rechargeh__container .c2cType>div.active { background: var(--main_gradient-color2); border-radius: .13333rem; color: var(--textW); font-size: .34667rem } .rechargeh__container-content { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: .26667rem; margin-bottom: .4rem; margin-top: 2.93333rem } .rechargeh__container-content.isC2c { margin-top: 5.06667rem } .rechargeh__container-content__item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: .21333rem; padding: .32rem .13333rem; border-radius: .13333rem; background-color: var(--darkBg, var(--bg_color_L2)) } .rechargeh__container-content__item-header { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; gap: .13333rem; padding-bottom: .13333rem } .rechargeh__container-content__item-header span { min-width: 2rem; height: .66667rem; font-size: .37333rem; text-align: center; line-height: .66667rem; color: #fff } .rechargeh__container-content__item-header span:first-of-type { margin-left: .13333rem; background: var(--darkLight, var(--norm_red-color)); border: .01333rem solid var(--darkLight, var(--norm_red-color)); border-radius: .13333rem } .rechargeh__container-content__item-header span:nth-of-type(2) { text-align: left } .rechargeh__container-content__item-header span:last-of-type { margin-left: auto; text-align: right; color: var(--main-color) } .rechargeh__container-content__item-header span.stateR { color: var(--norm_bule-color) } .rechargeh__container-content__item-header span.stateReject { color: var(--norm_red-color) } .rechargeh__container-content__item-header span.stateG { color: var(--norm_green-color) } .rechargeh__container-content__item-body { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: .13333rem; font-size: .32rem; color: var(--text_color_L2) } .rechargeh__container-content__item-body>div:last-of-type { -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .rechargeh__container-content__item-body>div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .rechargeh__container-content__item-body>div:first-of-type span:last-of-type { color: var(--norm_secondary-color) } .rechargeh__container-content__item-body>div:last-of-type span:last-of-type { color: var(--text_color_L2) } .rechargeh__container-content__item-body>div span { padding: 0 .26667rem; margin: .06667rem 0 } .rechargeh__container-content__item-body>div span:first-of-type { -webkit-clip-path: polygon(0 0, 100% 0, 92% 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 92% 100%, 0 100%) } .rechargeh__container-content__item-body>div span:last-of-type { max-width: 70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .rechargeh__container-content__item-body>div span:nth-of-type(2) { margin-left: auto; text-align: right } .rechargeh__container-content__item-body>div img { width: .4rem } .rechargeh__container-empty { margin-top: .66667rem } .rechargeh__container .textarea { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; height: 1.6rem; border: .01333rem solid var(--Dividing-line_color); border-radius: .13333rem; padding-top: .26667rem; padding-left: .28rem; resize: none; margin-bottom: .29333rem; font-size: .29333rem; background: var(--bg_color_L1); color: var(--text_color_L2) } .rechargeh__container .textarea::-webkit-input-placeholder { color: var(--text_color_L2); font-size: .29333rem } .rechargeh__container .textarea::placeholder { color: var(--text_color_L2); font-size: .29333rem } @media screen and (max-width: 500px) { .rechargeh__container .van-tabs { max-width: none } } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .upi_detail_header { z-index: 1; min-height: 5.12rem; color: #fff; position: relative; padding-bottom: .4rem } .upi_detail_header .navbar-fixed { background-color: transparent !important; position: absolute } .upi_detail_header .navbar-fixed .navbar__content-right { font-size: .37333rem } .upi_detail_header .info { padding: .8rem 0 .37333rem .32rem; width: 74% } .upi_detail_header .info .state_txt { font-style: normal; font-weight: 700; font-size: .48rem; line-height: .66667rem; margin-bottom: .32rem } .upi_detail_header .info .tip { font-weight: 400; font-size: .34667rem; line-height: .4rem } .upi_detail_header .state_img { width: 2.13333rem; height: 2.13333rem; position: absolute; right: .18667rem; top: 1.89333rem } .wait { background: var(--main-color) } .timeout { background: var(--norm_secondary-color) } .cancel { background: var(--norm_red-color) } .appeal { background: var(--main-color) } .success { background: #34be8b } .fail { background: var(--main-color) } .btn_group { width: 100%; height: .93333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; position: relative; align-items: center; z-index: 100; padding: 0 .26667rem } .btn_group div { width: 4.53333rem; background: transparent !important; font-size: .37333rem; color: #fff; height: .93333rem; border: .01333rem solid #fff; border-radius: 1.06667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin-right: .26667rem } .btn_group .appeal, .btn_group .appeal_admin { border-radius: 1.06667rem; text-align: center } .btn_group .appeal img, .btn_group .appeal_admin img { width: .64rem; height: .64rem; margin-right: .13333rem } .btn_group .cancel { line-height: .93333rem; font-weight: 400 } .btn_group .cancel img { width: .64rem; height: .64rem; margin-right: .13333rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .order_info { position: relative; z-index: 2; width: 9.38667rem; background: var(--bg_color_L2); border-radius: .13333rem; margin: .4rem auto .48rem; padding: .4rem .26667rem } .order_info .title { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin-bottom: .21333rem } .order_info .title img { width: 1.33333rem; height: .54667rem; margin-right: .34667rem } .order_info .title span { font-weight: 700; font-size: .42667rem; line-height: .53333rem; color: var(--text_color_L1) } .order_info .dir { width: 8.26667rem; margin-left: .64rem; height: .01333rem; background-color: var(--saveTextColor-3) } .upi_info { width: 9.38667rem; background: var(--bg_color_L2); border-radius: .13333rem; margin: 0 auto .48rem; padding: .4rem .26667rem } .upi_info .upi_title { font-size: .37333rem; line-height: .45333rem; color: var(--text_color_L1); margin-bottom: .26667rem; position: relative } .upi_info .upi_title.tit_img, .upi_info .upi_title.tit_video { line-height: .64rem; font-size: .42667rem; font-weight: 600 } .upi_info .upi_title.tit_img:before { content: ""; width: .64rem; height: .64rem; background-color: transparent; background-image: url(@assets/icons/wallet/withdraw/c2c/uploadImg1.png); background-repeat: no-repeat; background-size: cover; margin-right: .13333rem } .upi_info .upi_title.tit_video:before { content: ""; width: .64rem; height: .64rem; background-image: url(@assets/icons/wallet/withdraw/c2c/uploadVideo.png); background-repeat: no-repeat; background-size: cover; margin-right: .13333rem } .upi_info .upi_title:before { content: ""; display: inline-block; width: .08rem; height: .4rem; background: var(--main-color); margin-right: .10667rem; vertical-align: top } .order_info_box { margin-top: .45333rem } .order_info_box .order_info_item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin-bottom: .4rem } .order_info_box .order_info_item .title { font-size: .34667rem; line-height: .26667rem; color: var(--text_color_L2) } .order_info_box .order_info_item span { font-size: .34667rem; line-height: .26667rem; color: var(--text_color_L1) } .order_info_box .order_info_item .amount { color: var(--norm_secondary-color) } .order_info_box .order_info_item .time { color: var(--text_color_L2) } .order_info_box .order_info_item .order_num { display: -webkit-box; display: -webkit-flex; display: flex; color: var(--text_color_L2); -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .order_info_box .order_info_item .order_num span { margin-right: .26667rem } .order_info_box .order_info_item .order_num img { width: .42667rem; height: .42667rem } .btn_group { margin-top: .8rem } .btn_group div { margin: 0 auto .58667rem } .btn_group .appeal, .btn_group .appeal_admin { background: var(--main_gradient-color2); border-radius: 1.06667rem; color: var(--text_color_L4); width: 8.98667rem; height: .93333rem; line-height: .93333rem; text-align: center; font-weight: 700; font-size: .4rem } .btn_group .cancel { width: 8.98667rem; height: .93333rem; line-height: .93333rem; border: .01333rem solid var(--main-color); border-radius: 1.06667rem; font-weight: 400; font-size: .4rem; color: var(--main-color); text-align: center } .divider { width: 100%; height: .01333rem; margin: .53333rem 0 .66667rem; position: relative; background-image: -webkit-linear-gradient(left, #c2c2c2 0%, #c2c2c2 40%, transparent 8%); background-image: linear-gradient(to right, #c2c2c2 0%, #c2c2c2 40%, transparent 8%); background-size: .53333rem .01333rem; background-repeat: repeat-x } .divider:before, .divider:after { content: ""; width: .56rem; height: .56rem; border-radius: 50%; background-color: var(--bg_color_L1); position: absolute } .divider:before { left: -.53333rem; top: -.28rem } html:lang(ar) .divider:before { right: -.53333rem; left: unset } .divider:after { right: -.53333rem; top: -.28rem } html:lang(ar) .divider:after { right: unset; left: -.53333rem } .pay_img { width: 100%; height: auto; object-fit: fill } .withdraw_img { width: 33%; height: auto; object-fit: fill } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .chooseBank__container { padding-inline: .32rem; padding-block: 0 .4rem; padding-top: .13333rem } .chooseBank__container .search { z-index: 100; height: 1.06667rem; width: 88%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; position: fixed; top: 1.2rem; left: 50%; -webkit-transform: translateX(-50%); transform: translate(-50%); max-width: 10rem; padding: 0 .32rem; border-radius: .13333rem; background: var(--bgDark-2, var(--bg_color_L2)) } .chooseBank__container .search .van-icon { font-weight: 700; color: var(--main-color) } .chooseBank__container .search input { border: none; width: calc(100% - .8rem); font-size: .37333rem; background: var(--bg_color_L2) } .chooseBank__container .search input::-webkit-input-placeholder { color: var(--text_color_L3) } .chooseBank__container .search input::placeholder { color: var(--text_color_L3) } .chooseBank__container .search input:focus { outline: none; -webkit-user-select: text; user-select: text } .chooseBank__container-content { margin-top: 1.2rem; background: var(--darkBg, var(--bg_color_L2)); border-radius: .13333rem; padding: .13333rem .4rem } .chooseBank__container-content-items { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; color: var(--text_color_L2); padding-bottom: .26667rem } .chooseBank__container-content-items>div:first-of-type { font-weight: 400; font-size: .37333rem; padding: .13333rem 0; margin-bottom: .53333rem } .chooseBank__container-content-items__item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; font-size: .37333rem; font-weight: 500; padding: .4rem 0 } .chooseBank__container-content-items__item img { width: .64rem; height: auto; margin: 0 .24rem 0 0 } .chooseBank__container-content-items__title { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .addBankCard__container { padding-inline: .32rem; padding-block: 0 .4rem; padding-top: .13333rem } .addBankCard__container .navbar__content-left>.van-icon { font-size: .53333rem } .addBankCard__container-content div, .addBankCard__container-content span { font-family: bahnschrift; font-size: .32rem; color: var(--text_color_L2) } .addBankCard__container-content input, .addBankCard__container-content textarea { border: none; width: 100%; padding: .13333rem .34667rem; background: var(--bg_color_L2); border-radius: .13333rem; color: var(--text_color_L1); font-size: .37333rem; -webkit-user-select: text; user-select: text } .addBankCard__container-content input::-webkit-input-placeholder, .addBankCard__container-content textarea::-webkit-input-placeholder { color: var(--text_color_L3) } .addBankCard__container-content input::placeholder, .addBankCard__container-content textarea::placeholder { color: var(--text_color_L3) } .addBankCard__container-content input { height: 1.06667rem; color: var(--text_color_L1) } .addBankCard__container-content textarea { height: 2.13333rem } .addBankCard__container-content-top { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; height: .98667rem; background-color: var(--bgDark-2, var(--bg_color_L2)); border-radius: .8rem; padding: .13333rem .53333rem } .addBankCard__container-content-top img { width: .46667rem; height: .46667rem; margin-right: .2rem } .addBankCard__container-content-top span { color: var(--norm_red-color); font-weight: 500; font-size: .32rem } .addBankCard__container-content-selectB { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin-top: .53333rem } .addBankCard__container-content-selectB>div:last-of-type { font-weight: 500; font-size: .32rem } .addBankCard__container-content-item { margin: .93333rem 0 } .addBankCard__container-content-item .label { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin-bottom: .32rem; color: var(--darkTextW, var(--text_color_L1)) } .addBankCard__container-content-item .label.phone_icon>.svg-icon { color: var(--main-color) } .addBankCard__container-content-item .label .svg-icon { width: .64rem; height: .64rem; margin-right: .16rem } .addBankCard__container-content-item .selectB { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; font-size: .37333rem; color: var(--text_color_L4); background: var(--main_gradient-color); height: .93333rem; border-radius: .13333rem; padding: 0 .26667rem } .addBankCard__container-content-btn { margin-top: 2rem } .addBankCard__container-content-btn button { border-radius: 1.06667rem; border: none; color: #fff; letter-spacing: .13333rem; font-weight: 700; font-size: .4rem; height: .93333rem; width: 100%; background: var(--button_dis_color); text-shadow: none } .addBankCard__container-content-btn button.active { background: var(--main_gradient-color); text-shadow: none } .addBankCard__container .search { height: 1.06667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; width: 100%; margin-top: .26667rem } .addBankCard__container .searchbar-container { width: 94% } .addBankCard__container .searchbar-container .searchbar-container__searchbar { height: 1.06667rem; border-radius: .13333rem; border: .01333rem solid #e6e8e8 } .addBankCard__container .searchbar-container i { right: auto; left: .26667rem } html:lang(ar) .addBankCard__container .searchbar-container i { right: .26667rem; left: auto } .info-dialog-content-hint { border: .01333rem solid #ebebed; border-radius: .16rem; height: 3.06667rem; padding: .26667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: .13333rem } .info-dialog-content-hint span { font-size: .32rem; color: var(--text_color_L1); font-weight: 400; font-family: Poppins } .verifyInput__container { margin-top: .26667rem } .verifyInput__container .verifyInput__container-label { display: none } .verifyInput__container .verifyInput__container-input input { background: var(--bg_color_L1); border-radius: .53333rem; height: 1.06667rem; font-weight: 400; font-size: .32rem } .verifyInput__container .verifyInput__container-input input::-webkit-input-placeholder { color: var(--text_color_L3) } .verifyInput__container .verifyInput__container-input input::placeholder { color: var(--text_color_L3) } .verifyInput__container .verifyInput__container-input button { right: .2rem; top: 18% } .input { width: 100%; height: 1.06667rem; background: var(--bg_color_L2); border-radius: .53333rem; border: none; margin-top: 1.06667rem; padding-left: .53333rem } .ar-searchbar, .ar-searchbar .ar-searchbar__selector { width: 100% } .ar-searchbar .ar-searchbar__selector>div { background: -webkit-linear-gradient(top, #ff7172 0%, #ff8d83 100%); background: linear-gradient(180deg, #ff7172 0%, #ff8d83 100%); border-radius: .13333rem; color: var(--textW) } .ar-searchbar .ar-searchbar__selector>div>span { color: var(--textW) } .red { color: var(--norm_red-color) !important } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .addKBZ { padding: .13333rem .32rem .4rem } .addKBZ-top { display: -webkit-box; display: -webkit-flex; display: flex; background: var(--bg_color_L2); border-radius: .8rem; padding: .2rem .53333rem } .addKBZ-top img { width: .46667rem; height: .46667rem; margin-right: .2rem } .addKBZ-top span { color: var(--norm_red-color); font-weight: 500; font-size: .32rem } .addKBZ-item { margin: .93333rem 0 } .addKBZ-item .label { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin-bottom: .32rem; color: var(--text_color_L1) } .addKBZ-item .label .svg-icon { width: .64rem; height: .64rem; margin-right: .16rem; color: var(--main-color) } .addKBZ-item .selectB { font-size: .37333rem; color: var(--text_color_L4); background: var(--main_gradient-color); height: 1.06667rem; line-height: 1.06667rem; border-radius: .13333rem; padding: 0 .26667rem } .addKBZ-btn { margin-top: 2rem; background: var(--main_gradient-color); height: .93333rem; line-height: .93333rem; font-size: .4rem; color: var(--text_color_L4); border-radius: 1.06667rem; text-align: center } .addKBZ-btn.active { background: var(--main_gradient-color); text-shadow: none } .info-dialog-content-hint { border: .01333rem solid #ebebed; border-radius: .16rem; height: 3.06667rem; padding: .26667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: .13333rem } .info-dialog-content-hint span { font-size: .32rem; color: var(--text_color_L1); font-weight: 400; font-family: Poppins } .verifyInput__container { margin-top: .26667rem } .verifyInput__container .verifyInput__container-label { display: none } div, span { font-family: bahnschrift; font-weight: 500; font-size: .42667rem; color: var(--text_color_L1) } input { border: none; width: 100%; padding: .13333rem .34667rem; background: var(--bg_color_L2); border-radius: .13333rem; color: var(--text_color_L2); font-size: .37333rem; -webkit-user-select: text; user-select: text } input::-webkit-input-placeholder { color: var(--text_color_L3) } input::placeholder { color: var(--text_color_L3) } input { height: 1.06667rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .addBankCard__container { padding-inline: .32rem; padding-block: 0 .4rem; padding-top: .13333rem; font-size: .34667rem } .addBankCard__container-content input, .addBankCard__container-content textarea { border: none; width: 100%; padding: .13333rem .34667rem; background: var(--bg_color_L2); border-radius: .16rem; color: var(--text_color_L1); min-height: 1.17333rem; -webkit-user-select: text; user-select: text } .addBankCard__container-content input { height: 1.17333rem } .addBankCard__container-content textarea { height: 2.13333rem } .addBankCard__container-content-selectB { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin-top: .53333rem } .addBankCard__container-content-selectB>div:last-of-type { font-weight: 500; font-size: .32rem } .addBankCard__container-content>h1 { font-size: .4rem; margin: .26667rem 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; gap: .13333rem; color: var(--text_color_L1) } .addBankCard__container-content>h1 svg { width: .64rem; height: .64rem } .addBankCard__container-content-top { padding: 0 .2rem; border-radius: .16rem } .addBankCard__container-content-top-item { padding: .26667rem 0; position: relative } .addBankCard__container-content-top-item .label { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin-bottom: .32rem; font-size: .4rem; color: var(--text_color_L1) } .addBankCard__container-content-top-item .label .icon { width: .64rem; height: .64rem; margin-right: .16rem } .addBankCard__container-content-top-item .accountNo { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; align-items: center; border-radius: .16rem; color: var(--text_color_L1) } .addBankCard__container-content-top-item .accountNo>div:first-child { padding-right: .06667rem } .addBankCard__container-content-top-item .ar-searchbar__selector { width: 100%; height: 1.17333rem } .addBankCard__container-content-top-item .ar-searchbar__selector>div { line-height: 1.17333rem; font-size: .34667rem } .addBankCard__container-content-sms { padding: .4rem .2rem; border-radius: .13333rem } .addBankCard__container-content-btn { margin-top: 1.33333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; gap: .53333rem; text-align: center } .addBankCard__container-content-btn>div, .addBankCard__container-content-btn button { border-radius: 1.06667rem; min-height: .93333rem; width: 80% } .addBankCard__container-content-btn>div { border: .01333rem solid var(--main-color); color: var(--main-color); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; gap: .13333rem; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .addBankCard__container-content-btn>div svg { width: .64rem; height: .64rem } .addBankCard__container-content-btn>button { background: var(--button_dis_color); color: var(--text_color_L1); border: none } .addBankCard__container-content-btn>button.active { background: var(--main_gradient-color); color: var(--text_color_L4) } .addBankCard__container .search { height: 1.06667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; width: 100%; margin-top: .26667rem } .addBankCard__container .searchbar-container { width: 94% } .addBankCard__container .searchbar-container .searchbar-container__searchbar { height: 1.06667rem; border-radius: .8rem; border: .01333rem solid var(--bg_color_L3); background: var(--bg_color_L1) } .addBankCard__container .searchbar-container i { right: auto; left: .26667rem } html:lang(ar) .addBankCard__container .searchbar-container i { right: .26667rem; left: auto } .input { width: 100%; height: 1.06667rem; background: var(--bg_color_L2); border-radius: .53333rem; border: none; margin-top: 1.06667rem; padding-left: .53333rem } .ar-searchbar, .ar-searchbar .ar-searchbar__selector { width: 100% } .ar-searchbar .ar-searchbar__selector>div { color: var(--text_color_L2) } .ar-searchbar .ar-searchbar__selector>div>span { color: var(--text_color_L2) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .addtype4_C { padding: 0 .26667rem; height: 100vh; overflow: auto } .addtype4_C-header { height: .56rem; line-height: .56rem; font-weight: 700; font-size: .48rem; color: var(--darkTextW, var(--text_color_L1)); padding-left: 1.62667rem; background-image: url(/assets/png/upi-3f9883de.png); background-size: 1.33333rem .56rem; background-repeat: no-repeat; background-position: left center } .addtype4_C .successTip { width: 8rem; height: 1.86667rem; font-weight: 700; font-size: .4rem; color: var(--textW); background-color: var(--main-color); border-radius: .26667rem; padding: .53333rem 0 } .addtype4_C .successTip>div { height: .8rem; line-height: .8rem; width: -webkit-fit-content; width: fit-content; margin: auto; padding-left: 1rem; background-image: url(@assets/icons/wallet/successicon.png); background-size: .8rem; background-position: left center; background-repeat: no-repeat } .addtype4_C-header { height: .8rem; line-height: .8rem; font-weight: 700; font-size: .48rem; color: var(--darkTextW, var(--text_color_L1)); padding-left: 1.09333rem; background-image: url(/assets/png/4-d37103ef.png); background-size: .8rem; background-repeat: no-repeat; background-position: left center } .addtype4_C-title { height: .53333rem; line-height: .53333rem; margin: .66667rem 0 .32rem; font-weight: 500; font-size: .42667rem; color: var(--darkTextW, var(--text_color_L1)) } .addtype4_C-Safety { height: .64rem; line-height: .64rem; font-weight: 600; font-size: .48rem; color: var(--text_color_L1); margin-top: 1.65333rem; padding-left: .86667rem; background-image: url(/assets/png/safety-302e2796.png); background-size: .64rem; background-repeat: no-repeat; background-position: left center } .addtype4_C-Safety-tip { margin-top: .64rem; font-size: .4rem; color: var(--text_color_L1); margin-bottom: .37333rem } .addtype4_C .sumbitBtn { height: .93333rem; line-height: .93333rem; width: 100%; color: var(--text_color_L4); font-weight: 700; font-size: .4rem; text-align: center; background: var(--main_gradient-color); max-width: 10rem; position: fixed; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translate(-50%) } .addtype4_C .sumbitBtn.disable { background-color: var(--button_dis_color); color: var(--text_color_L1); pointer-events: none } .addtype4_C .addtype4-input { height: .93333rem; padding: 0 .26667rem; font-size: .37333rem; color: var(--text_color_L2); width: 100% } .addtype4_C .addtype4-input .van-field__value { padding: .18667rem 0; width: 100% } .addtype4_C .addtype4-input .van-field__value input { width: 100% } .addtype4_C .addtype4-input .van-field__value input::-webkit-input-placeholder { color: var(--text_color_L3) } .addtype4_C .addtype4-input .van-field__value input::placeholder { color: var(--text_color_L3) } .van-toast { overflow: hidden; background-color: transparent; padding: 0 } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .addUSDT__container { padding-inline: .32rem; padding-block: 0 .4rem; padding-top: .13333rem } .addUSDT__container .navbar__content-left>.van-icon { font-size: .53333rem } .addUSDT__container-content-top { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; height: .98667rem; background: var(--bg_color_L2); border-radius: .8rem; padding: .13333rem .53333rem } .addUSDT__container-content-top img { width: .46667rem; height: .46667rem; margin-right: .2rem } .addUSDT__container-content-top span { color: var(--norm_red-color); font-weight: 500; font-size: .32rem } .addUSDT__container-content-selectB { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin-top: .53333rem } .addUSDT__container-content-selectB>div:last-of-type { font-weight: 500; font-size: .32rem } .addUSDT__container-content-item { margin: .93333rem 0 } .addUSDT__container-content-item .label { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin-bottom: .32rem; color: var(--text_color_L1); font-weight: 500; font-size: .42667rem } .addUSDT__container-content-item .label .icon { width: .64rem; height: .64rem; margin-right: .16rem } .addUSDT__container-content-item .input { position: relative } .addUSDT__container-content-item .input>img { position: absolute; right: .2rem; top: .2rem; width: .64rem } .addUSDT__container-content-item input { border: none; width: 100%; padding: .13333rem .34667rem; background: var(--bg_color_L2); border-radius: .13333rem; color: var(--text_color_L2); font-size: .37333rem; height: 1.06667rem } .addUSDT__container-content-item input::-webkit-input-placeholder { color: var(--text_color_L3) } .addUSDT__container-content-item input::placeholder { color: var(--text_color_L3) } .addUSDT__container-content-item .ar-searchbar__selector { width: 100% } .addUSDT__container-content-btn { margin-top: 2rem } .addUSDT__container-content-btn button { border-radius: 1.06667rem; border: none; color: #fff; letter-spacing: .13333rem; font-weight: 700; font-size: .4rem; height: .93333rem; width: 100%; background: -webkit-linear-gradient(top, #cfd1de 0%, #c7c9d9 100%); background: linear-gradient(180deg, #cfd1de 0%, #c7c9d9 100%); text-shadow: 0 .02667rem .01333rem #afb0be } .addUSDT__container-content-btn button.active { background: var(--main_gradient-color); text-shadow: none } .info-dialog-content-hint { border: .01333rem solid #ebebed; border-radius: .16rem; height: 3.06667rem; padding: .26667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: .13333rem } .info-dialog-content-hint span { font-size: .32rem; color: var(--text_color_L1); font-weight: 400; font-family: Poppins } .verifyInput__container { margin-top: .26667rem } .verifyInput__container .verifyInput__container-label { display: none } .verifyInput__container .verifyInput__container-input input { background: var(--bg_color_L2); border-radius: .53333rem; height: 1.06667rem; font-weight: 400; font-size: .32rem } .verifyInput__container .verifyInput__container-input input::-webkit-input-placeholder { color: var(--text_color_L3) } .verifyInput__container .verifyInput__container-input input::placeholder { color: var(--text_color_L3) } .verifyInput__container .verifyInput__container-input button { right: .2rem; top: 18% } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .addupi_C { padding: .26667rem .26667rem 1.73333rem; height: 100vh; overflow: auto } .addupi_C-header { height: .56rem; line-height: .56rem; font-weight: 700; font-size: .48rem; color: var(--text_color_L1); padding-left: 0; background-size: 1.33333rem .56rem; background-repeat: no-repeat; background-position: left center } .addupi_C-header svg { width: 1.36rem; height: .56rem } .addupi_C-title { height: .53333rem; line-height: .53333rem; margin: .66667rem 0 .32rem; font-weight: 500; font-size: .42667rem; color: var(--text_color_L1) } .addupi_C .upi-input { height: .93333rem; padding: 0 .26667rem; font-size: .37333rem; color: var(--text_color_L2); width: 100% } .addupi_C .upi-input .van-field__value { padding: .18667rem 0; width: 100% } .addupi_C .upi-input .van-field__value input { width: 100% } .addupi_C .upi-input .van-field__value input::-webkit-input-placeholder { color: var(--text_color_L2) } .addupi_C .upi-input .van-field__value input::placeholder { color: var(--text_color_L2) } .addupi_C_number { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .addupi_C_number>span { border-radius: .13333rem; height: .93333rem; line-height: .93333rem; font-size: .37333rem; padding-left: .26667rem; width: 100%; background: var(--button_dis_color) } .addupi_C_number .dropdown { position: relative; height: .93333rem; line-height: .93333rem; border-radius: .06667rem } .addupi_C_number .dropdown .dropdown__value span { height: .93333rem } .addupi_C_number .number { width: calc(100% - 2.66667rem) } .addupi_C .tip { color: var(--main-color); font-size: .29333rem; margin: .26667rem .13333rem .53333rem } .bind-bank-sumbit { height: 1.6rem; line-height: 1.6rem; width: 100%; max-width: 10rem; position: fixed; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translate(-50%); background-color: var(--main-color); color: var(--text_color_L4); font-size: .4rem; text-align: center; letter-spacing: .016rem } .bind-bank-sumbit.disable { background: var(--button_dis_color); pointer-events: none } @media screen and (max-width: 500px) { .bind-bank-sumbit { max-width: none } } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .addKBZ { padding: .13333rem .32rem .4rem } .addKBZ-top { display: -webkit-box; display: -webkit-flex; display: flex; background: var(--bg_color_L2); border-radius: .8rem; padding: .2rem .53333rem } .addKBZ-top img { width: .46667rem; height: .46667rem; margin-right: .2rem } .addKBZ-top span { color: var(--norm_red-color); font-weight: 500; font-size: .32rem } .addKBZ-item { margin: .93333rem 0 } .addKBZ-item .label { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin-bottom: .32rem; color: var(--text_color_L1) } .addKBZ-item .label svg { width: .64rem; height: .64rem; color: var(--main-color) } .addKBZ-item .selectB { font-size: .37333rem; color: var(--text_color_L4); background: var(--main_gradient-color); height: 1.06667rem; line-height: 1.06667rem; border-radius: .13333rem; padding: 0 .26667rem } .addKBZ-btn { margin-top: 2rem; background: var(--button_dis_color); height: .93333rem; line-height: .93333rem; font-size: .4rem; color: var(--text_color_L4); border-radius: 1.06667rem; text-align: center } .addKBZ-btn.active { background: var(--main_gradient-color); text-shadow: none } .info-dialog-content-hint { border: .01333rem solid #ebebed; border-radius: .16rem; height: 3.06667rem; padding: .26667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: .13333rem } .info-dialog-content-hint span { font-size: .32rem; color: var(--text_color_L1); font-weight: 400; font-family: Poppins } .verifyInput__container { margin-top: .26667rem } .verifyInput__container .verifyInput__container-label { display: none } div, span { font-family: bahnschrift; font-weight: 500; font-size: .42667rem; color: var(--text_color_L2) } input { border: none; width: 100%; padding: .13333rem .34667rem; background: var(--bg_color_L2); border-radius: .13333rem; color: var(--text_color_L2); font-size: .37333rem; -webkit-user-select: text; user-select: text } input::-webkit-input-placeholder { color: var(--text_color_L3) } input::placeholder { color: var(--text_color_L3) } input { height: 1.06667rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .bankCard__container { padding-inline: .32rem; padding-block: 0 .4rem; font-family: bahnschrift; font-weight: 400; color: var(--text_color_L2); padding-top: .13333rem } .bankCard__container .navbar__content-left>.van-icon { font-size: .53333rem } .bankCard__container-content__card { background: var(--darkBg, var(--bg_color_L2)); border-radius: .13333rem; margin-bottom: .34667rem; padding-bottom: .13333rem } .bankCard__container-content__card>div:last-of-type { display: -webkit-box; display: -webkit-flex; display: flex; padding: .2rem .26667rem .06667rem; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .bankCard__container-content__card>div:last-of-type .van-checkbox__icon--checked+span { color: var(--colorText-26) } .bankCard__container-content__card>div:last-of-type>div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; font-size: .32rem; line-height: .38667rem; color: var(--text_color_L2) } .bankCard__container-content__card>div:last-of-type img { width: .45333rem; height: .45333rem; margin-right: .13333rem } .bankCard__container-content__card-top { background: var(--linerGradien-94, var(--main_gradient-color)); height: .93333rem; position: relative; border-radius: .13333rem .13333rem 0 0 } .bankCard__container-content__card-top:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0 } html:lang(ar) .bankCard__container-content__card-top:before { left: unset; right: 0 } .bankCard__container-content__card-top img { height: .93333rem } .bankCard__container-content__card-mid { padding: .2rem .26667rem .06667rem } .bankCard__container-content__card-mid .line { position: relative; background: var(--bgDark-3, var(--bg_color_L3)); height: .8rem; padding: .21333rem .26667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; font-size: .32rem; margin-bottom: .13333rem } .bankCard__container-content__card-mid .line>div { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1 } .bankCard__container-content__card-mid .line .left { color: var(--darkLight, --text_color_L1); z-index: 1 } .bankCard__container-content__card-mid .line .right { color: var(--text_color_L2) } .bankCard__container-content__card-mid .line:after { content: ""; position: absolute; width: 4rem; height: .8rem; top: 0; left: 0; background-color: var(--bg_color_L3); -webkit-clip-path: polygon(0 0, 100% 0, 92% 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 92% 100%, 0 100%) } html:lang(ar) .bankCard__container-content__card-mid .line:after { right: 0; left: auto; width: 4.93333rem; background: no-repeat url(/assets/png/ar-trans-d6480440.png) -100% } .bankCard__container-content__card-bot { margin: 0 .13333rem; display: -webkit-box; display: -webkit-flex; display: flex; border: .01333rem solid var(--Dividing-line_color); border-radius: .13333rem; padding: .26667rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column } .bankCard__container-content__card-bot .top { color: var(--text_color_L1); font-size: .32rem } .bankCard__container-content__card-bot .textarea { height: 1.33333rem; border: 0; padding-top: .26667rem; resize: none; margin-bottom: .29333rem; font-size: .32rem; color: var(--text_color_L2); -webkit-user-select: text; user-select: text } .bankCard__container-content__card-bot .textarea::-webkit-input-placeholder { color: var(--text_color_L2); font-size: .29333rem } .bankCard__container-content__card-bot .textarea::placeholder { color: var(--text_color_L2); font-size: .29333rem } .bankCard__container-default { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding: .8rem 0; gap: .21333rem } .bankCard__container-default span { font-size: .34667rem; line-height: .41333rem; color: var(--text_color_L2) } .empty__container { height: -webkit-fit-content; height: fit-content } .dialog__container .dialog__container-title h1 { font-size: .48rem; font-weight: 700; line-height: .48rem; color: var(--text_color_L1) } .dialog__container .dialog__container-content { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .dialog__container .dialog__container-content img:nth-of-type(1) { width: 2.13333rem; height: 2.13333rem } .dialog__container .dialog__container-content img:last-of-type { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translate(-50%); width: .66667rem; height: .66667rem; bottom: -4rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .progress { margin-top: .8rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .progress>div { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1 } .progress .line { background: var(--text_color_L2); height: .01333rem; margin-top: .26667rem } .progress .item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .progress .item>span { width: .64rem; height: .64rem; background-size: .64rem .64rem; background-repeat: no-repeat; background-position: center } .progress .item>h6 { margin-top: .13333rem; color: var(--text_color_L1); text-align: center } .progress .icon1 { background-image: url(/assets/png/1-e146eac4.png) } .progress .icon1+h6 { color: var(--text_color_L2) } .progress .icon1_a { background-image: url(/assets/png/1-7f0714b7.png) } .progress .icon2 { background-image: url(/assets/png/2-e4cd29e8.png) } .progress .icon2+h6 { color: var(--text_color_L2) } .progress .icon2_a { background-image: url(/assets/png/2_a-30530371.png) } .progress .icon3 { background-image: url(/assets/png/3-53264d1a.png) } .progress .icon3+h6 { color: var(--text_color_L2) } .progress .icon3_a { background-image: url(/assets/png/3_a-9cfda764.png) } .progress .icon4 { background-image: url(/assets/png/3-5d3eefed.png) } .progress .icon4+h6 { color: var(--text_color_L2) } .progress .icon4_a { background-image: url(/assets/png/3_a-c660a4ba.png) } .progress.state_11 .line { background: var(--bg_color_L2) } .progress.state_11 .icon1 { background-image: url(/assets/png/1-7f0714b7.png) } .progress.state_11 .icon1+h6 { color: #fff } .progress.state_11 .icon2 { background-image: url(/assets/png/2-9316f0a9.png) } .progress.state_11 .icon2+h6 { color: #fff } .progress.state_11 .icon3 { background-image: url(/assets/png/3-b1060d1a.png) } .progress.state_11 .icon3+h6 { color: #fff } .progress.state_11 .icon4 { background-image: url(/assets/png/4-80aab9b6.png) } .progress.state_11 .icon4+h6 { color: #fff } .progress.state_3 .icon1, .progress.state_4.isAppealCompleted .icon1, .progress.state_5 .icon1 { background-image: url(/assets/png/1-a2189950.png) } .progress.state_3 .icon1_a, .progress.state_4.isAppealCompleted .icon1_a, .progress.state_5 .icon1_a { background-image: url(/assets/png/1_a-c3c7a041.png) } .progress.state_3 .icon2, .progress.state_4.isAppealCompleted .icon2, .progress.state_5 .icon2 { background-image: url(/assets/png/2-bd839975.png) } .progress.state_3 .icon2_a, .progress.state_4.isAppealCompleted .icon2_a, .progress.state_5 .icon2_a { background-image: url(/assets/png/2_a-290b2514.png) } .progress.state_3 .icon3, .progress.state_4.isAppealCompleted .icon3, .progress.state_5 .icon3 { background-image: url(/assets/png/3-5d3eefed.png) } .progress.state_3 .icon3_a, .progress.state_4.isAppealCompleted .icon3_a, .progress.state_5 .icon3_a { background-image: url(/assets/png/3_a-c660a4ba.png) } .progress.state_3 .icon4, .progress.state_4.isAppealCompleted .icon4, .progress.state_5 .icon4 { background-image: url(/assets/png/4-ad3ed5fc.png) } .progress.state_3 .icon4_a, .progress.state_4.isAppealCompleted .icon4_a, .progress.state_5 .icon4_a { background-image: url(/assets/png/4-ad3ed5fc.png) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .c2cDetail__CO { height: 100vh; overflow: auto } .c2cDetail__CO>div { padding: 0 .32rem } .c2cDetail__CO .top { background: url(/assets/png/bg11-8d5da6a8.png) center bottom, -webkit-linear-gradient(top, #fb5c5b 0%, #ffcfba 100%); background: url(/assets/png/bg11-8d5da6a8.png) center bottom, linear-gradient(180deg, #fb5c5b 0%, #ffcfba 100%); background-size: contain, 100% auto; background-repeat: no-repeat; padding-bottom: 1.33333rem; min-height: 14.66667rem } .c2cDetail__CO .top .head { color: #fff } .c2cDetail__CO .top .head .tip1, .c2cDetail__CO .top .head .tip2 { min-height: .4rem; font-weight: 400; font-size: .34667rem; line-height: .4rem; text-align: center } .c2cDetail__CO .top .head .tip1 span, .c2cDetail__CO .top .head .tip2 span { font-size: .4rem; font-weight: 700; margin-left: .13333rem } .c2cDetail__CO .top .head .tip1+div, .c2cDetail__CO .top .head .tip2+div { margin-top: .26667rem } .c2cDetail__CO .top .head .tip1 { font-weight: 500; font-size: .48rem } .c2cDetail__CO .top .container { min-height: 8rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .c2cDetail__CO .top .time, .c2cDetail__CO .top .time2 { margin: auto; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; gap: .26667rem; border-radius: 50%; text-align: center; box-shadow: 0 .26667rem .53333rem #ff343480 } .c2cDetail__CO .top .time>p, .c2cDetail__CO .top .time2>p { color: var(--text_color_L2); font-size: .4rem } .c2cDetail__CO .top .time>div, .c2cDetail__CO .top .time2>div { color: var(--main-color); font-size: 1.06667rem; font-weight: 500 } .c2cDetail__CO .top .time { width: 5.26667rem; height: 5.26667rem; border: .37333rem solid #ffcfba; background-color: #fff; -webkit-animation: changeSize-ced8750d 1s ease-in-out infinite; animation: changeSize-ced8750d 1s ease-in-out infinite; position: relative } .c2cDetail__CO .top .time:before { content: ""; display: block; position: absolute; width: calc(100% + 2.13333rem); height: calc(100% + 2.13333rem); box-shadow: inset 0 0 .8rem #fff; left: 50%; top: 50%; border-radius: 50%; opacity: 1; -webkit-transform: translateX(-50%) translateY(-50%); transform: translate(-50%) translateY(-50%); -webkit-animation: boxshow-ced8750d 1s ease-in-out infinite; animation: boxshow-ced8750d 1s ease-in-out infinite } .c2cDetail__CO .top .time2 { width: 6rem; height: 6rem; border: .37333rem solid #F1F1F1; color: #fff; font-size: .64rem; font-weight: 700; background-image: -webkit-linear-gradient(top, #B4B4B4 0%, #DEDEDE 100%); background-image: linear-gradient(180deg, #B4B4B4 0%, #DEDEDE 100%) } .c2cDetail__CO .top .operate { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; gap: .26667rem; margin-top: .66667rem } .c2cDetail__CO .top .operate>div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; color: var(--text_color_L1); font-weight: 500; gap: .26667rem; width: 50% } .c2cDetail__CO .top .operate .uAmount:before, .c2cDetail__CO .top .operate .CancelW:before { content: ""; width: 1.06667rem; height: 1.06667rem; background-repeat: no-repeat; background-size: 100% 100% } .c2cDetail__CO .top .operate .uAmount:before { background-image: url(/assets/png/uAmount-41b6d3de.png) } .c2cDetail__CO .top .operate .CancelW:before { background-image: url(/assets/png/CancelW-5d1e136e.png) } .c2cDetail__CO .order { background: var(--bg_color_L2); border-radius: .13333rem; padding: .4rem .26667rem 1.06667rem; font-size: .34667rem; width: 95%; margin: -.66667rem auto .66667rem } .c2cDetail__CO .order>div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; color: var(--text_color_L2) } .c2cDetail__CO .order>div+div { margin-top: .4rem } .c2cDetail__CO .order-q .y { color: var(--norm_secondary-color) } .c2cDetail__CO .order-q .b { color: var(--text_color_L2) } .c2cDetail__CO .order-id { background-image: url(/assets/png/copy-icon-fead2b7d.png); background-repeat: no-repeat; background-size: .42667rem; background-position: right center; padding-right: .53333rem; color: var(--text_color_L2); font-size: .32rem } .c2cDetail__CO .order .line { height: .56rem; background-image: url(/assets/png/upiline-0a62bd1b.png); background-size: cover; background-repeat: no-repeat; background-position: top; background-color: #f6f6f6; width: calc(100% + .37333rem); position: relative; left: -.18667rem } .c2cDetail__CO .order .line:after, .c2cDetail__CO .order .line:before { content: ""; position: absolute; width: .56rem; height: .56rem; background-color: #f6f6f6; border-radius: 50%; top: 0 } .c2cDetail__CO .order .line:before { left: -.28rem } .c2cDetail__CO .order .line:after { right: -.28rem } .c2cDetail__CO .order .tip { background-image: url(/assets/png/hint-c6828dc5.png); background-repeat: no-repeat; background-size: .42667rem; background-position: left top; padding-left: .53333rem; color: var(--main-color); font-size: .29333rem; line-height: .46667rem } .c2cDetail__CO .van-dialog { overflow: visible } .c2cDetail__CO .van-dialog .van-dialog__content { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding-block: 2.66667rem; height: 6.4rem } .c2cDetail__CO .van-dialog__content img { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translate(-50%) } .c2cDetail__CO .van-dialog__content img:last-of-type { bottom: -.64rem; width: .73333rem } .c2cDetail__CO .van-dialog__content img.succeed { top: -.50667rem; width: 3.73333rem } .c2cDetail__CO .van-dialog__content img.fail { top: .04267rem; width: 2.13333rem } .c2cDetail__CO .van-dialog__content-title { margin-bottom: .192rem; color: var(--text_color_L1); font-weight: 700; font-size: .48rem; line-height: .48rem; font-family: Poppins } .c2cDetail__CO .van-dialog__content-note { margin-bottom: .53333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; font-size: .32rem; text-align: center } .c2cDetail__CO .van-dialog__content-note>span:nth-of-type(1) { color: var(--text_color_L2); margin-bottom: .26667rem } .c2cDetail__CO .van-dialog__content-note>span:nth-of-type(2) { color: var(--main-color); font-size: .42667rem; font-weight: 700 } .c2cDetail__CO .van-dialog__content-btn { height: 1.06667rem; width: 5.33333rem; line-height: 1.06667rem; color: var(--bg_color_L4); font-size: .42667rem; font-weight: 700; border-radius: 1.92rem; background: var(--main_gradient-color); text-align: center } @-webkit-keyframes changeSize-ced8750d { 0% { width: 5.26667rem; height: 5.26667rem } 50% { width: 6rem; height: 6rem } to { width: 5.26667rem; height: 5.26667rem } } @keyframes changeSize-ced8750d { 0% { width: 5.26667rem; height: 5.26667rem } 50% { width: 6rem; height: 6rem } to { width: 5.26667rem; height: 5.26667rem } } @-webkit-keyframes boxshow-ced8750d { 0% { width: calc(100% + 1.2rem); height: calc(100% + 1.2rem); opacity: 1 } 70% { width: calc(100% + 3.06667rem); height: calc(100% + 3.06667rem); opacity: 0 } to { width: calc(100% + 1.2rem); height: calc(100% + 1.2rem); opacity: 0 } } @keyframes boxshow-ced8750d { 0% { width: calc(100% + 1.2rem); height: calc(100% + 1.2rem); opacity: 1 } 70% { width: calc(100% + 3.06667rem); height: calc(100% + 3.06667rem); opacity: 0 } to { width: calc(100% + 1.2rem); height: calc(100% + 1.2rem); opacity: 0 } } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .c2cDetail__C { height: 100vh; overflow: auto } .c2cDetail__C .header { padding: 0 .32rem .4rem } .c2cDetail__C .header.bgc0 { background-image: -webkit-linear-gradient(left, #598ff9 0%, #75a4ff 100%); background-image: linear-gradient(90deg, #598ff9 0%, #75a4ff 100%) } .c2cDetail__C .header.bgc1 { background-image: -webkit-linear-gradient(left, #f95959 0%, #ff9e91 100%); background-image: linear-gradient(90deg, #f95959 0%, #ff9e91 100%) } .c2cDetail__C .header.bgc2 { background-image: -webkit-linear-gradient(left, #fff 0%, #fff 100%); background-image: linear-gradient(90deg, #fff 0%, #fff 100%) } .c2cDetail__C .header.bgc3 { background-image: -webkit-linear-gradient(left, #f95959 0%, #f95959 100%); background-image: linear-gradient(90deg, #f95959 0%, #f95959 100%) } .c2cDetail__C .header.bgc4 { background-image: -webkit-linear-gradient(left, #34be8b 0%, #34be8b 100%); background-image: linear-gradient(90deg, #34be8b 0%, #34be8b 100%) } .c2cDetail__C .header.bgc5 { background-image: -webkit-linear-gradient(left, #ff696a 0%, #ff696a 100%); background-image: linear-gradient(90deg, #ff696a 0%, #ff696a 100%) } .c2cDetail__C .header.bgc6 { background-image: -webkit-linear-gradient(left, #b2b2b2 0%, #b2b2b2 100%); background-image: linear-gradient(90deg, #b2b2b2 0%, #b2b2b2 100%) } .c2cDetail__C .header.bgc7 { background-image: -webkit-linear-gradient(left, #ff5858 0%, #ff5858 100%); background-image: linear-gradient(90deg, #ff5858 0%, #ff5858 100%) } .c2cDetail__C .header.bgc8 { background-image: -webkit-linear-gradient(left, #ff8616 0%, #f5a50a 100%); background-image: linear-gradient(90deg, #ff8616 0%, #f5a50a 100%) } .c2cDetail__C .header.bgc9 { background-image: -webkit-linear-gradient(left, #f6a50b 0%, #f6a50b 100%); background-image: linear-gradient(90deg, #f6a50b 0%, #f6a50b 100%) } .c2cDetail__C .header.bgc10 { background-image: -webkit-linear-gradient(left, #333 0%, #333 100%); background-image: linear-gradient(90deg, #333 0%, #333 100%) } .c2cDetail__C .header.bgc11 { background-image: -webkit-linear-gradient(left, #F95959 0%, #F95959 100%); background-image: linear-gradient(90deg, #F95959 0%, #F95959 100%) } .c2cDetail__C .header .head { min-height: 2.13333rem; color: var(--textW); background-size: 2.13333rem; background-repeat: no-repeat; background-position: right 0 center } html:lang(ar) .c2cDetail__C .header .head { background-position: left 0 center } .c2cDetail__C .header .head.hicon0 { background-image: url(/assets/png/hicon0-f77ed8cd.png) } .c2cDetail__C .header .head.hicon1 { background-image: url(/assets/png/appeal-6e70b57c.png) } .c2cDetail__C .header .head.hicon2 { background-image: url(/assets/png/hicon2-147f9796.png) } .c2cDetail__C .header .head.hicon3 { background-image: url(/assets/png/hicon3-88832321.png) } .c2cDetail__C .header .head.hicon4 { background-image: url(/assets/png/cancel-0e9b3ff4.png) } .c2cDetail__C .header .head.hicon5 { background-image: url(/assets/png/hicon5-5edd50a0.png) } .c2cDetail__C .header .head.hicon6 { background-image: url(/assets/png/hicon6-9e8572bd.png) } .c2cDetail__C .header .head.hicon7 { background-image: url(/assets/png/hicon7-17c43b53.png) } .c2cDetail__C .header .head.hicon8 { background-image: url(/assets/png/hicon8-a0b773c0.png) } .c2cDetail__C .header .head.hicon14 { background-image: url(/assets/png/hicon14-c2c6ca62.png) } .c2cDetail__C .header .head .title { height: .66667rem; font-weight: 700; font-size: .48rem; line-height: .66667rem; margin-bottom: .32rem } .c2cDetail__C .header .head .tip1, .c2cDetail__C .header .head .tip2 { min-height: .4rem; font-weight: 400; font-size: .34667rem; line-height: .4rem } .c2cDetail__C .header .head .tip1+div, .c2cDetail__C .header .head .tip2+div { margin-top: .26667rem } .c2cDetail__C .header .head>div { width: calc(100% - 2.26667rem) } .c2cDetail__C .header .accountArry { margin-top: .8rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .c2cDetail__C .header .accountArry .btn { width: 48%; min-height: .93333rem; border: .01333rem solid var(--textW); border-radius: .4rem; color: var(--textW); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; font-size: .37333rem; font-weight: 700 } .c2cDetail__C .header .accountArry .btn:before { content: ""; width: .64rem; height: .64rem; background-size: .64rem .64rem; background-repeat: no-repeat; background-position: center; margin-right: .13333rem } .c2cDetail__C .header .accountArry .btn.account:before { background-image: url(/assets/png/confirmA-1de2c8e9.png) } .c2cDetail__C .header .accountArry .btn.appeal:before { background-image: url(/assets/png/appeal-645c7205.png) } .c2cDetail__C .header .accountArry .btn.wrong:before { background-image: url(/assets/png/wrong-b3102a79.png) } .c2cDetail__C .con { padding: 0 .32rem .4rem } .c2cDetail__C .con .order { background: var(--bg_color_L2); border-radius: .13333rem; padding: .4rem .26667rem; font-size: .34667rem; margin-top: .56rem } .c2cDetail__C .con .order>div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .c2cDetail__C .con .order>div+div { margin-top: .4rem } .c2cDetail__C .con .order>div+div span { color: var(--text_color_L2) } .c2cDetail__C .con .order-h { height: .93333rem; font-weight: 700; font-size: .42667rem; line-height: .53333rem; padding: 0 0 .24rem 1.41333rem; color: var(--text_color_L1); background-image: url(/assets/png/upi-3f9883de.png); background-repeat: no-repeat; background-size: 1.33333rem .56rem; position: relative } .c2cDetail__C .con .order-h:after { content: ""; position: absolute; right: 0; bottom: 0; display: block; width: calc(100% - .53333rem); height: 0; border-bottom: .01333rem solid var(--saveTextColor-3) } .c2cDetail__C .con .order-q { color: var(--text_color_L1) } .c2cDetail__C .con .order-q.y { color: var(--norm_secondary-color) } .c2cDetail__C .con .order-q.orange { color: var(--main-color) } .c2cDetail__C .con .order-id { background-image: url(/assets/png/copy-4106709f.png); background-repeat: no-repeat; background-size: .42667rem; background-position: right center; padding-right: .53333rem } html:lang(ar) .c2cDetail__C .con .order-id { background-position: left center } .c2cDetail__C .con .order-t { color: var(--text_color_L2) } .c2cDetail__C .con .order-tl { color: 888 } .c2cDetail__C .con .order .line { height: .56rem; background-image: url(/assets/png/upiline-0a62bd1b.png); background-size: cover; background-repeat: no-repeat; background-position: top; background-color: var(--bg_color_L2); width: calc(100% + .37333rem); position: relative; left: -.18667rem } html:lang(ar) .c2cDetail__C .con .order .line { left: unset; right: -.18667rem } .c2cDetail__C .con .order .line:after, .c2cDetail__C .con .order .line:before { content: ""; position: absolute; width: .56rem; height: .56rem; background-color: var(--bg_color_L2); border-radius: 50%; top: 0 } .c2cDetail__C .con .order .line:before { left: -.28rem } html:lang(ar) .c2cDetail__C .con .order .line:before { left: unset; right: -.28rem } .c2cDetail__C .con .order .line:after { right: -.28rem } html:lang(ar) .c2cDetail__C .con .order .line:after { right: unset; left: -.28rem } .c2cDetail__C .con .upi { padding: .4rem .26667rem 1.01333rem; margin-top: .48rem; background: var(--bg_color_L2); box-shadow: var(--BoxShadowColor-9); border-radius: .13333rem; margin-bottom: .8rem } .c2cDetail__C .con .upi-h { color: var(--text_color_L1); font-size: .37333rem; padding: 0 0 .4rem .21333rem; border-bottom: .01333rem solid var(--gray-color-1); position: relative; margin-bottom: .42667rem } .c2cDetail__C .con .upi-h:before { content: ""; display: block; width: .08rem; height: .4rem; background-color: var(--main-color); position: absolute; left: -.04rem; top: .05333rem } html:lang(ar) .c2cDetail__C .con .upi-h:before { left: unset; right: -.04rem } .c2cDetail__C .con .upi-id { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; background-image: url(/assets/png/copy-4106709f.png); background-repeat: no-repeat; background-size: .42667rem; background-position: right center; padding-right: .53333rem; font-size: .34667rem } html:lang(ar) .c2cDetail__C .con .upi-id { background-position: left center } .c2cDetail__C .con .img { margin-top: .4rem } .c2cDetail__C .con .img h1 { display: -webkit-box; display: -webkit-flex; display: flex; font-size: .42667rem; color: var(--text_color_L1); margin-bottom: .13333rem } .c2cDetail__C .con .img h1:before { content: ""; width: .64rem; height: .64rem; background: url(/assets/png/uploadImg1-53f2ece8.png) no-repeat center; background-size: cover; margin-right: .13333rem } .c2cDetail__C .con .img .imgBox { display: -webkit-box; display: -webkit-flex; display: flex; gap: .2rem; -webkit-box-pack: left; -webkit-justify-content: left; justify-content: left } .c2cDetail__C .con .img .imgBox .imgD { width: 33.3333333333%; height: 5.70667rem; background-repeat: no-repeat; background-position: top left; background-size: contain } html:lang(ar) .c2cDetail__C .con .img .imgBox .imgD { background-position: top right } .c2cDetail__C .con .video h1:before { background: url(/assets/png/uploadVideo-c98adde0.png) no-repeat center; background-size: cover } .c2cDetail__C .con .video .v { width: 100%; height: 5.69333rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .bankCard__container { font-family: bahnschrift; color: var(--text_color_L2); padding: .4rem; font-size: .34667rem } .bankCard__container-content { margin-bottom: .66667rem } .bankCard__container-content__card { background: var(--darkBg, var(--bg_color_L2)); box-shadow: 0 .04rem .08rem .01333rem #00000029; border-radius: .16rem; margin-bottom: .34667rem; padding: .26667rem } .bankCard__container-content__card-top { -webkit-box-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: flex; padding-bottom: .26667rem; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .bankCard__container-content__card-top>div { -webkit-box-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: flex; gap: .2rem; color: var(var(--darkTextW), text_color_L1); font-size: .42667rem; font-weight: 700 } .bankCard__container-content__card-top img { height: .64rem } .bankCard__container-content__card-mid { padding-top: .13333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: left; -webkit-align-items: left; align-items: left; gap: .13333rem } .bankCard__container-content__card-mid .line { padding: .13333rem 0 } .bankCard__container-content__card .delete { border: .01333rem solid #ee3625; border-radius: .16rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; gap: .13333rem; color: #ee3625b3; height: .8rem; margin-top: .4rem } .bankCard__container-default { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding: .8rem 0 1.33333rem; gap: .21333rem } .bankCard__container-default span { font-size: .34667rem; line-height: .41333rem; color: #fff9 } .dialog__container .dialog__container-img img { width: 100% } .dialog__container .dialog__container-content { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .dialog__container .dialog__container-content img:last-of-type { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translate(-50%); width: .72rem; bottom: -3.33333rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .type4_C { padding: 0 .32rem 1.33333rem; height: 100vh; position: relative } .type4_C-item { height: -webkit-fit-content; height: fit-content; border-radius: .13333rem; background-color: var(--darkBg, var(--bg_color_L2)); padding: .26667rem .18667rem .58667rem } .type4_C-item .header { height: .90667rem; line-height: .90667rem; position: relative; padding-left: 1.14667rem; background-image: url(/assets/png/4-d37103ef.png); background-size: .8rem; background-repeat: no-repeat; background-position: .10667rem center; padding-bottom: .10667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .type4_C-item .header-title { font-weight: 700; font-size: .42667rem; color: var(--text_color_L1) } .type4_C-item .header .select-btn { width: .8rem; height: .8rem; border: .01333rem solid var(--text_color_L2); border-radius: 50% } .type4_C-item .header .select-btn.isSelect { background-image: url(/assets/png/selectupi-ae7cc80c.png); background-size: .8rem; background-repeat: no-repeat; background-position: center; border: 0 } .type4_C-item .header:after { content: ""; display: block; width: calc(100% - .64rem); height: 0; position: absolute; right: 0; bottom: 0; border-bottom: .01333rem solid var(--Dividing-line_color) } .type4_C-item .type4-body { padding: .45333rem .10667rem .53333rem } .type4_C-item .type4-body .type4-body-name { height: .42667rem; line-height: .42667rem; font-size: .34667rem; color: var(--text_color_L2) } .type4_C-item .type4-body .type4-body-name+div { margin-top: .4rem } .type4_C-item .type4-body .type4-body-id { height: .48rem; line-height: .48rem; font-size: .34667rem; color: var(--text_color_L2) } .type4_C-item+div { margin-top: .26667rem } .type4_C-addbtn { position: absolute; bottom: 0; left: 0; right: 0; height: .93333rem; line-height: .93333rem; width: 100%; font-weight: 700; font-size: .4rem; background: var(--main-color); color: var(--textW); text-align: center } .type4_C-list { overflow-y: auto; height: calc(100% - 1.06667rem); scrollbar-width: none; -ms-overflow-style: none } .type4_C-list::-webkit-scrollbar { width: 0; background: transparent } .type4_C-list .noData { background-image: url(/assets/png/add-1ad7f3f5.png); background-position: center top; background-size: 1.17333rem; background-repeat: no-repeat; padding: 1.33333rem 0 .26667rem; color: var(--text_color_L3); text-align: center; background-color: var(--darkBg, var(--bg_color_L2)); border-radius: .13333rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .USDT__container { padding-inline: .32rem; padding-block: 0 .4rem; font-family: bahnschrift; font-weight: 400; color: var(--text_color_L2); padding-top: .13333rem } .USDT__container .navbar__content-left>.van-icon { font-size: .53333rem } .USDT__container-content__card { background: var(--darkBg, var(--bg_color_L2)); border-radius: .13333rem; margin-bottom: .34667rem; padding-bottom: .13333rem } .USDT__container-content__card>div:last-of-type { display: -webkit-box; display: -webkit-flex; display: flex; padding: .2rem .26667rem .06667rem; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .USDT__container-content__card>div:last-of-type>div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; font-size: .32rem; line-height: .38667rem; color: var(--text_color_L2) } .USDT__container-content__card>div:last-of-type img { width: .45333rem; height: .45333rem; margin-right: .13333rem } .USDT__container-content__card-top { background: var(--linerGradien-94, var(--main_gradient-color)); height: .93333rem; border-radius: .13333rem .13333rem 0 0; position: relative } .USDT__container-content__card-top>.svg-icon:first-of-type { height: .93333rem; width: 100% } .USDT__container-content__card-top>.svg-icon:last-of-type { width: .6rem; height: .57333rem; position: absolute; top: .16rem; left: .26667rem } .USDT__container-content__card-mid { padding: .4rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: left; -webkit-align-items: left; align-items: left } .USDT__container-content__card-mid span { font-weight: 400; margin: .13333rem 0 } .USDT__container-content__card-mid>span:first-of-type { color: var(--text_color_L1); font-size: .34667rem } .USDT__container-content__card-mid>span:last-of-type { color: var(--text_color_L2); font-size: .32rem } .USDT__container-add { background: var(--bg_color_L2); border-radius: .13333rem; height: 2.66667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; gap: .10667rem; margin-bottom: .26667rem } .USDT__container-add img { width: 1.17333rem; height: 1.17333rem } .USDT__container-add span { color: var(--text_color_L3) } .USDT__container-default { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding: .8rem 0; gap: .21333rem } .USDT__container-default span { font-size: .34667rem; line-height: .41333rem; color: var(--text_color_L3) } .dialog__container .dialog__container-title h1 { font-size: .48rem; font-weight: 700; line-height: .48rem; color: var(--text_color_L1) } .dialog__container .dialog__container-content { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .dialog__container .dialog__container-content img:nth-of-type(1) { width: 2.13333rem; height: 2.13333rem } .dialog__container .dialog__container-content img:last-of-type { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translate(-50%); width: .66667rem; height: .66667rem; bottom: -4rem } .empty__container { height: -webkit-fit-content; height: fit-content } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .upi_C { padding: 0 .32rem 1.33333rem; height: 100vh; position: relative; overflow: hidden } .upi_C-list { overflow: auto; height: 100%; padding-bottom: .93333rem } .upi_C-item { height: -webkit-fit-content; height: fit-content; border-radius: .13333rem; background-color: var(--textW); padding: .26667rem .18667rem .58667rem } .upi_C-item .header { height: .90667rem; line-height: .90667rem; position: relative; padding-left: 1.68rem; background-image: url(/assets/png/upi-3f9883de.png); background-size: 1.33333rem .56rem; background-repeat: no-repeat; background-position: .10667rem center; padding-bottom: .10667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .upi_C-item .header-title { font-weight: 700; font-size: .42667rem } .upi_C-item .header .select-btn { width: .8rem; height: .8rem; border: .01333rem solid var(--text_color_L2); border-radius: 50% } .upi_C-item .header .select-btn.isSelect { background-image: url(/assets/png/selectupi-ae7cc80c.png); background-size: .8rem; background-repeat: no-repeat; background-position: center; border: 0 } .upi_C-item .header:after { content: ""; display: block; width: calc(100% - .64rem); height: 0; position: absolute; right: 0; bottom: 0; border-bottom: .01333rem solid #daddf0 } .upi_C-item .upi-body { padding: .45333rem .10667rem .53333rem } .upi_C-item .upi-body .upi-body-name { height: .42667rem; line-height: .42667rem; font-size: .34667rem; color: var(--text_color_L2) } .upi_C-item .upi-body .upi-body-id { height: .48rem; line-height: .48rem; font-size: .34667rem; color: var(--text_color_L2); margin-top: .4rem } .upi_C-item+div { margin-top: .26667rem } .upi_C-addbtn { position: absolute; bottom: 0; left: 0; right: 0; height: .93333rem; line-height: .93333rem; width: 100%; font-weight: 700; font-size: .4rem; background: var(--main-color); color: var(--text_color_L4); text-align: center } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .cancelW { padding: .26667rem } .cancelW .navbar-fixed .navbar__content-title { color: var(--text_color_L1); font-size: .48rem } .cancelW .navbar-fixed .navbar__content-left .van-icon { color: var(--text_color_L1) } .cancelW .orderInfo { color: var(--textW); border-radius: .13333rem; padding: .26667rem } .cancelW .orderInfo>div { margin: .26667rem 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; color: var(--text_color_L2); font-size: .34667rem } .cancelW .orderInfo>div .b { color: var(--text_color_L1); font-size: .4rem } .cancelW .orderInfo>div .copy { background-image: url(/assets/png/copy-icon-fead2b7d.png); background-repeat: no-repeat; background-size: .42667rem; background-position: right center; padding-right: .53333rem; color: var(--text_color_L2); font-size: .32rem } .cancelW .orderInfo>div:last-of-type { padding-top: .26667rem; border-top: .01333rem var(--gray-color-1) solid } .cancelW .reason { margin-top: .4rem; color: var(--textW); border-radius: .13333rem; padding: .26667rem } .cancelW .reason h2 { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; font-weight: 600; color: var(--text_color_L1); font-size: .37333rem } .cancelW .reason h2:before { content: ""; display: block; margin-right: .2rem; width: .10667rem; height: .34667rem; background: var(--main-color) } .cancelW .reason .van-radio-group { margin-top: .26667rem } .cancelW .reason .van-radio-group .van-radio { margin: .4rem 0 } .cancelW .reason .textarea { margin-left: .66667rem; border: .01333rem solid var(--text_color_L2); width: 85% } .cancelW .cancel { position: fixed; bottom: 0; left: -.06667rem; background: var(--main-color); min-height: 1.6rem; width: 100%; line-height: 1.6rem; text-align: center; color: var(--textW); font-size: .4rem } html:lang(ar) .cancelW .cancel { left: unset; right: -.06667rem } .cancelW .van-dialog { overflow: visible } .cancelW .van-dialog .van-dialog__content { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding-block: 2.66667rem; height: 6.4rem } .cancelW .van-dialog__content img { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translate(-50%) } .cancelW .van-dialog__content img.close { bottom: -.90667rem; width: .73333rem } .cancelW .van-dialog__content img.succeed { top: -.50667rem; width: 3.73333rem } .cancelW .van-dialog__content img.fail { top: .04267rem; width: 2.13333rem } .cancelW .van-dialog__content-title { margin-bottom: .4rem; color: var(--text_color_L1); font-weight: 700; font-size: .48rem; line-height: .48rem; font-family: Poppins } .cancelW .van-dialog__content-note { margin-bottom: .53333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; font-size: .32rem; text-align: center } .cancelW .van-dialog__content-note>span:nth-of-type(1) { color: var(--text_color_L2); margin-bottom: .26667rem } .cancelW .van-dialog__content-note>span:nth-of-type(2) { color: var(--main-color); font-size: .42667rem; font-weight: 700 } .cancelW .van-dialog__content-btn { height: 1.06667rem; width: 5.33333rem; line-height: 1.06667rem; color: var(--text_color_L4); font-size: .42667rem; font-weight: 700; border-radius: 1.92rem; background: var(--main_gradient-color); text-align: center } .cancelW .van-dialog__content .close { margin-top: .4rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .wrongA { font-weight: 400 } .wrongA .head { color: var(--textW); padding: 0 .26667rem .53333rem; background-size: 2.13333rem, 100%; background-repeat: no-repeat; background-position: right .26667rem top 1.46667rem, center; background-image: url(/assets/png/wrong_1-b1d69653.png), var(--main-color) } .wrongA .head h1 { font-size: .48rem; font-weight: 700; margin: .26667rem 0 } .wrongA .head div { font-size: .34667rem; margin-bottom: .13333rem } .wrongA .content { padding: .26667rem } .wrongA .content .amount { background: var(--bg_color_L2); padding: .4rem .26667rem; border-radius: .13333rem; box-shadow: var(--BoxShadowColor-9) } .wrongA .content .amount h1 { font-size: .4rem } .wrongA .content .amount p { font-size: .29333rem; color: var(--text_color_L2) } .wrongA .content .amount .input { margin-top: .26667rem; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; background: var(--walletBgColor-1); border-radius: .26667rem; height: 1.17333rem; padding: .26667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .wrongA .content .amount .input .place-div { position: absolute; height: 1.17333rem; width: .8rem; color: var(--main-color); font-weight: 900; font-size: .56rem; line-height: 1.17333rem } html:lang(ar) .wrongA .content .amount .input .place-div { right: .2rem } .wrongA .content .amount .input .place-div:after { position: absolute; content: ""; height: .53333rem; display: inline-block; margin: 0 .13333rem .02667rem; vertical-align: middle; border-right: .02667rem solid var(--darkLight2, var(--gray-color-1)); top: .34667rem; right: -.4rem } html:lang(ar) .wrongA .content .amount .input .place-div:after { left: -.4rem; right: auto } .wrongA .content .amount .input .inp { width: 70%; background: none; border: none; margin-left: 1.33333rem; padding-left: .26667rem } .wrongA .content .amount .input .inp .van-field__control { color: var(--main-color); letter-spacing: .04em; font-weight: 700; font-size: .56rem } .wrongA .content .amount .input .inp .van-field__control::-webkit-input-placeholder { color: var(--gray-color-1); font-size: .37333rem; font-weight: 400 } .wrongA .content .amount .input .inp .van-field__control::placeholder { color: var(--gray-color-1); font-size: .37333rem; font-weight: 400 } .wrongA .content .img { margin-top: .4rem } .wrongA .content .img h1 { display: -webkit-box; display: -webkit-flex; display: flex; font-size: .42667rem; color: var(--text_color_L1); margin-bottom: .13333rem } .wrongA .content .img h1:before { content: ""; width: .64rem; height: .64rem; background: url(/assets/png/uploadImg1-53f2ece8.png) no-repeat center; background-size: cover; margin-right: .13333rem } .wrongA .content .img .uploadImg { color: var(--text_color_L2); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; background: var(--bg_color_L2); box-shadow: var(--BoxShadowColor-9); width: 2.66667rem; height: 2.66667rem; border-radius: .13333rem; gap: .13333rem } .wrongA .content .img .uploadImg:before { content: ""; width: .66667rem; height: .66667rem; background: url(/assets/png/uploadImg1-53f2ece8.png) no-repeat center; background-size: cover } .wrongA .content .img .tip { margin-top: .26667rem; color: var(--main-color); letter-spacing: .01173rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; gap: .06667rem } .wrongA .content .video { height: 5.69333rem } .wrongA .content .video h1:before { background: url(/assets/png/uploadVideo-c98adde0.png) no-repeat center; background-size: cover } .wrongA .content .video .van-uploader, .wrongA .content .video .van-uploader .van-uploader__wrapper, .wrongA .content .video .van-uploader .van-uploader__preview, .wrongA .content .video .van-uploader .van-uploader__preview-cover, .wrongA .content .video .van-uploader .van-uploader__input-wrapper { width: 100%; height: 100% } .wrongA .content .video .uploadImg { height: 100%; width: 100% } .wrongA .content .video .uploadImg:before { background: url(/assets/png/uploadVideo1-b0611412.png) no-repeat center; background-size: cover } .wrongA .content .video .v { width: 100%; height: 100%; object-fit: cover } .wrongA .content .video .videoBox { width: 100%; height: 100% } .wrongA .content .video .loading { width: 100%; height: 5.69333rem; z-index: 1; background: rgba(0, 0, 0, .5); color: var(--textW); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .wrongA .content .cmdBth { min-height: .93333rem; border-radius: .53333rem; color: var(--textW); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; font-size: .4rem; font-weight: 700; margin-top: 1.33333rem; background: var(--main_gradient-color) } .wrongA .content .cmdBth.active { background: var(--main_gradient-color2) } .van-uploader__preview-delete { z-index: 2 } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .bg0 { background: var(--main-color) } .bg1 { background: var(--linerGradient-83) } .bg2, .bg3 { background: var(--main-color) } .navbar .bg0 { background: var(--main-color) !important } .navbar .bg1 { background: var(--linerGradient-83) !important } .navbar .bg2, .navbar .bg3 { background: var(--main-color) !important } .WHD__container { font-family: Inter; font-style: normal } .WHD__container .navbar .bg0 { background: var(--main-color) } .WHD__container .navbar .bg1 { background: var(--linerGradient-83) } .WHD__container .navbar .bg2, .WHD__container .navbar .bg3 { background: var(--main-color) } .WHD__container .navbar div, .WHD__container .navbar .van-icon { color: var(--textW); font-size: .53333rem } .WHD__container-header { height: 4rem; width: 100%; color: var(--textW); white-space: pre-wrap; padding: .26667rem .4rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row } .WHD__container-header h1 { font-weight: 700; font-size: .48rem; margin-bottom: .26667rem } .WHD__container-header span { font-weight: 400; font-size: .34667rem; line-height: .66667rem } .WHD__container-header img { width: 2.13333rem; height: 2.13333rem; margin-left: auto; text-align: right } .WHD__container-body { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: .21333rem; padding-inline: .32rem; padding-bottom: 2.13333rem; position: relative } .WHD__container-body>div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; font-family: bahnschrift; border-radius: .26667rem; background-color: var(--textW); box-shadow: var(--BoxShadowColor-9) } .WHD__container-body .container { position: absolute; width: 94%; top: -.8rem } .WHD__container-body .containerB { margin-top: 7.06667rem } .WHD__container-body .containerB .top span { color: var(--text_color_L1) !important; font-weight: 400 !important; font-size: .37333rem !important; padding-left: .13333rem; border-left: red .10667rem solid; line-height: .36rem } .WHD__container-body .container, .WHD__container-body .containerB { padding-bottom: .26667rem } .WHD__container-body .container .mImg, .WHD__container-body .containerB .mImg { background-color: #f6f6f6; height: .58667rem } .WHD__container-body .container .mImg img, .WHD__container-body .containerB .mImg img { width: 100% } .WHD__container-body .container .top, .WHD__container-body .containerB .top { padding: .37333rem .37333rem .2rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; width: 100% } .WHD__container-body .container .top img, .WHD__container-body .containerB .top img { width: .64rem; height: .64rem; margin-right: .13333rem } .WHD__container-body .container .top span, .WHD__container-body .containerB .top span { color: var(--text_color_L1); font-weight: 700; font-size: .42667rem } .WHD__container-body .container .item, .WHD__container-body .containerB .item { margin-top: -.13333rem; width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: .13333rem; font-size: .32rem; color: var(--text_color_L2); padding: .26667rem } .WHD__container-body .container .item>div:last-of-type, .WHD__container-body .containerB .item>div:last-of-type { -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .WHD__container-body .container .item>div, .WHD__container-body .containerB .item>div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row } .WHD__container-body .container .item>div span.yellow, .WHD__container-body .containerB .item>div span.yellow { color: var(--norm_secondary-color) } .WHD__container-body .container .item>div span.black, .WHD__container-body .containerB .item>div span.black { color: var(--text_color_L1) } .WHD__container-body .container .item>div span.red, .WHD__container-body .containerB .item>div span.red { color: var(--norm_red-color) } .WHD__container-body .container .item>div span, .WHD__container-body .containerB .item>div span { margin: .06667rem 0; padding-right: .26667rem } .WHD__container-body .container .item>div span:nth-of-type(2), .WHD__container-body .containerB .item>div span:nth-of-type(2) { margin-left: auto; text-align: right } .WHD__container-body .container .item>div img, .WHD__container-body .containerB .item>div img { width: .4rem } /* ===== assets/css/page-main-284c07ba.css ===== */ .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .info-dialog-header { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding: .42667rem 0 .48rem } .info-dialog-header span { width: 1.46667rem; height: .02667rem; display: inline-block } .info-dialog-header h5 { font-family: Poppins; font-weight: 700; font-size: .50667rem; color: #fff } .info-dialog-header-left { background: -webkit-linear-gradient(left, #fff -2.73%, rgba(230, 235, 240, 0) 91.36%); background: linear-gradient(90deg, #fff -2.73%, rgba(230, 235, 240, 0) 91.36%); border-radius: .26667rem; -webkit-transform: matrix(-1, 0, 0, 1, 0, 0); transform: scaleX(-1) } .info-dialog-header-right { background: -webkit-linear-gradient(left, #fff -2.73%, rgba(230, 235, 240, 0) 91.36%); background: linear-gradient(90deg, #fff -2.73%, rgba(230, 235, 240, 0) 91.36%); border-radius: .26667rem } .info-dialog-content { width: 8.8rem; height: 8.26667rem; background: var(--bg_color_L2); border-radius: .26667rem; padding: .46667rem .33333rem } .info-dialog-footer { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; width: 100%; padding: .34667rem; position: absolute; bottom: -1.73333rem } .info-dialog-footer img { width: .66667rem } .info-dialog .van-dialog { width: 9.33333rem; height: 10rem; background: var(--pop_bg-color, var(--bg_color_L3)); border-radius: .26667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; overflow: initial } .info-dialog .van-dialog__content { position: relative } .info-dialog .van-dialog__footer { z-index: 100; position: fixed; bottom: .48rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; gap: .26667rem; width: 90%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column } .info-dialog .van-dialog .van-dialog__cancel { width: 100%; height: .93333rem; text-align: center; line-height: .93333rem; background: var(--bg_color_L2); color: var(--main-color); border: .01333rem solid var(--main-color); border-radius: .53333rem; z-index: 100; font-weight: 600; font-size: .4rem; font-family: Poppins } .info-dialog .van-dialog .van-dialog__confirm { color: var(--text_color_L4); width: 100%; height: .93333rem; text-align: center; line-height: .93333rem; background: var(--main_gradient-color); border-radius: .53333rem; z-index: 100; font-weight: 600; font-size: .4rem; font-family: Poppins } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .userInfo__container { width: 100%; height: 5.6rem; padding-bottom: 2.90667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; align-items: flex-end; border-radius: 0 0 .8rem .8rem; background: var(--light-main_gradient-color, var(--bg_color_L2)) } .userInfo__container-nav { color: #fff; font-size: .48rem; position: fixed; top: 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding: .26667rem .4rem; width: 100%; background: var(--main_gradient-color); z-index: 99 } .userInfo__container-nav span { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1 } .userInfo__container-nav-title { text-align: center; color: var(--text_color_L1) } .userInfo__container-setting-center { width: 9.36rem; background: var(--bg_color_L3); border-radius: .26667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; padding: .29333rem .4rem; position: relative; top: 4.93333rem; z-index: 99 } .userInfo__container-setting-center-header { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .userInfo__container-setting-center-header-edit { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; color: var(--text_color_L2) } .userInfo__container-setting-center-header-edit span { font-size: .34667rem; padding-right: .34667rem } .userInfo__container-setting-center-content { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; font-size: .37333rem; color: var(--text_color_L1); padding: .62667rem 0 } .userInfo__container-setting-center-content div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .userInfo__container-setting-center-content h5 { color: var(--text_color_L2) } .userInfo__container-setting-center-content span { -webkit-padding-end: .16rem; padding-inline-end: .16rem } .userInfo__container-setting-center-content svg { width: .45333rem; color: var(--main-color) } .userInfo__container .n0 { width: 1.33333rem; height: .58667rem; margin: 0 .13333rem; background-image: url(/assets/png/0-78e1ab02.png); background-size: 1.33333rem .58667rem } .userInfo__container .n1 { width: 1.33333rem; height: .58667rem; margin: 0 .13333rem; background-image: url(/assets/png/1-953c5909.png); background-size: 1.33333rem .58667rem } .userInfo__container .n2 { width: 1.33333rem; height: .58667rem; margin: 0 .13333rem; background-image: url(/assets/png/2-c9b115fb.png); background-size: 1.33333rem .58667rem } .userInfo__container .n3 { width: 1.33333rem; height: .58667rem; margin: 0 .13333rem; background-image: url(/assets/png/3-fb0c8c43.png); background-size: 1.33333rem .58667rem } .userInfo__container .n4 { width: 1.33333rem; height: .58667rem; margin: 0 .13333rem; background-image: url(/assets/png/4-3c5b4bba.png); background-size: 1.33333rem .58667rem } .userInfo__container .n5 { width: 1.33333rem; height: .58667rem; margin: 0 .13333rem; background-image: url(/assets/png/5-5e49bae2.png); background-size: 1.33333rem .58667rem } .userInfo__container .n6 { width: 1.33333rem; height: .58667rem; margin: 0 .13333rem; background-image: url(/assets/png/6-4ee4b170.png); background-size: 1.33333rem .58667rem } .userInfo__container .n7 { width: 1.33333rem; height: .58667rem; margin: 0 .13333rem; background-image: url(/assets/png/7-907655eb.png); background-size: 1.33333rem .58667rem } .userInfo__container .n8 { width: 1.33333rem; height: .58667rem; margin: 0 .13333rem; background-image: url(/assets/png/8-fc7f2447.png); background-size: 1.33333rem .58667rem } .userInfo__container .n9 { width: 1.33333rem; height: .58667rem; margin: 0 .13333rem; background-image: url(/assets/png/9-5a25583e.png); background-size: 1.33333rem .58667rem } .userInfo__container .n10 { width: 1.33333rem; height: .58667rem; margin: 0 .13333rem; background-image: url(/assets/png/10-b06f6562.png); background-size: 1.33333rem .58667rem } .userInfo__container .userInfo_dialog_content { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; background: var(--bg_color_L2); border-radius: .06667rem; padding: .13333rem } .userInfo__container .userInfo_dialog_content input { height: 1.17333rem; width: 80%; border: none; border-radius: .8rem; background: var(--bg_color_L1); font-size: .37333rem; padding: 0 .53333rem; color: var(--text_color_L1) } .userInfo__container .userInfo_dialog_content input::-webkit-input-placeholder { color: var(--text_color_L3) } .userInfo__container .userInfo_dialog_content input::placeholder { color: var(--text_color_L3) } .userInfo__container-content { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; width: 100%; padding: 0 .45333rem; color: #fff } .userInfo__container-content-wrapper { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start } .userInfo__container-content__avatar { width: 1.86667rem; height: 1.86667rem; border-radius: 50%; margin-right: .2rem; overflow: hidden } .userInfo__container-content__avatar img { width: 100%; height: 100%; object-fit: cover } .userInfo__container-content__name { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: space-around; justify-content: space-around } .userInfo__container-content-nickname { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; align-items: center; font-size: .4rem; color: #fff } .userInfo__container-content-nickname img { width: 1.33333rem; margin: 0 .13333rem } .userInfo__container-content-nickname .editPencil { width: .4rem } .userInfo__container-content-uid { width: 3.06667rem; border-radius: .53333rem; padding: .06667rem 0; font-size: .29333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-around; justify-content: space-around; background-color: var(--norm_secondary-color) } .userInfo__container-content-uid img { width: .32rem } .userInfo__container-content-logintime { font-size: .29333rem; color: #fff } .userInfo__container-content-right { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .userInfo__container-content-right img { width: .88rem } .userInfo__container-content-right span { font-size: .32rem; color: #ffee87 } .userInfo__container-content-right h5 { width: 2.13333rem; height: .53333rem; border-radius: .26667rem; text-align: center; font-size: .34667rem } .userInfo__container .info-dialog-content-title { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin-bottom: .32rem; -webkit-column-gap: .21333rem; column-gap: .21333rem } .userInfo__container .info-dialog-content-title svg { width: .64rem; height: .64rem } .userInfo__container .info-dialog-content-title span { font-size: .42667rem; color: var(--text_color_L1) } .userInfo__container .info-dialog-content-title img { width: .64rem; margin-right: .2rem } .userInfo__container .info-dialog-content input { width: 8.13333rem; height: 1.17333rem; background: var(--bg_color_L1); border-radius: .8rem; border: none; padding-left: .6rem; color: var(--text_color_L1) } .userInfo__container .info-dialog-content input::-webkit-input-placeholder { color: var(--text_color_L3) } .userInfo__container .info-dialog-content input::placeholder { color: var(--text_color_L3) } .userInfo__container .info-dialog-content h4 { font-size: .32rem; color: var(--norm_red-color); padding-left: .6rem; padding-top: .29333rem } .userInfo__container .info-dialog-content-avatar-list { padding-top: 1.2rem } .userInfo__container .info-dialog-content-avatar-list img { width: 2.66667rem } .setting-page-container { height: 5.17333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .van-icon { font-size: .37333rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .totalSavings__container { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; padding: 0; width: 100%; height: 4.2rem; border-radius: .26667rem; background: var(--light-bg_white, var(--bg_color_L3)) } .totalSavings__container-content { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; width: 100%; padding-block: .34667rem } .totalSavings__container-header { width: 100%; padding: .37333rem .52rem 0 .36rem } .totalSavings__container-header-box { padding-bottom: .26667rem } .totalSavings__container-header__title { display: -webkit-box; display: -webkit-flex; display: flex; width: 100%; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .totalSavings__container-header__title span { font-weight: 400; font-size: .37333rem; color: var(--text_color_L2) } .totalSavings__container-header__title img { width: .53333rem; height: .53333rem } .totalSavings__container-header__subtitle { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-column-gap: .32rem; column-gap: .32rem; width: 100%; margin-top: .2rem; font-size: .48rem; font-weight: 700; color: var(--text_color_L1) } .totalSavings__container-header__subtitle img { width: .50667rem } .totalSavings__container-content { display: grid; grid-template-columns: repeat(4, 1fr); width: 100%; padding: .4rem .26667rem } .totalSavings__container-content-item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .totalSavings__container-content-item div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .totalSavings__container-content-item div svg { min-width: .8rem; min-height: .8rem } .totalSavings__container-content-item div span { margin: .13333rem 0; font-size: .37333rem; color: var(--text_color_L1); text-align: center } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .financialServices__container { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: .53333rem margin-top: -23px; } .financialServices__container-header button { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; gap: .13333rem; width: 100%; padding-block: .13333rem; color: var(--main-color); background: none; border: .01333rem solid var(--main-color); border-radius: 99rem; outline: none; font-size: .4rem } .financialServices__container-header button img { width: .53333rem; height: auto } .financialServices__container-box { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding: 0; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: .26667rem } .financialServices__container-box-para { padding: 0 .13333rem; box-shadow: none !important; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column } .financialServices__container-box-para h3 { font-size: .37333rem; color: var(--text_color_L1) } .financialServices__container-box>div { width: calc((100% - .26667rem)/2); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; color: var(--text_color_L2); padding: .24rem; background: var(--darkBg, var(--bg_color_L2)); border-radius: .13333rem } .financialServices__container-box>div svg { min-width: .93333rem; min-height: 1.08rem } .financialServices__container-box>div span { font-size: .32rem; color: var(--text_color_L2) } .financialServices__container-box>div>div { position: relative; padding: .13333rem; border-radius: .26667rem } .financialServices__container-box>div>div img:first-of-type { width: 1.06667rem } .financialServices__container-box>div>div .icon-shadow { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1 } html:lang(ar) .financialServices__container-box>div>div .icon-shadow { left: unset; right: 0 } .financialServices__container-footer { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; gap: .5rem; color: var(--text_color_L1) } .financialServices__container-footer-des { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .financialServices__container-footer-des img { width: .56rem !important } .financialServices__container-footer-des .van-icon { font-size: .42667rem } .financialServices__container-footer>div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; width: 100%; padding: .34667rem 0 .34667rem .21333rem; border-radius: .26667rem; background: var(--bg_color_L2) } .financialServices__container-footer>div>svg { min-width: 1.08rem; height: 1.08rem; margin-right: .24rem } .financialServices__container-footer>div>div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; gap: .13333rem; width: 100%; padding: .13333rem 0 } .financialServices__container-footer>div>div>div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding: 0 .13333rem 0 0 } .financialServices__container-footer>div>div>div h4 { font-size: .37333rem; color: #fff; border-radius: 9rem; background: var(--norm_secondary-color); padding: 0 .13333rem } .financialServices__container-footer>div>div>div svg { min-width: .49333rem; height: .49333rem; margin-right: .17333rem } .financialServices__container-footer>div>div>div span { font-size: .4rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; padding: 0 .06667rem } .financialServices__container-footer>div>div>div span:first-of-type { font-weight: 600 } .financialServices__container-footer>div>div>span { font-size: .29333rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .serviceCenter-wrap-header { margin: 1.06667rem 0 .26667rem } .serviceCenter-wrap-header button { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; width: 100%; padding-block: .13333rem; color: var(--main-color); background: var(--bg_color_L1); border: .01333rem solid var(--main-color); border-radius: .66667rem; font-size: .4rem; gap: .32rem } .serviceCenter-wrap-header button svg { width: .64rem; height: .64rem } .serviceCenter__container { padding: .53333rem .32rem; border-radius: .26667rem; background: var(--darkBg, var(--bg_color_L2)); height: 5.33333rem; box-shadow: var(--BoxShadowColor-9) } .serviceCenter__container h1 { margin-bottom: .58667rem; color: var(--darkTextW, var(--text_color_L1)); font-size: .4rem } .serviceCenter__container-items { display: grid; grid-template-columns: 1fr 1fr 1fr; justify-items: center; gap: .32rem; color: var(--text_color_L2) } .serviceCenter__container-items__item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; gap: .13333rem; font-size: .32rem } .serviceCenter__container-items__item svg { width: .8rem; height: .8rem } .serviceCenter__container-items__item span { text-align: center } .cancelOrderDialog { padding: .53333rem .26667rem; border-radius: .26667rem } .cancelOrderDialog .van-dialog__content { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cancelOrderDialog .van-dialog__content img { width: 2.13333rem; height: 2.13333rem } .cancelOrderDialog .van-dialog__content p { margin-top: .34667rem; font-size: .48rem; font-weight: 700 } .cancelOrderDialog .dialog-btnWrapper { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; gap: 1rem; width: 100%; margin-top: 3rem; padding: 0 1rem } .cancelOrderDialog .dialog-btnWrapper button:last-of-type { width: 4.34667rem; color: var(--textW); background: var(--main_gradient-color) } .cancelOrderDialog.cancelOrderDialogSuccess .dialog-btnWrapper { -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .settingPanel__container { padding: 0 .26667rem .13333rem; border-radius: .26667rem; background: var(--darkBg, var(--bg_color_L2)) } .settingPanel__container h1 { margin-bottom: .26667rem; color: var(--darkTextW, var(--text_color_L1)); font-size: .4rem } .settingPanel__container-items { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; color: var(--text_color_L1); padding-bottom: .26667rem } .settingPanel__container-items__item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; font-size: .37333rem; padding: .33333rem 0 } .settingPanel__container-items__item svg { width: .8rem; height: .8rem } .settingPanel__container-items__item span { color: var(--text_color_L1) } .settingPanel__container-items__item:last-child.ar-1px-b:after { content: none } .settingPanel__container-items__title { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; align-items: center; gap: .16rem } .settingPanel__container-items__title svg { color: var(--main-color) } .settingPanel__container-items-right { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .settingPanel__container-items-right span { font-size: .37333rem; padding-right: .4rem; color: var(--text_color_L1) } .settingPanel__container-items-right h5 { font-size: .32rem; color: #fff; border-radius: .42667rem; margin-right: .4rem; background: var(--norm_red-color); height: .42667rem; padding: 0 .13333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .userinfo-content { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: .53333rem; padding: 0 .32rem .32rem; position: relative; top: -2.18667rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .about-container-header { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; width: 100%; height: 4.93333rem } .about-container-header-belly img { width: 100%; height: 100%; object-fit: cover } .about-container-content { padding: 0 .4rem } .about-container-content-item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding: .66667rem 0 .30667rem; font-size: .4rem } .about-container-content-item svg { width: .90667rem; height: .90667rem; padding-right: .18667rem } .about-container-content-item span { font-size: .4rem; color: var(--text_color_L1) } .about-container-content-item-title { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .avatar-container { padding: .32rem .4rem } .avatar-container-content .van-grid-item { width: 2.66667rem; height: 2.4rem } .avatar-container-content>div img { width: 2.66667rem; height: 2.4rem; border-radius: .26667rem } .avatar-container-content>div img.active { border-color: var(--main-color); border-width: .08rem; border-style: solid } .avatar-container-content>div .van-checkbox { position: absolute; bottom: .26667rem; right: .26667rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .header { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; height: 1.06667rem; line-height: .73333rem; padding: .46667rem .4rem 0 } .header .cancel { color: var(--text_color_L2) } .header .confirm { color: var(--main_gradient-color) } .list { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding: .46667rem .32rem .18667rem } .list .item { width: calc(50% - .28rem); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding: 0 .26667rem; height: 1.33333rem; background: var(--bg_color_L3); border-radius: .26667rem; margin-bottom: .26667rem; font-size: .37333rem; color: var(--text_color_L2) } .list .item>div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .list .item .img { display: block; width: 1.06667rem; height: 1.06667rem; margin-right: .26667rem } .list .item.active { background: var(--main_gradient-color); color: var(--text_color_L4) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .bet-container-lottery-items { margin-bottom: .32rem } .bet-container-lottery-items img { display: block; width: 100%; height: .58667rem } .bet-container-lottery-card { background: var(--darkBg, var(--bg_color_L2)); width: 100%; border-top-left-radius: .13333rem; border-top-right-radius: .13333rem; padding: .34667rem .32rem } .bet-container-lottery-card-header { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; padding-bottom: .16rem } .bet-container-lottery-card-header h1 { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .bet-container-lottery-card-header h1 h2 { font-weight: 700; font-size: .4rem; color: var(--darkTextW, var(--text_color_L1)); padding-bottom: .10667rem } .bet-container-lottery-card-header h1 span { font-size: .37333rem; color: #e98613 } .bet-container-lottery-card-header h1 span.color40C592 { color: #40c592 } .bet-container-lottery-card-header p { font-size: .29333rem; color: var(--text_color_L2) } .bet-container-lottery-card-info { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start; margin-top: .33333rem; min-height: 4rem } .bet-container-lottery-card-info.typeFXOSO { min-height: 3.33333rem } .bet-container-lottery-card-info img { width: .26667rem; height: 3.86667rem; margin-right: .34667rem } .bet-container-lottery-card-info img.typeFXOSO { height: 3.2rem } .bet-container-lottery-card-info-chessimg { height: 4.09333rem !important } .bet-container-lottery-card-info ul { width: calc(100% - .4rem); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; flex-wrap: wrap } .bet-container-lottery-card-info ul li { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; font-size: .32rem; color: var(--text_color_L3); padding-bottom: .26667rem; width: 100%; height: -webkit-fit-content; height: fit-content; position: relative } .bet-container-lottery-card-info ul li:first-child:after { display: none } .bet-container-lottery-card-info ul li:after { content: ""; position: absolute; border-left: .01333rem dashed var(--darkLight, var(--main-color)); height: .10667rem; top: -.14667rem; left: .14667rem } html:lang(ar) .bet-container-lottery-card-info ul li:after { left: unset; right: .10667rem } .bet-container-lottery-card-info ul li:last-of-type { padding-bottom: 0 !important; -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start } .bet-container-lottery-card-info ul li:last-of-type h2 { -webkit-box-flex: 0; -webkit-flex: none; flex: none; width: -webkit-fit-content; width: fit-content } .bet-container-lottery-card-info ul li:last-of-type p { height: -webkit-fit-content; height: fit-content; text-align: right } .bet-container-lottery-card-info ul li span { color: #595959 } .bet-container-lottery-card-info ul li span.success { color: var(--norm_green-color) } .bet-container-lottery-card-info ul li span.fail { color: var(--norm_red-color) } .bet-container-lottery-card-info ul li h2 svg { margin-right: .13333rem } .bet-container-lottery-card-info ul li h3 { display: inline-block; text-align: center; width: 1.33333rem; height: .66667rem; line-height: .66667rem; color: var(--textW); border-radius: .13333rem; margin-left: .16rem; background: var(--norm_green-color) } .bet-container-lottery-card-info ul li p { color: var(--main-color); height: .66667rem; display: inline-block; line-height: .66667rem; text-align: center; border-radius: .66667rem; font-weight: 700; font-size: .4rem; width: 80%; word-wrap: break-word } .bet-container-lottery-card-info ul li .betcontent { word-wrap: break-word } .bet { background-color: var(--darkBg, var(--bg_color_L2)) } .bet .li { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; min-height: .66667rem; line-height: .66667rem; padding-left: .32rem } .bet .li.betNum { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; flex-wrap: wrap } .bet .li.betNum .lab { color: var(--text_color_L1); font-size: .37333rem; width: 100% } .bet .li.betNum .lab .txt { font-size: .37333rem; color: var(--text_color_L2) } .bet .li.betNum .lab .betList { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; width: 100% } .bet .li.betNum .lab .betList.select { max-height: 5.66667rem; overflow-y: auto } .bet .li.betNum .lab .betList>span { display: inline-block; text-align: center; height: .64rem; line-height: .64rem; width: .64rem; color: var(--text_color_L1); background-color: var(--bg_color_L3); border-radius: .64rem; font-size: .32rem; margin-right: .2rem; margin-bottom: .2rem } .bet .li.betNum .lab .betList>span.active { background-color: var(--main_gradient-color); color: var(--textW) } .bet .li.betNum .lab .betList>span { width: auto; padding: 0 .16rem; border-radius: .16rem } .bet .li.betNum .lab:after { top: .26667rem } .bet .li.betNum .lab:before { top: .50667rem; height: 97% } .bet .li .lab { color: var(--text_color_L2); position: relative } .bet .li .sub { color: var(--text_color_L1); font-size: .32rem } .bet .li .sub>img { width: .4rem; vertical-align: -.06667rem } .bet .li .sub.success { color: var(--bgcolor-22) } .bet .li .sub.fail { color: var(--main-color) } .bet-container-lottery-note-box { background-color: var(--darkBg, var(--bg_color_L2)); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding: .26667rem; -webkit-flex-wrap: wrap; flex-wrap: wrap } .bet-container-lottery-note-box-para { font-size: .32rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .bet-container-lottery-note-box-para h3 { font-size: .37333rem; color: var(--text_color_L2) } .bet-container-lottery-note-box-para h4 { font-size: .37333rem; color: var(--norm_green-color) } .bet-container-lottery-note-box-para .h4_green { color: var(--norm_green-color) } .bet-container-lottery-note-box-para .h4_red { color: var(--norm_red-color) } .bet-container-lottery-note-box>div { width: 48%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; margin: .13333rem 0; background: var(--bg_color_L3); border-radius: .13333rem; height: 1.6rem } .bet-container-lottery-note-box>div.last { width: 100% } .bet-container-lottery-note-box>div span { font-size: .32rem; color: var(--text_color_L2); display: inline-block; margin-top: .16rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .bet-container-lottery-items { margin-bottom: .32rem } .bet-container-lottery-items img { display: block; width: 100%; height: .58667rem } .bet-container-lottery-card { background: var(--darkBg, var(--bg_color_L2)); width: 100%; border-top-left-radius: .13333rem; border-top-right-radius: .13333rem; padding: .34667rem .32rem } .bet-container-lottery-card-header { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; padding-bottom: .16rem } .bet-container-lottery-card-header h1 { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .bet-container-lottery-card-header h1 h2 { font-weight: 700; font-size: .4rem; color: var(--darkTextW, var(--text_color_L1)); padding-bottom: .10667rem } .bet-container-lottery-card-header h1 span { font-size: .37333rem; color: #e98613 } .bet-container-lottery-card-header h1 span.color40C592 { color: #40c592 } .bet-container-lottery-card-header p { font-size: .29333rem; color: var(--text_color_L2) } .bet-container-lottery-card-info { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start; margin-top: .33333rem; min-height: 3.2rem } .bet-container-lottery-card-info img { width: .26667rem; height: 3.06667rem; margin-top: .13333rem; margin-right: .34667rem } .bet-container-lottery-card-info-chessimg { height: 4.09333rem !important } .bet-container-lottery-card-info ul { width: calc(100% - .4rem); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; flex-wrap: wrap } .bet-container-lottery-card-info ul li { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; font-size: .32rem; color: var(--text_color_L3); padding-bottom: .26667rem; position: relative; width: 100%; height: -webkit-fit-content; height: fit-content } .bet-container-lottery-card-info ul li:last-of-type { padding-bottom: 0 !important; -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start } .bet-container-lottery-card-info ul li:last-of-type h2 { -webkit-box-flex: 0; -webkit-flex: none; flex: none; width: -webkit-fit-content; width: fit-content } .bet-container-lottery-card-info ul li:last-of-type p { height: -webkit-fit-content; height: fit-content; text-align: right } .bet-container-lottery-card-info ul li span { color: #595959 } .bet-container-lottery-card-info ul li span.success { color: var(--norm_green-color) } .bet-container-lottery-card-info ul li span.fail { color: var(--norm_red-color) } .bet-container-lottery-card-info ul li h3 { display: inline-block; text-align: center; width: 1.33333rem; height: .66667rem; line-height: .66667rem; color: var(--textW); border-radius: .13333rem; margin-left: .16rem; background: var(--norm_green-color) } .bet-container-lottery-card-info ul li p { color: var(--main-color); height: .66667rem; display: inline-block; line-height: .66667rem; text-align: center; border-radius: .66667rem; font-weight: 700; font-size: .4rem; width: 80%; word-wrap: break-word } .bet-container-lottery-card-info ul li .betcontent { word-wrap: break-word } .bet-container-lottery-card-info ul .type { margin-top: .13333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: .09333rem } .bet-container-lottery-card-info ul .type>span { background: var(--bgDark-3, var(--bg_color_L3)); width: calc(33.3333333333% - .09333rem); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; text-align: center; color: var(--text_color_L2); font-size: .29333rem; border-radius: .13333rem; padding: .13333rem 0; margin-bottom: .06667rem } .bet { background-color: var(--darkBg, var(--bg_color_L2)) } .bet .li { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; min-height: .66667rem; line-height: .66667rem; padding-left: 1.06667rem } .bet .li.betNum { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; flex-wrap: wrap } .bet .li.betNum .lab { color: var(--text_color_L1); font-size: .37333rem; width: 100% } .bet .li.betNum .lab .txt { font-size: .37333rem; color: var(--text_color_L2) } .bet .li.betNum .lab .betList { width: 100% } .bet .li.betNum .lab .betList.select { max-height: 5.66667rem; overflow-y: auto; display: -webkit-box; display: -webkit-flex; display: flex } .bet .li.betNum .lab .betList.select .num>div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin-bottom: .13333rem } .bet .li.betNum .lab .betList.select .num>div h6 { width: 1.46667rem; color: var(--text_color_L2) } .bet .li.betNum .lab .betList.select .num>div .n span { border-radius: .08rem; background: var(--bg_color_L3); width: .50667rem; height: .48rem; display: inline-block; margin-right: .13333rem; text-align: center; line-height: .48rem; color: var(--text_color_L1); font-size: .29333rem } .bet .li.betNum .lab .betList>span { display: inline-block; text-align: center; height: .64rem; line-height: .64rem; width: .64rem; color: var(--text_color_L1); background-color: var(--bg_color_L3); border-radius: .64rem; font-size: .32rem; margin-right: .2rem; margin-bottom: .2rem } .bet .li.betNum .lab .betList>span.active { background-color: var(--main_gradient-color); color: var(--textW) } .bet .li.betNum .lab .betList>span { width: auto; padding: 0 .16rem; border-radius: .16rem } .bet .li.betNum .lab:after { top: .26667rem } .bet .li.betNum .lab:before { top: .50667rem; height: 97% } .bet .li .lab { color: var(--text_color_L2); position: relative } .bet .li .lab:after { content: ""; display: block; background: url(/assets/png/before_cire-c0feda12.png) no-repeat center center; background-size: cover; height: .26667rem; width: .26667rem; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); transform: translateY(-50%); left: -.53333rem } html:lang(ar) .bet .li .lab:after { left: unset; right: -.53333rem } .bet .li .sub { color: var(--text_color_L1); font-size: .32rem } .bet .li .sub>img { width: .4rem; vertical-align: -.06667rem } .bet .li .sub.success { color: var(--bgcolor-22) } .bet .li .sub.fail { color: var(--main-color) } .bet-container-lottery-note-box { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding: .26667rem; -webkit-flex-wrap: wrap; flex-wrap: wrap } .bet-container-lottery-note-box-para { font-size: .32rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .bet-container-lottery-note-box-para h3 { font-size: .37333rem; color: var(--text_color_L2) } .bet-container-lottery-note-box-para h4 { font-size: .37333rem; color: var(--norm_green-color) } .bet-container-lottery-note-box-para .h4_green { color: var(--norm_green-color) } .bet-container-lottery-note-box-para .h4_red { color: var(--norm_red-color) } .bet-container-lottery-note-box>div { width: 48%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; margin: .13333rem 0; background: var(--bg_color_L3); border-radius: .13333rem; height: 1.6rem } .bet-container-lottery-note-box>div.last { width: 100% } .bet-container-lottery-note-box>div span { font-size: .32rem; color: var(--text_color_L2); display: inline-block; margin-top: .16rem } :root { --van-tabs-card-height: auto } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .bet-container { overflow: hidden; padding: 0 .32rem } .bet-container .van-nav-bar { background-color: #f6f6f6 } .bet-container .van-nav-bar .van-nav-bar__content .van-nav-bar__left .van-icon { color: var(--text_color_L1) } .bet-container .bet-container__header { background-color: #f6f6f6; position: relative } .bet-container-searchBar { margin-top: -.13333rem; padding-bottom: .24rem } .bet-container .tabs { background: var(--bg_color_L1) } .bet-container .tab_item { width: 2.53333rem; height: 1.33333rem; margin-inline: .06667rem; padding: 0; color: var(--text_color_L2) !important; border-radius: .13333rem; background: var(--bg_color_L2); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .bet-container .tab_item svg { height: .66667rem; width: .66667rem } .bet-container .tab_item span { font-size: .32rem } .bet-container .tab_active { color: var(--text_color_L4) !important; background: var(--main_gradient-color) } .bet-container .fun-tabs .fun-tab-item { padding: .18667rem 0 } .bet-container-tabBar { padding-inline: .32rem } .bet-container-tabBar .van-tabs__nav--card { height: 1.86667rem; margin: 0 } .bet-container-tabBar .van-tabs__nav--card .van-tab--card { width: 2.53333rem; height: 1.33333rem; margin-inline: .06667rem; padding: 0; color: var(--text_color_L2) !important; border-radius: .13333rem; background: var(--bgDark-2, var(--bg_color_L2)) } .bet-container-tabBar .van-tabs__nav--card .van-tab--card>span { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; width: 100%; height: 100% } .bet-container-tabBar .van-tabs__nav--card .van-tab--card>span img { width: .66667rem; height: auto } .bet-container-tabBar .van-tabs__nav--card .van-tab--card>span span { font-size: .32rem } .bet-container-tabBar .van-tabs__nav--card .van-tab--card.van-tab--active { color: var(--text_color_L4) !important; background: var(--main_gradient-color) } .bet-container-items { padding-bottom: .32rem; margin: 0 auto } .bet-container .colorE98613 { color: #e98613 !important } .bet-container .color40C592 { color: #40c592 !important } .bet-container .colorF95959 { color: var(--norm_red-color) !important } .bet-container .color2AAB79 { color: var(--norm_green-color) !important } .bet-container-lottery-items { margin-bottom: .32rem } .bet-container-lottery-items img { display: block; width: 100%; height: .58667rem } .bet-container-lottery .electric-card { border-radius: .13333rem !important; padding: .34667rem .32rem !important } .bet-container-lottery-card { background: var(--bg_color_L2); width: 100%; border-top-left-radius: .13333rem; border-top-right-radius: .13333rem; padding: .34667rem .32rem } .bet-container-lottery-card-header { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; padding-bottom: .16rem } .bet-container-lottery-card-header h1 { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .bet-container-lottery-card-header h1 h2 { font-weight: 700; font-size: .4rem; color: var(--text_color_L1); padding-bottom: .10667rem } .bet-container-lottery-card-header h1 span { font-size: .37333rem; color: #e98613 } .bet-container-lottery-card-header p { font-size: .29333rem; color: var(--text_color_L2) } .bet-container-lottery-card-info { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin-top: .33333rem } .bet-container-lottery-card-info-chessimg { height: 4.09333rem !important } .bet-container-lottery-card-info ul { width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column } .bet-container-lottery-card-info ul li { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; font-size: .32rem; color: var(--text_color_L2); padding-bottom: .13333rem; position: relative; gap: .13333rem } .bet-container-lottery-card-info ul li:first-child:after { display: none } .bet-container-lottery-card-info ul li svg { z-index: 10; width: .26667rem; height: .26667rem } .bet-container-lottery-card-info ul li:after { content: ""; position: absolute; border-left: .01333rem dashed var(--darkLight, var(--main-color)); height: 100%; top: -50%; left: .12rem; z-index: 1 } html:lang(ar) .bet-container-lottery-card-info ul li:after { left: unset; right: .10667rem } .bet-container-lottery-card-info ul li:last-of-type { padding-bottom: 0 !important } .bet-container-lottery-card-info ul li span { display: -webkit-box; display: -webkit-flex; display: flex; gap: .13333rem; color: var(--text_color_L1) } .bet-container-lottery-card-info ul li h2 { width: -webkit-fit-content; width: fit-content; -webkit-box-flex: 0; -webkit-flex: none; flex: none; display: -webkit-box; display: -webkit-flex; display: flex; gap: .13333rem } .bet-container-lottery-card-info ul li h3 { display: inline-block; text-align: center; width: 1.33333rem; height: .66667rem; line-height: .66667rem; color: var(--text_color_L1); border-radius: .13333rem; margin-left: .16rem; background: var(--norm_green-color) } .bet-container-lottery-card-info ul li div { color: var(--main-color); height: .66667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; text-align: center; font-weight: 700; font-size: .4rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .bet-container-lottery-card-info ul li div>div { margin-right: .13333rem } .bet-container-lottery-card-info ul li div>div:last-child { margin-right: 0 } .bet-container-lottery-note { background: var(--bg_color_L2); border-bottom-left-radius: .13333rem; border-bottom-right-radius: .13333rem; padding: 0 .32rem .34667rem } .bet-container-lottery-note-box { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding: .26667rem 0 0; -webkit-flex-wrap: wrap; flex-wrap: wrap } .bet-container-lottery-note-box-para { font-size: .32rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .bet-container-lottery-note-box-para h3 { font-size: .37333rem; color: var(--text_color_L2) } .bet-container-lottery-note-box-para h4 { font-size: .37333rem; color: var(--norm_green-color) } .bet-container-lottery-note-box-para .h4_green { color: var(--norm_green-color) } .bet-container-lottery-note-box-para .h4_red { color: var(--norm_red-color) } .bet-container-lottery-note-box>div { width: 48%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; margin: .13333rem 0; background: var(--bg_color_L3); border-radius: .13333rem; height: 1.6rem } .bet-container-lottery-note-box>div span { font-size: .32rem; color: var(--text_color_L2); display: inline-block; margin-top: .16rem } .bet-container-lottery-note-result { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: stretch; -webkit-align-items: stretch; align-items: stretch; padding-top: .13333rem } .bet-container-lottery-note-result-sportimg { height: 5.46667rem !important } .bet-container-lottery-note-result div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; font-size: .37333rem; color: var(--text_color_L1) } .bet-container-lottery-note-result div h1, .bet-container-lottery-note-result div h2 { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; align-items: center; gap: .13333rem } .bet-container-lottery-note-result div svg { width: .26667rem; height: .26667rem } .bet-container-lottery-note-result div h1 { padding-bottom: .56rem } .bet-container-lottery-note-result div h2 { color: var(--text_color_L3); position: relative } .bet-container-lottery-note-result div h2:after { content: ""; position: absolute; border-left: .01333rem dashed var(--darkLight, var(--main-color)); height: 100%; top: -80%; left: .12rem } html:lang(ar) .bet-container-lottery-note-result div h2:after { left: unset; right: .17333rem } .bet-container-lottery-note-result div h2 p { color: #e93333; width: .66667rem; height: .66667rem; display: inline-block; line-height: .66667rem; text-align: center; border-radius: .66667rem; background: url(/assets/png/numberBG-5096ec20.png) no-repeat right/contain; font-weight: 700; font-size: .4rem } .bet-container-lottery-note-result div h2 .n1 { background-image: url(/assets/png/n1-4d914772.png); border-radius: 0 } .bet-container-lottery-note-result div h2 .n2 { background-image: url(/assets/png/n2-a7189ae3.png); border-radius: 0 } .bet-container-lottery-note-result div h2 .n3 { background-image: url(/assets/png/n3-162f6063.png); border-radius: 0 } .bet-container-lottery-note-result div h2 .n4 { background-image: url(/assets/png/n4-ae5fe4f6.png); border-radius: 0 } .bet-container-lottery-note-result div h2 .n5 { background-image: url(/assets/png/n5-562557ff.png); border-radius: 0 } .bet-container-lottery-note-result div h2 .n6 { background-image: url(/assets/png/n6-4fb0d7da.png); border-radius: 0 } .bet-container-lottery-note-result div h2 span { display: inline-block; text-align: center; min-width: 1.33333rem; height: .66667rem; line-height: .61333rem; color: #fff; border-radius: .13333rem; margin-left: .16rem } .bet-container-lottery-note-result div h2 .bigClass { background: var(--norm_secondary-color) } .bet-container-lottery-note-result div h2 .small { background: var(--norm_bule-color) } .bet-container-lottery-note-result div h2 .BG-FCCC52 { background: var(--lotterybtnColor) } .bet-container-lottery-note-result div h2 .BG-49CE9B { background: var(--norm_green-color) } .bet-container-lottery-note-result div h2 .BG-C57AFF { background: var(--norm_Purple-color) } .bet-container-lottery-note-result div ul { margin-top: -.16rem } .bet-container-lottery-note-result div ul li { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start } .bet-container-lottery-note-result div ul li h3 { font-size: .37333rem; color: var(--text_color_L1) } .bet-container-lottery-note-result div ul li p { font-size: .32rem; color: var(--text_color_L3); padding-top: .17333rem; padding-bottom: .29333rem } .bet-container-lottery-note-result div ul li:last-of-type p { padding-bottom: 0 !important } .red { background: #fb4e4e } .green { background: #49ce9b } .violet { background: #c57aff } .red_violet { background-image: -webkit-linear-gradient(top left, #fb4e4e 50%, #eb43dd 0); background-image: linear-gradient(to bottom right, #fb4e4e 50%, #eb43dd 0) } .green_violet { background-image: -webkit-linear-gradient(top left, #40ad72 50%, #eb43dd 0); background-image: linear-gradient(to bottom right, #40ad72 50%, #eb43dd 0) } .big_binguo, .small_binguo, .sum_binguo { font-size: .32rem !important; min-width: .56rem !important; height: .56rem !important; border-radius: .10667rem !important; line-height: .56rem !important; padding: 0 .05333rem; display: block !important } .big_binguo { color: var(--textW) !important; background-color: var(--LotteryBingoTextColor) !important } .small_binguo { color: var(--LotteryBingoTextColor) !important; background-color: var(--textW) !important } .sum_binguo { color: var(--LotteryBingoTextColor) !important; background-color: var(--colorText-25) !important } .binguo_select { width: .56rem !important; height: .56rem !important; border-radius: 50%; border: .01333rem solid var(--LotteryBingoTextColor); color: var(--LotteryBingoTextColor) !important; text-align: center !important; font-size: .4rem; font-style: normal; font-weight: 400; line-height: .56rem !important; display: block !important } .binguo_result { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; flex-direction: row !important; -webkit-box-align: center; -webkit-align-items: center; align-items: center; gap: .13333rem; position: relative } .binguo_result:after { content: ""; position: absolute; border-left: .01333rem dashed var(--darkLight, var(--main-color)); height: 100%; top: -80%; left: .17333rem } html:lang(ar) .binguo_result:after { left: unset; right: .17333rem } .binguo_result div { width: .56rem !important; height: .56rem !important; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .binguo_result .result_item { margin-right: .10667rem; border-radius: 50%; border: .01333rem solid var(--text_color_L1); color: var(--text_color_L1) !important; font-size: .4rem } .binguo_result .binguo_sum { background: var(--norm_red-color); color: var(--LotteryBingoTextColor); border-radius: .10667rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .content { padding: .34667rem; position: relative; z-index: 99; height: 100%; background: var(--bg_color_L1); border-top-right-radius: .53333rem; border-top-left-radius: .53333rem } .content-item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; height: 1.46667rem; background: var(--bg_color_L2); border-radius: .13333rem; color: var(--text_color_L2); padding: .34667rem } .content-item img { width: 1.06667rem; padding-right: .32rem } .content-item span { font-size: .37333rem; color: var(--text_color_L1) } .content-item-title { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .customer-container-header { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; width: 100%; height: -webkit-fit-content; height: fit-content; background: var(--main_gradient-color) } .customer-container-header .navbar .navbar__content .navbar__content-left .van-icon, .customer-container-header .navbar .navbar__content .navbar__content-center { color: #fff } .customer-container-header-belly { height: 5.56rem; display: -webkit-box; display: -webkit-flex; display: flex } .customer-container-header-belly img { width: 100%; background-size: cover; margin: 0 } .customer-container .cg { z-index: 2; position: relative; padding: .34667rem } .customer-container .cg .cg2 { background: var(--bg_color_L2); border-radius: .26667rem; padding: .34667rem } .customer-container .cg .cg2 .til1 { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; border-bottom: .01333rem solid var(--Dividing-line_color); padding-bottom: .26667rem; margin-bottom: .26667rem } .customer-container .cg .cg2 .til1 .left { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; gap: .26667rem } .customer-container .cg .cg2 .til1 .left p { color: var(--text_color_L1); font-size: .32rem; word-break: break-all; max-width: 6rem } .customer-container .cg .cg2 .til1 .left .err { width: .8rem; height: .8rem; background: var(--borderColor-18) } .customer-container .cg .cg2 .til1 .btn { color: var(--main-color); border: .01333rem solid var(--main-color); border-radius: .13333rem; padding: .06667rem .4rem } .customer-container .cg .cg2 .til2 { color: var(--text_color_L2); font-size: .29333rem; word-break: break-all } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .feedback-container { margin-top: .32rem } .feedback-container-content { padding: 0 .32rem } .feedback-container-content-text { height: 9.13333rem; background: var(--bg_color_L2); border-radius: .26667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding: .53333rem } .feedback-container-content-text-wrapper { width: 100%; height: 5.33333rem } .feedback-container-content-text span { font-size: .32rem; color: var(--main-color) } .feedback-container-content-text textarea { border: none; font-size: .32rem; width: 100%; height: 100%; background: transparent; color: var(--text_color_L1) } .feedback-container-content-text textarea::-webkit-input-placeholder { color: var(--text_color_L3) } .feedback-container-content-text textarea::placeholder { color: var(--text_color_L3) } .feedback-container-content-uploadImg img { width: 1.86667rem } .feedback-container-content-describe { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding: .97333rem 0 1.12rem } .feedback-container-content-describe h5 { font-size: .37333rem; color: var(--darkTextW, var(--text_color_L1)); margin-bottom: .2rem } .feedback-container-content-describe img { width: 5.86667rem; margin-top: .49333rem } .feedback-container-footer { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; bottom: 1.06667rem; width: 100%; padding-bottom: .66667rem } .feedback-container-footer button { width: 8.98667rem; height: 1.06667rem; font-size: .4rem; background: var(--main_gradient-color); border-radius: 1.06667rem; color: var(--text_color_L4); border: none } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .gamestats-container-header { padding: .4rem 0 0; width: 100%; overflow: auto } .gamestats-container-header-items { width: 11.33333rem } .gamestats-container-header .van-tabs__wrap { height: .8rem } .gamestats-container-header .van-tabs--card .van-tabs__wrap .van-tab--card { width: 100%; height: .8rem; background: var(--bg_color_L2); box-shadow: none; border-radius: .53333rem; font-size: .34667rem; text-align: center; color: var(--text_color_L2); border: none; margin: 0 .06667rem } .gamestats-container-header .van-tabs--card .van-tabs__wrap .van-tabs__nav--card { border: none; background: transparent } .gamestats-container-header .van-tabs--card .van-tabs__wrap .van-tab--active { background: var(--main_gradient-color); color: var(--text_color_L4) } .gamestats-container-banner { height: 3.2rem; background: var(--bg_color_L2); border-radius: .26667rem; margin: .4rem .32rem 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .gamestats-container-banner h1 { color: var(--norm_secondary-color); font-size: .56rem; font-weight: 700 } .gamestats-container-banner span { color: var(--text_color_L2); margin-top: .32rem; font-size: .4rem } .gamestats-container-list-wrapper { padding-bottom: .50667rem } .gamestats-container-items { background: var(--darkBg, var(--bg_color_L2)); border-radius: .13333rem; margin: .32rem; padding: 0 .53333rem 0 .26667rem } .gamestats-container-item { padding-top: .36rem } .gamestats-container-item:last-child { padding-bottom: .36rem } .gamestats-container-item h1 { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; padding-bottom: .18667rem } .gamestats-container-item h1 img { width: .8rem; margin-right: .16rem; margin-left: .05333rem } .gamestats-container-item h1 span { font-size: .4rem; font-weight: 700; color: var(--text_color_L1) } .gamestats-container-item-content { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding-bottom: .10667rem } .gamestats-container-item-content img { width: .29333rem; margin-right: .42667rem; margin-left: .29333rem } .gamestats-container-item-content-list { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; width: 100% } .gamestats-container-item-content-list div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; width: 100%; padding-bottom: .25333rem } .gamestats-container-item-content-list div:last-of-type { padding-bottom: 0 !important } .gamestats-container-item-content-list div h4 { font-size: .37333rem; color: var(--text_color_L2) } .gamestats-container-item-content-list div h5 { font-size: .37333rem; color: var(--darkTextW, var(--text_color_L1)) } .gamestats-container-item-content-list div span { font-size: .37333rem; color: var(--main-color) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .gverify-container-header { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; width: 100%; height: 4.93333rem } .gverify-container-header-belly img { width: 100%; height: 100%; object-fit: cover } .gverify-container-content { padding: 0 .4rem; margin-top: .4rem } .gverify-container-content-item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; align-items: center; width: 100%; background: var(--darkBg, var(--bg_color_L2)); border-radius: .26667rem; padding: .45333rem } .gverify-container-content-item-title { width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding-bottom: .61333rem; font-size: .4rem; color: var(--textBlueLight, var(--text_color_L1)) } .gverify-container-content-item img { width: .90667rem; padding-right: .18667rem } .gverify-container-content-item-tip { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-column-gap: .33333rem; column-gap: .33333rem; font-size: .34667rem; color: var(--text_color_L2); position: relative; margin-bottom: .4rem; line-height: .53333rem } .gverify-container-content-item-tip svg { min-width: .4rem; min-height: .4rem } html:lang(ar) .gverify-container-content-item-tip svg { -webkit-transform: scaleX(-1); transform: scaleX(-1) } .gverify-container-button { width: 8.56rem; height: 1.06667rem; line-height: 1.06667rem; text-align: center; border-radius: .93333rem; font-size: .4rem; color: var(--text_color_L4); margin: .66667rem auto .56rem; background: var(--main_gradient-color) } .gverify-container .navbar__content .navbar__content-center, .gverify-container .navbar__content .van-icon { color: var(--textW) } .popup { min-height: 6.34667rem } .popup-content { padding: 0 0 .53333rem } .popup-content .info { min-height: 2.4rem; border: .01333rem solid var(--borderColor-30); padding: .26667rem; border-radius: .26667rem; margin-bottom: .66667rem } .popup-content .info .txt { font-size: .32rem; color: var(--text_color_L1); line-height: .53333rem } .popup-content .box .label { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; color: var(--text_color_L1); font-size: .42667rem; margin-bottom: .26667rem } .popup-content .box .label .img { width: .64rem; height: .64rem; display: block; margin-right: .13333rem } .popup-content .box .input { height: 1.17333rem; line-height: 1.17333rem; border-radius: .26667rem; border: none; width: 100%; padding: 0 .53333rem; background: var(--bg_color_L1); font-size: .37333rem } .popup-content .box .input::-webkit-input-placeholder { color: var(--text_color_L3) } .popup-content .box .input::placeholder { color: var(--text_color_L3) } .popup-content .box .lab { margin-top: .26667rem; color: var(--text_color_L2) } .popup-content .box .lab .icon { font-size: .4rem; color: var(--norm_red-color); -webkit-margin-end: .13333rem; margin-inline-end: .13333rem } .popup-content .box .lab>span { color: var(--norm_red-color) } .popup-content .box .other { margin-top: .26667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; color: var(--text_color_L2); font-size: .37333rem } .popup-content .box .other .service { display: inline-block; padding: .13333rem .4rem; border: .01333rem solid var(--text_color_L3); border-radius: .13333rem; color: var(--text_color_L1); font-size: .32rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .guide-container { padding: 0 .32rem .4rem } .guide-container-content { font-size: .34667rem; color: var(--text_color_L2) } .guide-container-content img { max-width: 99% !important } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .navbar-fixed { background: var(--bg_color_L2); color: var(--text_color_L1) } .navbar-fixed .van-icon { color: var(--text_color_L1) } .bonus-header { min-height: 4.26667rem; width: 100%; background-image: url(/assets/png/invitation_bg-643b61e5.png), -webkit-linear-gradient(356deg, #f99937 2.72%, #ff6922 43.54%, #ff8039 98.54%); background-image: url(/assets/png/invitation_bg-643b61e5.png), linear-gradient(94deg, #f99937 2.72%, #ff6922 43.54%, #ff8039 98.54%); background-position: top; background-repeat: no-repeat; background-size: 100% 4.8rem; padding: .36rem .26667rem; color: var(--text_color_L1) } .bonus-header-flex { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; gap: 0 .26667rem } .bonus-header-flex img { width: 2.66667rem; height: 2.66667rem } .bonus-header .title { font-size: .48rem; margin-bottom: .58667rem; color: #fff } .bonus-header .tip { font-size: .32rem; margin-bottom: .21333rem; color: #fff } .bonus-header .time { font-size: .48rem; font-weight: 500; margin-bottom: .34667rem; color: #fff } .bonus-header .nav { width: calc(100% - .64rem); margin: auto; background-color: var(--light-bg_white, var(--bg_color_L3)); padding: .32rem 0; height: 2.4rem; color: var(--text_color_L2); display: -webkit-box; display: -webkit-flex; display: flex; border-radius: .26667rem } .bonus-header .nav>div { width: 50%; text-align: center; font-size: .32rem; min-height: 1.68rem; padding-top: 1.46667rem; background-repeat: no-repeat; background-size: 1.33333rem; background-position: top } .bonus-header .nav>div.rule { background-image: url(/assets/svg/inviterule-91aa42fc.svg) } .bonus-header .nav>div.record { background-image: url(/assets/svg/inviterecord-632cc2e0.svg) } .bonus-container { padding: .32rem } .bonus-items { width: 100%; background: var(--bg_color_L2); border-radius: .26667rem; margin-top: .26667rem; padding-bottom: .46667rem } .bonus-items .head { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; min-height: 1.06667rem; margin-bottom: .26667rem } .bonus-items .head .left { background-color: var(--bg_color_L3); min-width: 3.73333rem; -webkit-box-flex: 0; -webkit-flex: none; flex: none; padding: 0 .93333rem 0 .26667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; border-radius: .26667rem 0 0; position: relative; color: var(--text_white, var(--text_color_L1)); background-image: url(/assets/svg/unfinish-43bc1495.svg); background-repeat: no-repeat; background-size: .64rem; background-position: right .4rem center; border-radius: .21333rem 0 .53333rem } .bonus-items .head .left>div { min-width: .48rem; height: .48rem; background-color: var(--light-bg_white, var(--text_color_L1)); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; color: var(--text_color_L3); border-radius: 50%; margin-left: .10667rem } .bonus-items .head .right { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; font-size: .34667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: right; -webkit-justify-content: right; justify-content: right; line-height: .34667rem; padding-right: .26667rem; color: var(--norm_secondary-color); font-weight: 700; border-bottom: .01333rem solid var(--Dividing-line_color) } .bonus-items .head.isFinshed .left { background-image: url(/assets/svg/righticon-84e23970.svg); background-color: var(--norm_green-color) } .bonus-items .head.isFinshed .left>div { color: var(--norm_green-color) } .bonus-items .detail { background-color: var(--bg_color_L3); color: var(--text_color_L1); border-radius: .05333rem; min-height: .66667rem; line-height: .66667rem; display: -webkit-box; display: -webkit-flex; display: flex; width: calc(100% - .64rem); margin: auto } .bonus-items .detail>div { width: 50% } .bonus-items .detail .text { padding: 0 .26667rem; font-size: .32rem; color: var(--text_color_L1) } .bonus-items .detail .people, .bonus-items .detail .num { text-align: center; font-size: .37333rem; color: var(--text_color_L1) } .bonus-items .detail .num { color: var(--norm_red-color) } .bonus-items .detail+.detail { margin-top: .13333rem } .bonus-items .line { border: .01333rem dashed var(--Dividing-line_color); margin: .48rem auto; position: relative; width: calc(100% - 1.14667rem); padding: 0 .13333rem } .bonus-items .line:after, .bonus-items .line:before { content: ""; display: block; border-radius: 50%; background-color: var(--bg_color_L1); position: absolute; width: .56rem; height: .56rem; top: -.28rem } .bonus-items .line:after { right: -.82667rem } .bonus-items .line:before { left: -.82667rem } .bonus-items .task { display: -webkit-box; display: -webkit-flex; display: flex; min-height: 1.06667rem } .bonus-items .task>div { width: 50%; text-align: center } .bonus-items .task>div:last-of-type { -webkit-border-start: .01333rem solid var(--Dividing-line_color); border-inline-start: .01333rem solid var(--Dividing-line_color) } .bonus-items .task>div .peopleval, .bonus-items .task>div .rechargeval { font-size: .42667rem; font-weight: 500; margin-bottom: .13333rem } .bonus-items .task>div .peopleval { color: var(--norm_secondary-color) } .bonus-items .task>div .rechargeval { color: var(--norm_red-color) } .bonus-items .task>div .text { color: var(--text_color_L2) } .bonus-items .btn { background: var(--button_dis_color, var(--bg_color_L3)); font-size: .4rem; font-weight: 700; color: var(--text_white, var(--text_color_L1)); min-height: .93333rem; line-height: .93333rem; text-align: center; width: calc(100% - .53333rem); margin: .42667rem auto 0; border-radius: .93333rem } .bonus-items .btn.active { background: var(--main_gradient-color); color: var(--text_color_L4) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .languages { padding-bottom: .4rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .dialog__container .dialog__container-img { height: 2.4rem; margin-top: -1.06667rem } .dialog__container .dialog__container-img img { width: 100%; height: 100% } .Laundry-page { overflow: hidden; padding: 0 .32rem } .Laundry-page .tabs { background: var(--bg_color_L1); height: 1.86667rem } .Laundry-page .tab_item { width: 2.53333rem; height: 1.33333rem; margin-inline: .06667rem; padding: 0; color: var(--text_color_L2) !important; border-radius: .13333rem; background: var(--bg_color_L2); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .Laundry-page .tab_item svg { height: .66667rem; width: .66667rem } .Laundry-page .tab_item span { font-size: .32rem } .Laundry-page .tab_active { color: var(--text_color_L4) !important; background: var(--main_gradient-color) } .Laundry-page :v-deep(.fun-tabs .fun-tab-item) { padding: .18667rem 0 } .Laundry-page-tabBar { padding-inline: .32rem } .Laundry-page-tabBar .van-tabs__nav--card { height: 1.86667rem; margin: 0 } .Laundry-page-tabBar .van-tabs__nav--card .van-tab--card { width: 2.53333rem; height: 1.33333rem; margin-inline: .06667rem; padding: 0; color: var(--text_color_L2) !important; border-radius: .13333rem; background: var(--darkBg, var(--bg_color_L2)) } .Laundry-page-tabBar .van-tabs__nav--card .van-tab--card>span { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; width: 100%; height: 100% } .Laundry-page-tabBar .van-tabs__nav--card .van-tab--card>span img { width: .66667rem; height: auto } .Laundry-page-tabBar .van-tabs__nav--card .van-tab--card>span span { font-size: .32rem } .Laundry-page-tabBar .van-tabs__nav--card .van-tab--card.van-tab--active { color: var(--textW) !important; background: var(--main_gradient-color) } .Laundry-page .laundry-page_container .laundry-page_box { background: var(--bg_color_L2); border-radius: .13333rem; padding: .2rem } .Laundry-page .laundry-page_container .laundry-page_box .title { height: .66667rem; line-height: .66667rem; font-size: .37333rem; color: var(--text_color_L1) } .Laundry-page .laundry-page_container .laundry-page_box .lab { display: -webkit-box; display: -webkit-flex; display: flex; width: 3.33333rem; -webkit-box-align: center; -webkit-align-items: center; align-items: center; min-height: .56rem; height: .66667rem; line-height: .66667rem; border: .01333rem solid var(--main-color); border-radius: .13333rem; padding: 0 .16rem; font-size: .29333rem; gap: .12rem; color: var(--main-color) } .Laundry-page .laundry-page_container .laundry-page_box .lab svg { width: .48rem; height: .48rem } .Laundry-page .laundry-page_container .laundry-page_box .number { color: var(--darkTextW, var(--text_color_L1)); font-weight: 700; font-size: .48rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-align-content: center; align-content: center; margin: .26667rem 0 } .Laundry-page .laundry-page_container .laundry-page_box .number .wallet { width: .53333rem; margin-right: .2rem } .Laundry-page .laundry-page_container .laundry-page_box .number svg { color: var(--main-color); height: .64rem; width: .64rem; -webkit-margin-end: .17333rem; margin-inline-end: .17333rem } .Laundry-page .laundry-page_container .laundry-page_box .txt { background: var(--bg_color_L3); margin-bottom: .2rem; width: 85%; line-height: .4rem; padding: .2rem; font-size: .29333rem; border-radius: .13333rem; color: var(--text_color_L2) } .Laundry-page .laundry-page_container .laundry-page_box .tip { padding: .2rem; color: var(--text_color_L2) } .Laundry-page .laundry-page_container .laundry-page_box .c-row { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .Laundry-page .laundry-page_container .laundry-page_box .c-row .item { width: calc(50% - .09333rem); background: var(--bg_color_L3); padding: .2rem; border-radius: .13333rem } .Laundry-page .laundry-page_container .laundry-page_box .c-row .item .tit { color: var(--text_color_L2); font-size: .29333rem; margin-bottom: .13333rem } .Laundry-page .laundry-page_container .laundry-page_box .c-row .item .num { color: var(--norm_secondary-color); font-size: .42667rem; font-weight: 700 } .Laundry-page .laundry-page_container .laundry-page_box .c-row .item .num.red { color: var(--norm_red-color) } .Laundry-page .laundry-page_container .laundry-page_box .btn { width: 8.8rem; height: .93333rem; line-height: .93333rem; text-align: center; background: var(--button_dis_color, var(--bg_color_L3)); border-radius: 1.06667rem; font-size: .4rem; color: var(--text_color_L1); border: none; margin-top: .08rem } .Laundry-page .laundry-page_container .laundry-page_box .btn.active { background: var(--main_gradient-color); color: var(--text_color_L4) } .Laundry-page .laundry-page_container .laundry-page_box .rule { height: .8rem; line-height: .8rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; font-size: .32rem; color: var(--text_color_L2); margin-top: .13333rem } .Laundry-page .laundry-page_container .laundry-page_box .rule-img { height: .53333rem; width: .53333rem } .Laundry-page .laundry-page_container .laundry-page_list { margin-top: .26667rem; padding-bottom: .4rem } .Laundry-page .laundry-page_container .laundry-page_list .title { height: .66667rem; line-height: .66667rem; padding-left: .26667rem; font-weight: 700; font-size: .48rem; position: relative; margin-bottom: .26667rem; color: var(--text_color_L1) } .Laundry-page .laundry-page_container .laundry-page_list .title:before { display: block; content: ""; height: .4rem; width: .08rem; background: var(--main-color); position: absolute; left: 0; top: 50%; -webkit-transform: translate(0, -50%); transform: translateY(-50%) } .Laundry-page .laundry-page_container .laundry-page_list .list { margin-top: .26667rem } .Laundry-page .laundry-page_container .laundry-page_list .list .item { margin-bottom: .26667rem; background: var(--bg_color_L2); border-radius: .13333rem; padding: .2rem } .Laundry-page .laundry-page_container .laundry-page_list .list .item .header { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding-bottom: .13333rem; margin-bottom: .2rem; border-bottom: .01333rem solid var(--Dividing-line_color) } .Laundry-page .laundry-page_container .laundry-page_list .list .item .header .name { font-size: .4rem; font-weight: 700; color: var(--text_color_L1, ); margin-bottom: .2rem } .Laundry-page .laundry-page_container .laundry-page_list .list .item .header .time { font-size: .29333rem; color: var(--text_color_L3) } .Laundry-page .laundry-page_container .laundry-page_list .list .item .header .state { font-size: .37333rem; color: #40c592 } .Laundry-page .laundry-page_container .laundry-page_list .list .item .body { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .Laundry-page .laundry-page_container .laundry-page_list .list .item .body .left { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; color: var(--text_color_L3); font-size: .32rem; height: 2.4rem } .Laundry-page .laundry-page_container .laundry-page_list .list .item .body .left .imgBox { padding: .2rem 0; margin-right: .2rem } .Laundry-page .laundry-page_container .laundry-page_list .list .item .body .left .imgBox .img { height: 100% } .Laundry-page .laundry-page_container .laundry-page_list .list .item .body .left div>p { line-height: .8rem; font-size: .32rem; color: var(--text_color_L2) } .Laundry-page .laundry-page_container .laundry-page_list .list .item .body .right { text-align: right; color: var(--text_color_L1) } .Laundry-page .laundry-page_container .laundry-page_list .list .item .body .right>p { line-height: .8rem; font-size: .32rem; color: var(--text_color_L1) } .Laundry-page .laundry-page_container .laundry-page_list .list .item .body .right>p.red { color: var(--norm_red-color) } .Laundry-page .laundry-page_container .laundry-page_list .list .item .body .right>p.orange { color: var(--norm_secondary-color) } .Laundry-page .laundry-page_container .laundry-page_list .all-record { height: 1rem; border-color: var(--main-color) !important; color: var(--main-color) !important; background: var(--bg_color_L2) } .Laundry-page .dialog__container-img { width: 3.74667rem; height: 2.46667rem } .Laundry-page .dialog__container-content { text-align: center } .Laundry-page .dialog__container-content .Laundry-Con_tip { font-size: .32rem; color: var(--text_color_L2); margin: 0 0 .53333rem } .Laundry-page .dialog__container-content .Laundry-Con_txt { font-size: .32rem; color: var(--text_color_L1) } .Laundry-page .dialog__container-content .Laundry-Con_txt .number { color: var(--norm_secondary-color); font-size: .4rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .coins-container { padding: 0 .32rem } .coins-container-header { height: 2.26667rem; width: 100%; border-radius: .13333rem; position: relative } .coins-container-header .bg2 { width: 100%; height: 100%; position: absolute; right: 0; top: 0 } .coins-container-header .imgBanner { width: 1.96rem; height: 1.93333rem; position: absolute; right: .54667rem; top: .17333rem; z-index: 99 } .coins-container-header .tip { position: absolute; top: .48rem; left: .38667rem } .coins-container-header .tip div { color: var(--textW); font-size: .58667rem } .coins-container-header .tip div:first-child { font-weight: 700; font-size: .37333rem; margin-bottom: .34667rem } .coins-container-content-desc { font-size: .37333rem; padding-top: .33333rem } .coins-container-content-desc h2 { color: var(--text_color_L2); padding-bottom: .18667rem } .coins-container-content-desc h3 { color: var(--text_color_L1); padding-bottom: .18667rem } .coins-container-content-desc span { color: var(--main-color) } .coins-container-content-vipcard { margin: .26667rem 0; padding: .45333rem .28rem .13333rem; background: var(--bg_color_L2); border-radius: .13333rem } .coins-container-content-vipcard-title { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; font-weight: 700; font-size: .42667rem; margin-bottom: .32rem } .coins-container-content-vipcard-title img { width: .72rem; height: .49333rem; margin-right: .16rem } .coins-container-content-vipcard h1 { position: relative } .coins-container-content-vipcard h1 input { height: 1.17333rem; width: 8.8rem; border-radius: 1.17333rem; background: var(--walletBgColor-1); color: var(--text_color_L1); font-size: .37333rem; border: none; padding-left: .74667rem } .coins-container-content-vipcard h1 span { font-size: .29333rem; color: var(--main-color) } .coins-container-content-vipcard h1 .clearImg { position: absolute; width: .64rem; height: .64rem; right: .53333rem; top: .26667rem } .coins-container-content-vipcard h2 { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; font-size: .37333rem; margin-top: .62667rem; margin-bottom: .57333rem } .coins-container-content-vipcard h2 p { color: var(--text_color_L1) } .coins-container-content-vipcard h2 div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .coins-container-content-vipcard h2 img { width: .48rem; height: .48rem; margin-right: .12rem } .coins-container-content-vipcard h2 span { color: var(--norm_secondary-color) } .coins-container-content-vipcard-coin { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-around; justify-content: space-around } .coins-container-content-vipcard-coin div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; width: 2.66667rem; height: 1.33333rem; border-radius: .13333rem; border: .01333rem solid var(--Dividing-line_color); font-size: .32rem; margin-bottom: .26667rem } .coins-container-content-vipcard-coin div h1 { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .coins-container-content-vipcard-coin div h1 img { width: .4rem; height: .4rem; margin-right: .10667rem } .coins-container-content-vipcard-coin div h1 span { color: var(--DailyTaskTextColor-3); font-size: .34667rem } .coins-container-content-vipcard-coin div p { text-align: center; margin-top: .08rem } .coins-container-content-btn { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column } .coins-container-content-btn button { width: 100%; height: .93333rem; border-radius: .93333rem; font-size: .42667rem; margin-top: .34667rem } .coins-container-content-btn .redeem { color: var(--textW); border: none; background: var(--main_gradient-color2) } .coins-container-content-btn .gainCoins { border: .01333rem solid var(--main-color); background-color: #f6f6f6; color: var(--text_color_L1) } .coins-container-content-btn .gainCoins span { color: var(--main-color) } .coins-container-content-recordcard { background: var(--bg_color_L2); width: 100%; border-radius: .13333rem; padding: .42667rem .18667rem .53333rem; margin-top: .53333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column } .coins-container-content-recordcard-title { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; font-weight: 700; font-size: .42667rem } .coins-container-content-recordcard-title img { width: .53333rem; height: .53333rem; margin-right: .21333rem; margin-top: .05333rem } .coins-container-content-recordcard-title h1 { width: 100%; padding-bottom: .26667rem } .coins-container-content-recordcard-items { padding-top: .61333rem } .coins-container-content-recordcard-items h1 { color: var(--text_color_L1); font-size: .45333rem; margin-bottom: .24rem } .coins-container-content-recordcard-items p { color: var(--text_color_L2); font-size: .34667rem; margin-bottom: .61333rem } .coins-container-content-recordcard-items div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding-bottom: .53333rem } .coins-container-content-recordcard-items div img { width: .48rem; height: .48rem } .coins-container-content-recordcard-items div h2 { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .coins-container-content-recordcard-items div h2 img { width: .48rem; height: .48rem; margin-right: .18667rem } .coins-container-content-recordcard-items div h2 span { color: var(--text_color_L1); font-size: .4rem } .van-dialog { overflow: visible } .van-dialog .van-dialog__content { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .explain { box-shadow: none } .van-dialog__content { padding-bottom: .26667rem } .van-dialog__content img.succeed { width: 3.73333rem } .van-dialog__content-title { color: var(--text_color_L1); font-weight: 700; font-size: .48rem; margin: .32rem 0 .6rem } .van-dialog__content-note { margin-bottom: 2.5rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; font-size: .37333rem; width: 100% } .van-dialog__content-note div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .van-dialog__content-note div h2 { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; font-size: .37333rem; color: var(--norm_secondary-color) } .van-dialog__content-note div h2 img { width: .48rem; margin: 0 .13333rem 0 .8rem } .van-dialog__content-btn { width: 5.33333rem; height: 1.06667rem; background: var(--main_gradient-color); border-radius: 1.06667rem; text-align: center; line-height: 1.06667rem; font-size: .42667rem; color: var(--text_color_L4); margin-bottom: .53333rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .myCps { padding: 0 .26667rem } .myCps .state { width: 2.26667rem; position: absolute; bottom: -.02667rem; left: -.01333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; color: var(--text_color_L1); font-size: .29333rem; font-weight: 500; padding: .2rem .13333rem } .myCps .state.state1 { background: url(/assets/png/orderPending-800494a8.png) no-repeat center; background-size: 100% 100% } .myCps .state.state2 { background: url(/assets/png/orderCanceled-24ddf61e.png) no-repeat center; background-size: 100% 100% } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .notification-container { padding: 0 .32rem .4rem } .notification-container-content { min-height: 2.66667rem; background: var(--bg_color_L2); border-radius: .26667rem; padding: .34667rem .32rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin-bottom: .32rem; color: var(--text_color_L1) } .notification-container-content-desc { margin-top: .32rem; word-break: break-all; color: var(--text_color_L2) } .notification-container-content-title { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start } .notification-container-content-title span { font-size: .42667rem; color: var(--text_color_L1) } .notification-container-content-title svg { min-width: .66667rem; min-height: .66667rem; -webkit-margin-end: .16rem; margin-inline-end: .16rem } .notification-container-content-detail { height: 100%; font-size: .34667rem; line-height: .66667rem; color: var(--text_color_L2); padding: .4rem .6rem .4rem .8rem } .notification-container-content h5 { margin-top: .34667rem; font-size: .32rem; color: var(--text_color_L3) } .notification-container-empty { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .redeem-container-header { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; width: 100%; height: 5.84rem; background: var(--main_gradient-color) } .redeem-container-header-belly { display: -webkit-box; display: -webkit-flex; display: flex } .redeem-container-header-belly img { width: 10rem; height: 4.86667rem; background-position: cover } .redeem-container-content { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .redeem-container-receive { height: 7.33333rem; width: calc(100% - .64rem); background: var(--bg_color_L2); border-radius: .26667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; padding: .33333rem .46667rem; margin-top: .4rem } .redeem-container-receive p { font-size: .37333rem; color: var(--text_color_L2); padding-top: .16rem } .redeem-container-receive h4 { font-size: .37333rem; color: var(--text_color_L1); margin-top: .90667rem } .redeem-container-receive input { width: 100%; height: 1.06667rem; background: var(--bg_color_L1); border-radius: .8rem; border: none; font-size: .4rem; color: var(--text_color_L1); padding: .29333rem .56rem; margin-top: .34667rem } .redeem-container-receive input::-webkit-input-placeholder { font-size: .4rem; color: var(--text_color_L3) } .redeem-container-receive input::placeholder { font-size: .4rem; color: var(--text_color_L3) } .redeem-container-receive h5 { font-size: .32rem; color: var(--main-color); margin-top: .16rem; padding-left: .36rem } .redeem-container-receive button { width: 100%; height: 1.06667rem; line-height: 1.06667rem; text-align: center; background: var(--main_gradient-color); border-radius: 1.06667rem; font-size: .4rem; color: var(--text_color_L4); border: none; margin-top: .74667rem } .redeem-container-record { margin: .4rem 0 .29333rem; width: calc(100% - .64rem); padding: .34667rem .32rem; background: var(--darkBg, var(--bg_color_L2)); border-radius: .26667rem } .redeem-container-record-title { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .redeem-container-record-title svg { width: .64rem; height: .64rem; padding-right: .13333rem } .redeem-container-record-title span { font-size: .4rem; color: var(--darkTextW, var(--text_color_L1)) } .redeem-container-record-itemsBox { height: 8.66667rem; overflow-y: auto } .redeem-container-record-item { padding: .45333rem 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .redeem-container-record-item img { width: .64rem } .redeem-container-record-item-left { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start } .redeem-container-record-item-left h5 { font-size: .4rem; color: var(--norm_green-color) } .redeem-container-record-item-left span { padding-top: .26667rem; font-size: .32rem; color: var(--text_color_L2) } .redeem-container-record-item-right { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; width: 2.53333rem; height: .53333rem; border: .00667rem solid var(--norm_secondary-color); border-radius: .13333rem; padding: 0 .2rem } .redeem-container-record-item-right img { margin-top: -.05333rem; width: .4rem } .redeem-container-record-item-right span { font-size: .34667rem; color: var(--norm_secondary-color) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .van-nav-bar { background: transparent } .van-nav-bar__title, .van-nav-bar__arrow { color: var(--textW) } .icon { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; width: 1.06667rem; height: 1.06667rem; border-radius: .26667rem } .icon.email svg { min-height: .93333rem } .icon svg { min-width: 1.33333rem; min-height: 1.33333rem; color: var(--main-color) } .content { position: relative; top: .32rem; padding-top: 2.4rem; -webkit-padding-after: .13333rem; padding-block-end: .13333rem } .content .cg-default { margin-top: 1.13333rem } .content .content-sub_title { margin-top: .4rem } .content .content-sub_title>div { font-size: .42667rem; color: var(--darkTextW, var(--text_color_L1)); font-weight: 700; padding-left: .26667rem; margin-bottom: .26667rem; border-left: .08rem solid var(--main-color) } .content .clearbutton { width: 7.73333rem; height: 1.06667rem; color: var(--textW); font-size: .48rem; font-weight: 700; letter-spacing: .05333rem; border-radius: 1.06667rem; border: none; background: var(--main_gradient-color) } .content .clearbutton.disable-btn { background: var(--main_gradient-color); box-shadow: var(--BoxShadowColor-3) } .setting_container .setting_container_item { height: 1.86667rem; background: var(--bg_color_L2); border-radius: .26667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding: .34667rem .28rem; margin-bottom: .4rem } .setting_container .setting_container_item:last-of-type div .icon svg { min-width: .93333rem; min-height: .93333rem } .setting_container .setting_container_item div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .setting_container .setting_container_item div img { max-width: 1.06667rem } .setting_container .setting_container_item div:last-of-type span { color: var(--text_color_L2) } .setting_container .setting_container_item span { font-size: .37333rem; color: var(--text_color_L1); padding: 0 .34667rem } .setting_container .setting_container_item span.green { color: var(--norm_green-color) } .setting_container .setting_container_item h5 { display: inline-block; font-size: .34667rem; color: var(--text_color_L2); margin-right: .45333rem } .phone_container { background: var(--bg_color_L2); border-radius: .26667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; padding: 0 .28rem; margin-bottom: .4rem } .phone_container-item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding: .4rem 0 } .phone_container-item-left { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .phone_container-item-left span { font-size: .37333rem; color: var(--text_color_L1); padding-left: .33333rem } .phone_container-item-right { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .phone_container-item-right span { font-size: .37333rem; color: var(--text_color_L2); padding-right: .24rem } .phone_container-item-right .phoneright, .phone_container-item-right .emailright { padding-right: .21333rem } .phone_container-item-right .phoneright>div, .phone_container-item-right .emailright>div { text-align: center } .phone_container-item-right .phoneright>div:nth-child(1), .phone_container-item-right .emailright>div:nth-child(1) { color: var(--text_color_L2); font-size: .34667rem } .phone_container-item-right .phoneright>div:nth-child(2), .phone_container-item-right .emailright>div:nth-child(2) { color: var(--main-color); font-size: .34667rem } .van-icon { font-size: .37333rem } .delAllRq { width: 9.06667rem; height: .93333rem; line-height: .93333rem; background-image: var(--main_gradient-color); color: var(--textW); border-radius: .46667rem; margin: .8rem auto; font-size: .4rem; text-align: center } .dialog__container-footer { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; height: -webkit-fit-content; height: fit-content; margin-top: 1.06667rem } .dialog__container-footer .dialogBtn { width: 6.66667rem; height: 1.06667rem; -webkit-box-flex: 0; -webkit-flex: none; flex: none; border-radius: .53333rem; line-height: 1.06667rem; background: var(--main_gradient-color); color: var(--textW); font-size: .42667rem; font-weight: 700; text-align: center } .dialog__container-footer .dialogBtn+.dialogBtn { border: .01333rem solid var(--main-color); color: var(--main-color); background: var(--bg_color_L2); text-shadow: none; box-shadow: none; font-weight: 400 } .userInfo__container-content__avatar { border-width: .05333rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .TotalAssets__container { width: 100%; height: 3.46667rem; background-repeat: no-repeat; background-size: 100%; background-position: center; border-radius: .26667rem; color: var(--text_color_L4); padding: .38667rem .33333rem 0; background-image: url(/assets/png/TotalAssetsBg-2d289a9b.png) } .TotalAssets__container-header { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; height: .53333rem } .TotalAssets__container-header__left { font-weight: 400; font-size: .34667rem } .TotalAssets__container-header__left svg { margin-right: .21333rem; min-width: .48rem; min-height: .48rem } .TotalAssets__container-header__right { height: .53333rem; border: .01333rem solid var(--text_color_L4); border-radius: .18667rem; font-weight: 400; font-size: .29333rem; padding: 0 .36rem; color: var(--text_color_L4) } .TotalAssets__container-header__right svg { -webkit-margin-end: .09333rem; margin-inline-end: .09333rem; min-width: .36rem; min-height: .4rem } .TotalAssets__container-header__left, .TotalAssets__container-header__right { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .TotalAssets__container-header__left img, .TotalAssets__container-header__right img { width: .4rem; height: .4rem; -webkit-margin-end: .21333rem; margin-inline-end: .21333rem } .TotalAssets__container-main { height: .73333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin: .21333rem .37333rem .37333rem 0; font-weight: 700; font-size: .64rem; text-shadow: 0 .01333rem 0 rgba(0, 0, 0, .12) } .TotalAssets__container-tip { font-size: .29333rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .StrongBoxRecordCard__container { height: 3.73333rem; background: var(--darkBg, var(--bg_color_L2)); box-shadow: var(--BoxShadowColor-9); border-radius: .13333rem; padding: .33333rem .18667rem .37333rem } .StrongBoxRecordCard__container-buttom { width: 2.13333rem; height: .53333rem; border: .01333rem solid var(--main-color); color: var(--main-color); font-weight: 500; font-size: .32rem; border-radius: .13333rem; text-align: center } .StrongBoxRecordCard__container>div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .StrongBoxRecordCard__container>div+div { margin-top: .13333rem } .StrongBoxRecordCard__container>div:last-child { margin-top: .26667rem } .StrongBoxRecordCard__container-num { font-size: .4rem; color: var(--norm_secondary-color) } .StrongBoxRecordCard__container-first { height: .53333rem } .StrongBoxRecordCard__container-first.transferIn .StrongBoxRecordCard__container-buttom { background-color: var(--main-color); color: var(--text_color_L4) } .StrongBoxRecordCard__container-first.transferIn .StrongBoxRecordCard__container-num { font-size: .4rem; color: var(--norm_secondary-color) } .StrongBoxRecordCard__container-rale { height: .8rem; line-height: .8rem; background: var(--bg_color_L1); font-size: .32rem; color: var(--norm_green-color); padding: 0 .26667rem } .StrongBoxRecordCard__container-rale-num { font-weight: 500; font-size: .37333rem; color: var(--norm_red-color) } .StrongBoxRecordCard__container-last { font-size: .32rem; color: var(--text_color_L2) } .StrongBoxRecordCard__container-last>span:last-child span+span { margin-left: .24rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .StrongBox__container { position: relative; width: 100%; font-family: Inter, sans-serif; overflow: hidden; padding: .32rem .34667rem } .StrongBox__container .navbar__content-left .van-icon { line-height: 1.6rem; font-size: .48rem } .StrongBox__container-dailyRate { margin: auto; width: 4.16rem; height: .53333rem; line-height: .53333rem; text-align: center; color: var(--norm_red-color); background: var(--bg_color_L2, var(--bg_color_L3)); border-radius: .53333rem; font-weight: 400; font-size: .32rem; font-style: normal; box-shadow: var(--BoxShadowColor-9); margin-bottom: .26667rem } .StrongBox__container-income { margin-top: .26667rem; min-height: 5.13333rem; background: var(--bg_color_L2); border-radius: .13333rem; padding: .4rem .18667rem .10667rem } .StrongBox__container-income-header { display: -webkit-box; display: -webkit-flex; display: flex } .StrongBox__container-income-header-left, .StrongBox__container-income-header-right { text-align: center; padding-top: .12rem; width: 50%; padding: .12rem .26667rem 0 } .StrongBox__container-income-header-left-text, .StrongBox__container-income-header-right-text { height: .37333rem; font-size: .32rem; color: var(--text_color_L2); margin: .16rem 0 } .StrongBox__container-income-header-left-myrale, .StrongBox__container-income-header-right-myrale { height: .48rem; border: .01333rem solid var(--text_color_L3); border-radius: .53333rem; min-width: 2.93333rem; font-size: .29333rem; color: var(--text_color_L3); margin: auto } .StrongBox__container-income-header-left-num { color: var(--textBlueLight, var(--norm_red-color)); height: .48rem; line-height: .48rem; font-size: .48rem } .StrongBox__container-income-header-right { border-left: .01333rem solid var(--bg_color_L3) } .StrongBox__container-income-header-right-num { color: var(--text_color_L1); height: .48rem; line-height: .48rem; font-size: .4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .StrongBox__container-income-buttom { margin-top: .33333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .StrongBox__container-income-buttom>div { width: 4.34667rem; height: .93333rem; line-height: .93333rem; border: .01333rem solid var(--main-color); border-radius: .13333rem; font-size: .37333rem; font-weight: 400; color: var(--main-color); text-align: center } .StrongBox__container-income-buttom>div+div { background: var(--main-color) !important; color: var(--text_color_L4) } .StrongBox__container-income-tip { font-size: .29333rem; color: var(--textBlueLight, var(--norm_red-color)); margin-top: .33333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; text-align: left } .StrongBox__container-income-godetail { text-align: center; height: .4rem; line-height: .4rem; font-size: .32rem; color: var(--text_color_L2); margin-top: .46667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .StrongBox__container-income-godetail img { width: .42667rem; height: .42667rem } .StrongBox__container-record { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; font-weight: 600; font-size: .42667rem; color: var(--darkTextW, var(--text_color_L1)); margin-top: .8rem; margin-bottom: .49333rem } .StrongBox__container-record>svg { width: .64rem; height: .64rem; -webkit-margin-end: .13333rem; margin-inline-end: .13333rem } .StrongBox__container-record-card { margin-bottom: .26667rem } .StrongBox__container-allRecord { height: 1.06667rem; line-height: 1.06667rem; text-align: center; border: .01333rem solid var(--main-color); border-radius: .8rem; font-weight: 400; font-size: .37333rem; color: var(--main-color); margin-top: .8rem } .StrongBox__container-errorTip { width: .4rem; height: .4rem; margin-right: .12rem } .cancelOrderDialog { padding: .53333rem .26667rem; border-radius: .26667rem } .cancelOrderDialog .van-dialog__content { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cancelOrderDialog .van-dialog__content img { width: 2.13333rem; height: 2.13333rem } .cancelOrderDialog .van-dialog__content p { margin-top: .34667rem; font-size: .48rem; font-weight: 700 } .cancelOrderDialog .van-dialog__content .tipText { margin-top: .26667rem; font-weight: 400; font-size: .32rem; color: var(--text_color_L2) } .cancelOrderDialog .dialog-btnWrapper { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; gap: 1rem; width: 100%; margin-top: 3rem; padding: 0 1rem } .cancelOrderDialog .dialog-btnWrapper button { width: 3.12rem; height: 1.06667rem; color: var(--main-color); font-size: .42667rem; text-align: center; border-radius: 9rem; border: .01333rem solid var(--main-color); background: transparent } .cancelOrderDialog .dialog-btnWrapper button:last-of-type { width: 4.34667rem; color: var(--text_color_L4); background: var(--main_gradient-color) } .cancelOrderDialog.cancelOrderDialogSuccess .dialog-btnWrapper { -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .popupStyle { overflow-y: "initial" } .popup__header { height: .58667rem; font-weight: 400; font-size: .48rem; line-height: .58667rem; margin-top: .46667rem; color: var(--text_color_L1); text-align: center } .popup__amount { width: 5.86667rem; height: .53333rem; background: var(--bg_color_L3); border-radius: .8rem; color: var(--text_color_L2); margin: auto; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin-top: .22667rem; margin-bottom: .38667rem } .popup__amount div { height: .36rem; line-height: .36rem; font-size: .29333rem; width: 50%; text-align: right; padding-right: .4rem } .popup__amount div+div { -webkit-border-start: .01333rem solid var(--Dividing-line_color); border-inline-start: .01333rem solid var(--Dividing-line_color); color: var(--norm_secondary-color); text-align: left; padding-left: .4rem } .popup__container { padding: 0 .33333rem } .popup__container-sumbit { height: 1.06667rem; line-height: 1.06667rem; color: var(--text_white, var(--main-color)); background: var(--light-main_gradient-color, var(--bg_color_L3)); text-align: center; font-weight: 700; font-size: .45333rem; margin-top: .37333rem } .popup__container-sumbit.disabled { background: var(--button_dis_color); color: var(--text_white, var(--text_color_L2)); pointer-events: none } .popup__container-closeBtn { width: .64rem; height: .64rem; position: absolute; top: 0; right: .29333rem } .popup__container-input { border: .01333rem solid var(--bg_color_L3); height: .93333rem; border-radius: .16rem; padding: 0 .26667rem; -webkit-box-align: center; -webkit-align-items: center; align-items: center; background: unset; color: var(--text_color_L1) } .popup__container-input .van-field__clear { font-size: .56rem } .popup__container-allBtn { height: .48rem; font-weight: 400; font-size: .32rem; line-height: .48rem; color: var(--norm_red-color); position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: .52rem } .popup__container-errorTip { height: .48rem; line-height: .48rem; font-weight: 400; font-size: .29333rem; color: var(--norm_red-color); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin-top: .10667rem } .popup__container .van-cell:after { display: none } .popup__container-multiple { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin: .37333rem 0 .2rem } .popup__container-multiple>div { width: calc(25% - .28rem); height: .8rem; line-height: .8rem; text-align: center; background: var(--bg_color_L3); border-radius: .13333rem; font-weight: 400; font-size: .42667rem; color: var(--text_color_L1); margin-bottom: .21333rem } .popup__container-multiple>div.active { background: var(--main_gradient-color); color: var(--text_color_L4) } .popup__container .betTip { font-size: .32rem; font-weight: 400; color: var(--text_color_L2); margin-top: .26667rem; margin-bottom: .58667rem } .popup__container .betTip span { color: var(--norm_red-color) } .popup__container-numLine { height: .8rem; line-height: .8rem; border: .01333rem solid var(--bg_color_L3); display: -webkit-box; display: -webkit-flex; display: flex; font-size: .34667rem } .popup__container-numLine-num { font-weight: 400; font-size: .4rem; color: var(--text_color_L1) } .popup__container-numLine-num.red { color: var(--norm_red-color); font-weight: 500 } .popup__container-numLine>div { width: 50%; padding-left: .74667rem } .popup__container-numLine>div:first-child { background: -webkit-linear-gradient(152deg, transparent .46667rem, var(--bg_color_L3) 0) 0 0; background: linear-gradient(298deg, transparent .46667rem, var(--bg_color_L3) 0) 0 0; color: var(--text_color_L2); padding-left: .26667rem } .popup__container-numLine+.popup__container-numLine { margin-top: .25333rem } .popup__container-slider { height: 1.86667rem; padding-top: .42667rem } .popup__container-slider-button { width: .48rem; height: .48rem; border-radius: 50%; background: var(--main-color); position: relative } .popup__container-slider-button:before { content: ""; display: block; width: .42667rem; height: .42667rem; border-radius: 50%; background: var(--main-color); position: relative; top: .02667rem; left: .02667rem } .popup__container-slider-foot { height: .53333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin-top: .30667rem } .popup__container-slider-foot>div { height: .53333rem; line-height: .53333rem; border: .01333rem solid var(--norm_red-color); border-radius: .08rem; min-width: 1.06667rem; padding: 0 .2rem; color: var(--norm_red-color); text-align: center } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .Xg-page { overflow: hidden } .Xg-page .Xg-info { padding: 0 .33333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; background-image: url(/assets/png/superJackpot-53463ffb.png); background-repeat: no-repeat; background-size: cover; min-height: 4.93333rem } .Xg-page .Xg-info>div { max-width: 5.12rem } .Xg-page .Xg-info .tit { color: #fff; font-size: .56rem; font-weight: 700; margin: .53333rem 0 .66667rem } .Xg-page .tip, .Xg-page .txt { color: #fff; margin-bottom: .26667rem } .Xg-page .img { width: 3.73333rem } .Xg-page-wrap { padding: .26667rem .32rem } .Xg-page .tab { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; height: 1.17333rem; color: var(--darkTextW, var(--text_color_L1)); font-family: Poppins; font-size: .34667rem; font-weight: 400; line-height: .29333rem; margin-bottom: .4rem } .Xg-page .tab-item { display: -webkit-box; display: -webkit-flex; width: 4.53333rem; background: var(--bg_color_L2); border-radius: .16rem; height: 100%; background-size: .64rem; background-repeat: no-repeat; background-position: .32rem center; display: flex; color: var(--darkTextW); -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; gap: .26667rem } .Xg-page .tab-item svg { width: .64rem; height: .64rem } .Xg-page .empty__container { background: var(--bg_color_L2); border-radius: .21333rem; padding: .26667rem } .Xg-page .empty__container p { color: var(--text_color_L2); margin: .13333rem 0 } .Xg-page .go-bet { width: 8.82667rem; height: .93333rem; background: var(--main_gradient-color); color: var(--bg_color_L2); text-align: center; line-height: .93333rem; font-size: .4rem; letter-spacing: .016rem; border-radius: 1.33333rem; margin: 0 auto } .Xg-page .receive-all { height: .93333rem; border: .01333rem solid var(--main-color); border-radius: .8rem; line-height: .93333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-column-gap: .16rem; column-gap: .16rem; text-align: center; margin-bottom: .4rem; color: var(--main-color); padding-left: .64rem } .Xg-page .receive-all svg { width: .64rem; height: .64rem } .Xg-page .receive-all.no-receive { border: none; padding-left: .64rem; color: var(--text_color_L3); background: var(--button_dis_color) } .Xg-page .Laundry-Con { text-align: center } .Xg-page .Laundry-Con ul { display: -webkit-box; display: -webkit-flex; display: flex; width: 7.2rem; margin: .13333rem 0 } .Xg-page .Laundry-Con li { width: 50%; text-align: center } .Xg-page .Laundry-Con li h3 { color: var(--main-color); font-size: .45333rem; margin-bottom: .13333rem } .Xg-page .Laundry-Con li p { color: var(--text_color_L1) } .Xg-list .m-b-20 { margin-bottom: .53333rem } .Xg-list .item { background-color: var(--bg_color_L2); border-radius: .26667rem; overflow: hidden } .Xg-list .item .header { position: relative; height: 1.06667rem; line-height: 1.06667rem; padding-right: .4rem } .Xg-list .item .header:after { content: ""; position: absolute; inset-inline-end: 0; bottom: 0; width: 60%; height: .01333rem; background: var(--Dividing-line_color) } .Xg-list .item .header .tit { background: var(--button_dis_color); text-align: center; border-radius: .26667rem 0 .66667rem; color: #fff; width: 3.46667rem; font-size: .4rem } .Xg-list .item .header .tit.action { background: var(--norm_red-color) !important } .Xg-list .item .header .tit.action2 { background: var(--norm_secondary-color) } html:lang(ar) .Xg-list .item .header .tit { border-radius: 0 .26667rem 0 .66667rem } .Xg-list .item .header .time { color: var(--text_color_L2); font-size: .32rem; line-height: .4rem; padding: .14667rem 0; text-align: right } .Xg-list .item .header .time .red span { margin-left: .13333rem } .Xg-list .item .header .red { color: var(--norm_red-color) } .Xg-list .item .body { padding: .4rem } .Xg-list .item .body .img { width: 1.33333rem; height: 1.33333rem } .Xg-list .item .body .info { padding-left: .13333rem; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; overflow: hidden } .Xg-list .item .body .info .name { color: var(--text_color_L1); margin-bottom: .13333rem; font-size: .34667rem } .Xg-list .item .body .info .lab { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; font-size: .32rem; color: var(--text_color_L2); line-height: .53333rem; background: var(--bg_color_L3); border-radius: 1.06667rem; height: .6rem; width: 100%; text-align: center; padding: 0 .13333rem } .Xg-list .item .body .info .lab span { width: 100%; display: inline-block } .Xg-list .item .line { width: 90%; margin: 0 auto; position: relative; border-top: .01333rem dashed var(--Dividing-line_color) } .Xg-list .item .line:after, .Xg-list .item .line:before { content: ""; display: block; height: .53333rem; width: .53333rem; border-radius: .53333rem; background-color: var(--bg_color_L1); position: absolute; top: -.26667rem } .Xg-list .item .line:after { left: -.66667rem } .Xg-list .item .line:before { right: -.66667rem } .Xg-list .item .numbox { padding: .4rem; display: -webkit-box; display: -webkit-flex; display: flex; text-align: center } .Xg-list .item .numbox .citem { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1 } .Xg-list .item .numbox .citem:first-of-type { position: relative } .Xg-list .item .numbox .citem:first-of-type:after { content: ""; position: absolute; inset-inline-end: 0; bottom: 0; width: .01333rem; height: 90%; background: var(--Dividing-line_color) } .Xg-list .item .numbox .citem .num { color: var(--norm_secondary-color); font-size: .42667rem; margin-bottom: .13333rem } .Xg-list .item .numbox .citem .num.red { color: var(--norm_red-color) } .Xg-list .item .numbox .citem .txt { font-size: .34667rem; color: var(--text_color_L2) } .Xg-list .item .box { padding: 0 .4rem .4rem } .Xg-list .item .box .Xg-btn, .Xg-list .item .box .Xg-btn-received, .Xg-list .item .box .Xg-btn-expired { height: 1.06667rem } .Xg-list .item .box .Xg-btn { background: var(--main_gradient-color); border: none; font-size: .4rem } .Xg-list .item .box .Xg-btn-received { background: var(--button_dis_color); border: none; color: #fff; font-size: .4rem } .Xg-list .item .box .Xg-btn-expired { background: transparent; border: .01333rem solid var(--main-color); color: var(--main-color); font-size: .4rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .about-container-content { padding: .4rem } .about-container-content-item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding: .96rem 0 .30667rem; font-size: .4rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .customer-container-header { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; width: 100%; height: -webkit-fit-content; height: fit-content; background: var(--main_gradient-color) } .customer-container-header-belly { display: -webkit-box; display: -webkit-flex; display: flex } .customer-container-header-belly img { width: 100%; margin: auto } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .gverify-container { padding-bottom: .53333rem } .gverify-container-header { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; width: 100%; height: 4.93333rem } .gverify-container-header-belly img { width: 100%; height: 100%; object-fit: cover } .gverify-container-content, .gverify-container-footer { padding: 0 .4rem; margin-top: .4rem } .gverify-container-content-code, .gverify-container-footer-code { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .gverify-container-content-item, .gverify-container-footer-item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; align-items: center; width: 100%; background: var(--darkBg, var(--bg_color_L2)); border-radius: .26667rem; padding: .26667rem .45333rem .45333rem } .gverify-container-content-item-steps, .gverify-container-footer-item-steps { position: relative; font-size: .34667rem; color: var(--text_color_L2); margin-top: .50667rem; -webkit-padding-start: .42667rem; padding-inline-start: .42667rem } .gverify-container-content-item-steps:before, .gverify-container-footer-item-steps:before { content: ""; width: .13333rem; height: .13333rem; -webkit-transform: rotate(45deg); transform: rotate(45deg); background: var(--main_gradient-color); position: absolute; top: .08rem; left: 0 } .gverify-container-content-item-title, .gverify-container-footer-item-title { width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding-bottom: .21333rem; font-size: .4rem; color: var(--darkTextW, var(--text_color_L1)) } .gverify-container-content-item img, .gverify-container-footer-item img { width: .90667rem; padding-right: .18667rem } .gverify-container-content-item-text, .gverify-container-footer-item-text { width: 8.56rem; height: 1.06667rem; line-height: 1.06667rem; background: var(--bg_color_L1); border-radius: .13333rem; font-size: .29333rem; color: var(--text_color_L1); padding-left: .42667rem } .gverify-container-content-item-button, .gverify-container-footer-item-button { width: 8.56rem; height: 1.06667rem; line-height: 1.06667rem; text-align: center; border: .01333rem solid var(--main-color); border-radius: .26667rem; font-size: .4rem; color: var(--main-color); margin: .4rem 0 .56rem } .gverify-container-content-item-tip, .gverify-container-footer-item-tip { font-size: .29333rem; color: var(--norm_red-color) } .gverify-container-content .footer-wrapper, .gverify-container-footer .footer-wrapper { height: 9.04rem } .gverify-container-content .footer-wrapper div, .gverify-container-footer .footer-wrapper div { width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start } .gverify-container-content .footer-wrapper-button, .gverify-container-footer .footer-wrapper-button { -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center !important; -webkit-justify-content: center !important; justify-content: center !important; width: 8.45333rem; height: 1.06667rem; background: var(--main_gradient-color); border-radius: 1.06667rem; font-size: .37333rem; letter-spacing: .04em; color: var(--text_color_L4); margin-top: .46667rem } .gverify-container-content .footer-wrapper-button img, .gverify-container-footer .footer-wrapper-button img { width: .66667rem } .gverify-container-button { width: 8.56rem; height: 1.06667rem; line-height: 1.06667rem; text-align: center; border-radius: .93333rem; font-size: .4rem; color: var(--text_color_L4); margin: .66667rem auto .56rem; background: var(--main_gradient-color) } .gverify-container .navbar__content .navbar__content-center, .gverify-container .navbar__content .van-icon { color: var(--textW) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .container { padding: .32rem } .container .item { padding: .4rem .26667rem; background-color: var(--bg_color_L2); border-radius: .26667rem } .container .item>div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .container .item .head { margin-bottom: .45333rem } .container .item .name { font-size: .4rem; color: var(--text_color_L1) } .container .item .uid { font-size: .4rem; color: var(--text_color_L2) } .container .item .line { color: var(--text_color_L2); font-size: .32rem } .container .item .line span { color: var(--text_color_L3) } .container .item .line .amount { color: var(--norm_secondary-color) } .container .item .line+.line { margin-top: .29333rem; font-size: .37333rem } .container .item+.item { margin-top: .26667rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .container { padding: .32rem } .container>.tip { font-size: .34667rem; color: var(--text_color_L2) } .container>.tip+.tip { margin-top: .16rem } .dailySignInRules__container-hero { width: calc(100% - .64rem); color: var(--bg_color_L2) } .dailySignInRules__container-hero__wrapper-titlebox { background: var(--sheet_nva_color); color: #fff } .dailySignInRules__container-hero__wrapper-title { color: #fff; background: var(--sheet_nva_color) } .dailySignInRules__container-hero li { background-color: var(--bg_color_L2); color: var(--text_color_L2) } .dailySignInRules__container-hero li:nth-of-type(2n) { background-color: var(--sheet_detail_bg_color) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .Laundry-Record { overflow: hidden; padding: 0 .32rem } .Laundry-Record .navbar-right { width: .6rem } .Laundry-Record .van-nav-bar { background-color: #f6f6f6 } .Laundry-Record .van-nav-bar .van-nav-bar__content .van-nav-bar__left .van-icon { color: var(--text_color_L1) } .Laundry-Record .bet-container__header { background-color: #f6f6f6; position: relative } .Laundry-Record-searchBar { margin-top: -.13333rem; padding-bottom: .24rem } .Laundry-Record .tabs { background: var(--bg_color_L1); height: 1.86667rem } .Laundry-Record .tab_item { width: 2.53333rem; height: 1.33333rem; margin-inline: .06667rem; padding: 0; color: var(--text_color_L2) !important; border-radius: .13333rem; background: var(--bg_color_L2); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .Laundry-Record .tab_item svg, .Laundry-Record .tab_item img { height: .66667rem; width: .66667rem } .Laundry-Record .tab_item span { font-size: .32rem } .Laundry-Record .tab_active { color: var(--text_color_L4) !important; background: var(--main_gradient-color) } .Laundry-Record .fun-tabs .fun-tab-item { padding: .18667rem 0 } .Laundry-Record-tabBar { padding-inline: .32rem } .Laundry-Record-tabBar .van-tabs__nav--card { height: 1.86667rem; margin: 0 } .Laundry-Record-tabBar .van-tabs__nav--card .van-tab--card { width: 2.53333rem; height: 1.33333rem; margin-inline: .06667rem; padding: 0; color: var(--text_color_L2) !important; border-radius: .13333rem; background: var(--bgDark-2, var(--bg_color_L2)); box-shadow: var(--BoxShadowColor-42) } .Laundry-Record-tabBar .van-tabs__nav--card .van-tab--card>span { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; width: 100%; height: 100% } .Laundry-Record-tabBar .van-tabs__nav--card .van-tab--card>span img { width: .66667rem; height: auto } .Laundry-Record-tabBar .van-tabs__nav--card .van-tab--card>span span { font-size: .32rem } .Laundry-Record-tabBar .van-tabs__nav--card .van-tab--card.van-tab--active { color: var(--textW) !important; background: var(--main_gradient-color); box-shadow: var(--BoxShadowColor-42) } .Laundry-Record .list { margin-top: .26667rem } .Laundry-Record .list .item { margin-bottom: .26667rem; background: var(--bg_color_L2); border-radius: .13333rem; padding: .2rem } .Laundry-Record .list .item .header { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding-bottom: .13333rem; margin-bottom: .2rem; border-bottom: .01333rem solid var(--Dividing-line_color) } .Laundry-Record .list .item .header .name { font-size: .4rem; font-weight: 700; color: var(--text_color_L1); margin-bottom: .2rem } .Laundry-Record .list .item .header .time { font-size: .29333rem; color: var(--text_color_L3) } .Laundry-Record .list .item .header .state { font-size: .37333rem; color: #40c592 } .Laundry-Record .list .item .body { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .Laundry-Record .list .item .body .left { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; color: var(--text_color_L3); font-size: .32rem; height: 2.4rem } .Laundry-Record .list .item .body .left .imgBox { padding: .2rem 0; margin-right: .2rem } .Laundry-Record .list .item .body .left .imgBox .img { height: 100% } .Laundry-Record .list .item .body .left div>p { line-height: .8rem; color: var(--text_color_L2) } .Laundry-Record .list .item .body .right { text-align: right } .Laundry-Record .list .item .body .right>p { line-height: .8rem; font-size: .32rem; color: var(--text_color_L1) } .Laundry-Record .list .item .body .right>p.red { color: var(--norm_red-color) } .Laundry-Record .list .item .body .right>p.orange { color: var(--norm_secondary-color) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .Laundry-Rule { overflow: hidden; padding: 0 .32rem } .Laundry-Rule-content { font-size: .34667rem; color: var(--text_color_L2) } .Laundry-Rule-content img { max-width: 99% !important } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .bind-container { width: 100% } .bind-container .email-container { padding: 1.2rem .32rem 4rem } .bind-container .bind-button { margin-top: 7.69333rem } .bind-container .bind-button button { width: 8.98667rem; height: 1.06667rem; background: var(--main_gradient-color); font-size: .4rem; font-weight: 700; color: var(--text_color_L4); border-radius: 1.06667rem; border: none } .Laundry-Con_tip { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .Laundry-Con_tip .reward { color: var(--text_color_L2); font-size: .4rem } .Laundry-Con_tip .money { color: var(--main-color); font-size: .4rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .LoginP-container { height: 100%; padding-inline: .53333rem; overflow-y: auto; white-space: nowrap; -webkit-overflow-scrolling: touch } .LoginP-container-tips { margin-top: -.26667rem; margin-bottom: .16rem; padding-left: .22667rem; color: var(--main-color); font-size: .32rem } .LoginP-container-form { position: relative; margin-top: 1.33333rem; overflow: hidden } .LoginP-container-form .passwordInput__container { margin-bottom: .69333rem } .LoginP-container-form .mgb48 { margin-bottom: .64rem !important } .LoginP-container-remember { -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; font-size: .34667rem; line-height: .34667rem } .LoginP-container-remember span { color: var(--text_color_L2) } .LoginP-container-button { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; width: 100%; margin-top: 1.77333rem } .LoginP-container-button button { width: 7.73333rem; height: 1.06667rem; color: var(--text_color_L4); font-size: .48rem; font-weight: 700; letter-spacing: .05333rem; border-radius: 1.06667rem; border: none; background: var(--main_gradient-color) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .updateP-container { height: 100%; padding-inline: .53333rem; overflow-y: scroll; white-space: nowrap; -webkit-overflow-scrolling: touch; position: relative; margin-top: 1.33333rem; overflow: hidden } .updateP-container-label img { width: .36rem; height: .36rem; margin-right: .08rem } .updateP-container-button { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; width: 100%; margin-top: 1.77333rem } .updateP-container-button button { width: 7.73333rem; height: 1.06667rem; color: var(--text_color_L4); font-size: .48rem; font-weight: 700; letter-spacing: .05333rem; border-radius: 1.06667rem; border: none; background: var(--main_gradient-color) } .updateP-container-tips { margin-top: .32rem; padding-left: .22667rem; color: var(--main-color); font-size: .32rem } .Laundry-Con_tip { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .Laundry-Con_tip .reward { color: var(--text_color_L2); font-size: .4rem } .Laundry-Con_tip .money { color: var(--main-color); font-size: .4rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .StrongBoxAbout__container { padding: 0 .32rem } .StrongBoxAbout__container-dailyRate { width: auto; max-width: 6.66667rem; height: .53333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; line-height: .53333rem; background: var(--bg_color_L2); border-radius: .53333rem; font-size: .32rem; color: var(--norm_red-color); text-align: center; margin: .4rem auto } .StrongBoxAbout__container-header { background: var(--light-main_gradient-color, var(--bg_color_L3)); color: #fff; height: .8rem; line-height: .8rem; padding-left: .98667rem; font-size: .42667rem; font-weight: 600; position: relative } .StrongBoxAbout__container-header:after { display: block; content: ""; width: 0; height: 0; border-right: .32rem solid var(--bg_color_L1); border-bottom: 0 solid transparent; border-top: .8rem solid transparent; position: absolute; right: 0; top: 0 } .StrongBoxAbout__container-header:before { display: block; content: ""; position: absolute; height: .56rem; width: .56rem; top: .12rem; left: .26667rem; background-size: .56rem } .StrongBoxAbout__container-header.income:before { background-image: url(/assets/png/incomeIcon-9f284d02.png) } .StrongBoxAbout__container-header.transferIn:before { background-image: url(/assets/png/transferInIcon-617ec06e.png) } .StrongBoxAbout__container-header.transferOut:before { background-image: url(/assets/png/transferOutIcon-7cd86afa.png) } .StrongBoxAbout__container-header.safety:before { background-image: url(/assets/png/safetyIcon-baadff1a.png) } .StrongBoxAbout__container-detail { background: var(--bg_color_L2); border-radius: 0 0 .26667rem .26667rem; padding: .4rem .26667rem; margin-bottom: .4rem } .StrongBoxAbout__container-detail-text { padding: 0 .56rem 0 .58667rem; font-size: .34667rem; line-height: .48rem; color: var(--text_color_L2); background-image: url(/assets/png/trianglered-169bff51.png); background-repeat: no-repeat; background-position: .08rem .01333rem; background-size: .32rem } .StrongBoxAbout__container-detail-text+.StrongBoxAbout__container-detail-text { margin-top: .6rem } .StrongBoxAbout__container-detail-container { border: .01333rem solid var(--bg_color_L3); border-radius: .26667rem; padding: .26667rem; font-size: .32rem; color: var(--text_color_L3); line-height: .48rem; width: calc(100% - .53333rem); margin: auto; margin-top: .53333rem } .StrongBoxAbout__container-detail-container-tip { margin-bottom: .26667rem } .StrongBoxAbout__container-detail-container-tip.red { color: var(--norm_red-color) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .infiniteScroll__loading { width: 100%; min-height: .73333rem; margin-top: auto; margin-bottom: .4rem; font-size: .37333rem; text-align: center; color: var(--text_color_L1) } .infiniteScroll__loading .van-loading { text-align: center; z-index: 999 } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .StrongBoxRecord__container { position: relative; width: 100%; font-family: Inter, sans-serif; overflow: auto; padding: 0 0 .61333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; height: 100vh } .StrongBoxRecord__container-overview { height: 3.2rem; background-image: url(/assets/png/StrongBoxRecordBg-39b952cf.png); background-position: center; background-size: cover; background-repeat: no-repeat; position: relative; padding-top: 1.38667rem; -webkit-box-flex: 0; -webkit-flex: none; flex: none } .StrongBoxRecord__container-overview-date { position: absolute; top: .61333rem; right: .32rem; height: .61333rem; line-height: .61333rem; border: .00667rem solid #fff; border-radius: .53333rem; font-size: .37333rem; text-align: center; color: #fff; padding: 0 .30667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .StrongBoxRecord__container-overview-date img { width: .53333rem; height: .53333rem; margin-left: .2rem } .StrongBoxRecord__container-overview-detail { width: 100%; height: 1.33333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; text-align: center } .StrongBoxRecord__container-overview-detail>div { width: 33.3%; height: 100%; color: #fff } .StrongBoxRecord__container-overview-detail>div>div { font-weight: 500; font-size: .37333rem; height: .4rem; line-height: .4rem } .StrongBoxRecord__container-overview-detail>div>div:first-child { font-size: .48rem; height: .64rem; line-height: .64rem; margin-bottom: .30667rem } .StrongBoxRecord__container-detailList { padding: .53333rem .32rem } .StrongBoxRecord__container-detailList-item+.StrongBoxRecord__container-detailList-item { margin-top: .26667rem } .StrongBoxRecord__container-detailList.empty { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1 } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .jackpot-rule .rule-bannerMain { background: -webkit-linear-gradient(top, #f55d4d 0%, #f59571 33.39%, #f5a181 61.81%, #ef5334 100%); background: linear-gradient(180deg, #f55d4d 0%, #f59571 33.39%, #f5a181 61.81%, #ef5334 100%) } .jackpot-rule .rule-content { width: 100%; min-height: 6rem; background: url(/assets/png/superJackpotRulebg-809c0012.png) no-repeat; background-size: contain; color: #fff; padding: .66667rem } .jackpot-rule .rule-content-top { display: -webkit-box; display: -webkit-flex; display: flex } .jackpot-rule .rule-content-top svg { width: 2.66667rem; height: 2.66667rem } .jackpot-rule .rule-content-top-right { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; max-width: 5.12rem } .jackpot-rule .rule-content-top h3 { margin-bottom: .13333rem; font-size: .4rem; font-weight: 700 } .jackpot-rule .rule-content-top p { font-size: .32rem; font-weight: 400; line-height: .53333rem } .jackpot-rule .rule-content-tip { padding: .32rem .4rem; border-radius: .21333rem; font-size: .29333rem; font-weight: 300; line-height: .53333rem; display: -webkit-box; display: -webkit-flex; display: flex; margin-top: .8rem; background: rgba(212, 91, 52, .5) } .jackpot-rule .rule-content-tip p { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; padding-left: .13333rem } .jackpot-rule .rule-content-tip svg { width: .48rem; height: .48rem } .jackpot-rule-wrap { padding: .46667rem .32rem } .jackpot-rule .title { color: var(--darkTextW, var(--text_color_L1)); font-size: .42667rem; font-weight: 700; margin-bottom: .26667rem } .jackpot-rule .title svg { fill: var(--main-color); width: .64rem; height: .64rem; vertical-align: middle } html:lang(ar) .jackpot-rule .title svg { -webkit-transform: scaleX(-1); transform: scaleX(-1) } .jackpot-rule .table-container { width: 100%; background: var(--bgDark-3, var(--bg_color_L2)); border-radius: .21333rem; overflow: hidden } .jackpot-rule .table-title { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; min-height: 1.06667rem; line-height: 1.06667rem; background: var(--sheet_nva_color); color: #fff } .jackpot-rule .table-title>div { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; font-size: .32rem; text-align: center } .jackpot-rule .table-content { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; height: .93333rem; line-height: .46667rem; font-size: .32rem; text-align: center; background-color: var(--bg_color_L2) } .jackpot-rule .table-content:nth-child(odd) { background: var(--bg_color_L1) } .jackpot-rule .table-content>div { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1 } .jackpot-rule .table-content>div:nth-child(1) { color: var(--norm_secondary-color) } .jackpot-rule .table-content>div:nth-child(2) { color: var(--text_color_L1) } .jackpot-rule .table-content>div:nth-child(3) { color: var(--norm_red-color) } .jackpot-rule-owener { background: var(--darkBg, var(--bg_color_L2)); border-radius: .26667rem; padding: .53333rem .32rem; margin-top: .26667rem; margin-bottom: .66667rem; color: var(--text_color_L2); font-size: .32rem; font-weight: 500 } .jackpot-rule-owener svg { color: var(--darkLight2, var(--main-color)); width: .4rem; height: .4rem; vertical-align: middle; margin-right: .26667rem } html:lang(ar) .jackpot-rule-owener svg { -webkit-transform: scaleX(-1); transform: scaleX(-1) } .jackpot-rule-custom { height: 1.06667rem; color: var(--text_color_L4); text-align: center; line-height: 1.06667rem; background: var(--main_gradient-color); border-radius: .66667rem; font-size: .4rem; font-weight: 700 } .jackpot-rule-custom svg { color: var(--text_color_L4); width: .64rem; height: .64rem; vertical-align: middle } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .jackpot-star-list { padding: 0 .32rem } .jackpot-star .star-item { border-radius: .26667rem; background: var(--darkBg, var(--bg_color_L2)); padding: .4rem .26667rem; margin-top: .32rem; margin-bottom: .26667rem } .jackpot-star .starheader { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row } .jackpot-star .starheader .nickname { font-size: .37333rem; color: var(--darkTextW, var(--text_color_L1)); font-weight: 700; margin-bottom: .6rem; margin-top: .33333rem; margin-left: .26667rem } .jackpot-star .starheader img { width: .97333rem; height: .97333rem; border-radius: .49333rem } .jackpot-star .rowcontent { border-radius: .08rem; background: var(--bg_color_L3); margin: .06667rem 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; height: .66667rem; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding: .13333rem .26667rem } .jackpot-star .rowcontent div { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1 } .jackpot-star .rowcontent .label, .jackpot-star .rowcontent .time { color: var(--text_color_L2); font-size: .32rem; font-style: normal; font-weight: 400; line-height: .42667rem } .jackpot-star .rowcontent .multiple { color: var(--norm_secondary-color); font-size: .37333rem; font-style: normal; font-weight: 500; line-height: normal } .jackpot-star .rowcontent .money { color: var(--norm_red-color); font-size: .37333rem; font-style: normal; font-weight: 500; line-height: normal } .jackpot-star .rowcontent .name { color: var(--text_color_L1); font-size: .32rem; font-style: normal; font-weight: 400; line-height: .42667rem } /* ===== assets/css/page-promotion-14ce89d7.css ===== */ @charset "UTF-8"; .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .container { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; height: auto; padding-top: .6rem; background-image: url(/assets/png/promotionbg-13880556.png), var(--main_gradient-color); background-repeat: no-repeat; background-position: center; background-size: cover, 100% 100% } .container:after { content: ""; display: block; width: 100%; height: 1.86667rem; position: absolute; background-color: var(--bg_color_L1); bottom: -.02667rem; z-index: 1 } .container .amount { font-weight: 500; font-size: .64rem; line-height: .64rem; color: var(--text_color_L4); margin-bottom: .21333rem } .container .amount_txt { height: .64rem; min-width: 3.41333rem; background: var(--bg_color_L2); color: var(--main-color); border-radius: .66667rem; line-height: .64rem; text-align: center; font-size: .34667rem; margin-bottom: .13333rem; white-space: nowrap; padding: 0 .33333rem } .container .tip { font-size: .29333rem; margin-bottom: .26667rem; color: var(--text_color_L4) } .container .info_content { display: -webkit-box; display: -webkit-flex; display: flex; width: 9.33333rem; min-height: 5.06667rem; background-color: var(--darkBg, var(--bg_color_L2)); border-radius: .26667rem; overflow: hidden; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; position: relative; z-index: 10 } .container .info_content .info { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; padding-bottom: .2rem } .container .info_content .info .head { height: 1.06667rem; line-height: 1.06667rem; background-color: var(--sheet_nva_color); color: #fff; font-size: .34667rem; padding-left: .21333rem; margin-bottom: .2rem; background-repeat: no-repeat; background-position: .26667rem center } .container .info_content .info .head.u2 { border-left: .02667rem solid var(--darkBg, var(--bg_color_L2)) } .container .info_content .info .head svg { width: .64rem; height: .64rem } .container .info_content .info .line1, .container .info_content .info .line2, .container .info_content .info .line3 { color: var(--text_color_L1); font-size: .29333rem; text-align: center; padding-top: .2rem } .container .info_content .info .line1>div, .container .info_content .info .line2>div, .container .info_content .info .line3>div { font-size: .37333rem } .container .info_content .info .line1.r, .container .info_content .info .line2.r, .container .info_content .info .line3.r { border-right: .01333rem solid var(--bg_color_L3) } .container .info_content .info .line1>div { color: var(--text_color_L1) } .container .info_content .info .line2>div { color: var(--norm_green-color) } .container .info_content .info .line3>div { color: var(--norm_secondary-color) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .content .shareBtnContainer { margin: .48rem 0 .34667rem; width: 100%; height: .93333rem; text-align: center } .content .shareBtnContainer .shareBtn { width: 8.8rem; height: 100%; color: var(--text_color_L4); font-size: .4rem; font-weight: 700; letter-spacing: .01333rem; border: none; border-radius: 99rem; background: var(--main_gradient-color) } .content .commission { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; min-height: 2.93333rem; padding: .25333rem .18667rem; border-radius: .13333rem; background-color: var(--bg_color_L2); box-shadow: var(--BoxShadowColor-9); margin-bottom: 2.66667rem } .content .commission__title { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin-bottom: .22667rem; font-size: .37333rem; font-weight: 600; letter-spacing: .00667rem; color: var(--text_color_L1) } .content .commission__title svg { margin-right: .10667rem; font-size: .64rem; width: .64rem } .content .commission__body { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; width: 100%; margin-top: .26667rem } .content .commission__body>div { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .content .commission__body>div span { letter-spacing: .01333rem; font-family: Inter, sans-serif; text-align: center } .content .commission__body>div span:first-of-type { color: var(--text_color_L1); font-size: .4rem; font-weight: 500 } .content .commission__body>div span:last-of-type { color: var(--text_color_L2); font-size: .32rem; line-height: .53333rem } .content .commission__body>span { width: .00667rem; height: .93333rem; background: var(--Dividing-line_color) } .promote__cell-item { padding: .37333rem .26667rem .37333rem .37333rem; background: var(--bg_color_L2); box-shadow: var(--BoxShadowColor-9); border-radius: .26667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin-bottom: .26667rem } .promote__cell-item .label { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .promote__cell-item .label svg { width: .8rem; height: .8rem; margin-right: .13333rem } .promote__cell-item .label span { font-weight: 300; font-size: .37333rem; line-height: .29333rem; color: var(--text_color_L1) } .promote__cell-item .arrow { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .promote__cell-item .arrow span { font-weight: 400; font-size: .32rem; line-height: .29333rem; color: var(--text_color_L2); margin-right: .10667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; align-items: center; gap: .13333rem } .promote__cell-item .arrow span svg { width: .48rem; height: .48rem } .navbar__content-right svg { width: .64rem; height: .64rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .canvas { width: .26667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; position: absolute; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; z-index: 2; left: .29333rem; top: .50667rem } .canvas svg { width: .26667rem; height: .26667rem; margin-bottom: .50667rem } canvas { position: absolute; left: .18667rem; top: 0; z-index: 1 } .invitationDetail__container { padding-inline: .32rem; padding-block: 0 1.49333rem; font-family: bahnschrift } .invitationDetail__container .van-nav-bar { background-color: #f6f6f6 } .invitationDetail__container .van-nav-bar .van-nav-bar__content .van-nav-bar__left .van-icon, .invitationDetail__container .van-nav-bar .van-nav-bar__content .van-nav-bar__title { color: var(--text_color_L1) } .invitationDetail__container-content img { width: 9.36rem; height: .58667rem } .invitationDetail__container-content__item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: .32rem; padding: .32rem .13333rem; border-radius: .13333rem .13333rem 0 0; background-color: var(--textW) } .invitationDetail__container-content__item-body { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: .13333rem; font-weight: 400; font-size: .34667rem; color: var(--text_color_L2) } .invitationDetail__container-content__item-body>div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .invitationDetail__container-content__item-body>div:nth-of-type(2) span:last-of-type, .invitationDetail__container-content__item-body>div:nth-of-type(3) span:last-of-type, .invitationDetail__container-content__item-body>div:nth-of-type(4) span:last-of-type { color: var(--norm_secondary-color) } .invitationDetail__container-content__item-body>div span { height: .8rem; padding: 0 .26667rem; line-height: .8rem } .invitationDetail__container-content__item-body>div span:first-of-type { -webkit-box-flex: .45; -webkit-flex: .45; flex: .45; -webkit-clip-path: polygon(0 0, 100% 0, 92% 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 92% 100%, 0 100%) } .invitationDetail__container-content__item-body>div span:last-of-type { -webkit-box-flex: .55; -webkit-flex: .55; flex: .55; text-align: right } .invitationDetail__container-content .btnExamine { background: var(--bg_color_L2); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; padding-top: .33333rem; padding-bottom: .4rem } .invitationDetail__container-content .btnExamine>button { background: var(--bg_color_L2); border: .01333rem solid var(--main-color); border-radius: 1.06667rem; height: .8rem; line-height: .8rem; width: 85%; color: var(--main-color); font-weight: 400; font-size: .37333rem; text-align: center } .invitationDetail__container .itemTop { color: var(--text_color_L1); font-weight: 400; font-size: .37333rem; padding: .26667rem; background: var(--bg_color_L2); margin-top: -.12rem } .invitationDetail__container-betHistory { background: var(--bg_color_L2); margin-top: -.12rem; padding: .45333rem .32rem .26667rem; position: relative } .invitationDetail__container-betHistory>div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; height: .37333rem; margin-bottom: .4rem } .invitationDetail__container-betHistory>div span { color: var(--text_color_L3); font-size: .34667rem; line-height: .37333rem; margin-left: .37333rem } .invitationDetail__container-betHistory>div div { font-size: .34667rem; line-height: .37333rem; color: var(--text_color_L1) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .myCommission__container { padding-inline: .32rem; padding-block: 0 1.49333rem; font-family: bahnschrift } .myCommission__container .ar-searchbar__selector, .myCommission__container .ar-searchbar, .myCommission__container .ar-searchbar-type { width: 100% } .myCommission__container-content { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: .26667rem; margin-top: .56rem } .myCommission__container-content__item { border-radius: .13333rem; font-size: .34667rem; font-weight: 500; background: var(--bg_color_L2) } .myCommission__container-content__item-header { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin-bottom: .13333rem; color: var(--text_color_L1); font-weight: 400; background: var(--main-color); height: .93333rem; line-height: .93333rem; padding: 0 .13333rem; border-radius: .13333rem .13333rem 0 0 } .myCommission__container-content__item-header span { font-weight: 400; font-size: .37333rem; color: var(--textW) } .myCommission__container-content__item-header .detail { width: 3rem; height: .56rem; border: .01333rem solid var(--main-color); border-radius: .26667rem; text-align: center; color: var(--main-color); font-size: .32rem; position: relative } .myCommission__container-content__item-header .detail:after { content: ">"; font-size: .4rem; position: absolute; right: .46667rem; top: -.06667rem } .myCommission__container-content__item-body { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: .2rem; padding: .26667rem .13333rem; color: var(--text_color_L2); font-size: .32rem; font-weight: 0 } .myCommission__container-content__item-body>div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; background-color: var(--bg_color_L3) } .myCommission__container-content__item-body>div span { height: .8rem; padding: 0 .26667rem; color: var(--text_color_L2); font-size: .32rem; line-height: .8rem } .myCommission__container-content__item-body>div span:first-of-type { -webkit-box-flex: .45; -webkit-flex: .45; flex: .45 } .myCommission__container-content__item-body>div .amount { color: var(--norm_secondary-color); font-size: .4rem } .myCommission__container-content__item-body>div .amount.orange { color: var(--norm_secondary-color) } .myCommission__container-content__item-body>div .amount.grey { color: var(--text_color_L1) } .myCommission__container-content__item-body>div .amount.fw { font-weight: 600 } .myCommission__container-content__item-body>div .level { color: var(--main-color); font-size: .4rem; font-weight: 700 } .myCommission__container { padding-bottom: 0; font-family: Inter, sans-serif } .myCommission__container .navbar .navbar__content .navbar__content-right { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .myCommission__container .navbar .navbar__content .navbar__content-right svg { width: .58667rem; height: .58667rem; margin-right: .06667rem } .myCommission__container .navbar .navbar__content .navbar__content-right span { color: var(--text_color_L2); font-size: .32rem } .myCommission__container-msgWrapper { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: .32rem; overflow: hidden; overflow-y: scroll } .myCommission__container-msgWrapper__item { padding: .26667rem; border-radius: .06667rem; background: var(--bg_color_L2) } .myCommission__container-msgWrapper__item-title { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .myCommission__container-msgWrapper__item-title svg { width: .64rem; height: .64rem } .myCommission__container-msgWrapper__item-title svg:last-of-type { width: .48rem; height: .48rem; margin-left: auto } .myCommission__container-msgWrapper__item-title span { margin-left: .09333rem; font-size: .4rem; font-weight: 600 } .myCommission__container-msgWrapper__item-time { margin-block: .10667rem .37333rem; color: var(--text_color_L2); font-size: .32rem; font-weight: 400 } .myCommission__container-msgWrapper__item-content { color: var(--text_color_L2); font-size: .32rem; font-weight: 400; word-break: break-word } .myCommission__container-empty { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .searchbar-container { position: relative; z-index: 1 } .searchbar-container input { color: var(--text_color_L1) } .searchbar-container__searchbar { width: 100%; margin-top: .26667rem; padding: .26667rem; outline: none; border: none; height: 1.06667rem; border-radius: .13333rem; background: var(--bg_color_L2); font-size: .37333rem; position: relative } .searchbar-container__searchbar::-webkit-input-placeholder { color: var(--text_color_L2) } .searchbar-container__searchbar::placeholder { color: var(--text_color_L2) } .searchbar-container .searchIcon { position: absolute; right: .53333rem; margin-top: .4rem; width: 1.6rem; min-height: .8rem } .searchbar-container .clearIcon { width: .6rem; height: auto; position: absolute; right: .4rem; top: 45% } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .myInvitation__container { padding-inline: .32rem; padding-block: 0 1.49333rem; font-family: bahnschrift } .myInvitation__container .van-nav-bar { background-color: #f6f6f6 } .myInvitation__container .van-nav-bar .van-nav-bar__content .van-nav-bar__left .van-icon, .myInvitation__container .van-nav-bar .van-nav-bar__content .van-nav-bar__title { color: var(--text_color_L1) } .myInvitation__container-searchbar { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; gap: .29333rem; width: 100%; font-size: .37333rem; margin-top: .26667rem } .myInvitation__container-searchbar span, .myInvitation__container-searchbar .default_active { color: var(--text_color_L2) } .myInvitation__container-searchbar__selector { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; width: 4.53333rem; height: 1.06667rem; color: var(--text_color_L2) } .myInvitation__container-searchbar__selector>div { width: 100%; line-height: 1.06667rem; border-radius: .13333rem; background: var(--bg_color_L2) } .myInvitation__container-searchbar__selector>div:first-of-type { position: relative; padding: 0 .26667rem; z-index: 10 } .myInvitation__container-searchbar__selector>div:first-of-type i { position: absolute; top: 50%; right: .21333rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .myInvitation__container-searchbar__selector-dropdown { position: absolute; top: 100%; -webkit-transform: translateY(-10%); transform: translateY(-10%); opacity: 0; visibility: hidden; z-index: 9; border: .01333rem solid var(--text_color_L1); overflow: hidden; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .myInvitation__container-searchbar__selector-dropdown li { padding: 0 .26667rem; list-style: none } .myInvitation__container-searchbar__selector-dropdown li.selected { color: var(--textW); background-color: var(--norm_red-color) } .myInvitation__container-searchbar__selector.active>div:first-of-type i { -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); -webkit-transform-origin: center; transform-origin: center } .myInvitation__container-searchbar__selector.active>div:last-of-type { -webkit-transform: translateY(0%); transform: translateY(0); opacity: 1; visibility: visible; z-index: 1 } .myInvitation__container-searchbar>i { font-size: 1.625rem } .myInvitation__container-content { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: .26667rem; margin-top: .56rem } .myInvitation__container-content__item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 1rem; padding: .32rem .13333rem; border-radius: .13333rem; background-color: var(--textW); margin-bottom: .26667rem } .myInvitation__container-content__item-header { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; gap: .13333rem } .myInvitation__container-content__item-header span { width: 2rem; height: .66667rem; font-size: .37333rem; text-align: center; line-height: .66667rem; border-radius: .13333rem } .myInvitation__container-content__item-header span:first-of-type { margin-left: .13333rem; color: var(--textW); background: var(--norm_green-color) } .myInvitation__container-content__item-header span:nth-of-type(2) { color: var(--main-color); border: .01333rem solid var(--main-color) } .myInvitation__container-content__item-header span:last-of-type { margin-left: auto } .myInvitation__container-content__item-header span.inactive { background: var(--main-color) } .myInvitation__container-content__item-body { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: .13333rem; font-size: .32rem; color: var(--text_color_L3) } .myInvitation__container-content__item-body>div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; background-color: #f6f6f6 } .myInvitation__container-content__item-body>div:last-of-type span:last-of-type { color: var(--main-color) } .myInvitation__container-content__item-body>div span { height: .8rem; padding: 0 .26667rem; line-height: .8rem } .myInvitation__container-content__item-body>div span:first-of-type { -webkit-box-flex: .45; -webkit-flex: .45; flex: .45; background: var(--bgColor-6); -webkit-clip-path: polygon(0 0, 100% 0, 92% 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 92% 100%, 0 100%) } .myInvitation__container-content__item-body>div span:last-of-type { -webkit-box-flex: .55; -webkit-flex: .55; flex: .55; text-align: right } .look_detail { color: var(--text_color_L1) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .myReceive__container { padding-inline: .32rem; padding-block: 0 1.49333rem; font-family: bahnschrift } .myReceive__container-searchbar { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; width: 100%; height: 1.06667rem } .myReceive__container-searchbar__selector { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; height: 100%; line-height: 1.06667rem; color: var(--text_color_L2) } .myReceive__container-searchbar__selector>div { width: 100%; font-size: .37333rem; border-radius: .13333rem; background: var(--bg_color_L2) } .myReceive__container-searchbar__selector>div:first-of-type { position: relative; padding: 0 .26667rem; z-index: 2 } .myReceive__container-searchbar__selector>div:first-of-type i { position: absolute; top: 50%; right: .26667rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .myReceive__container-searchbar__selector-dropdown { position: absolute; top: 100%; -webkit-transform: translateY(-10%); transform: translateY(-10%); opacity: 0; visibility: hidden; z-index: -1; border: .01333rem solid var(--text_color_L1); overflow: hidden; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .myReceive__container-searchbar__selector-dropdown li { padding: 0 .26667rem; list-style: none } .myReceive__container-searchbar__selector-dropdown li.selected { color: var(--textW); background-color: var(--norm_red-color) } .myReceive__container-searchbar__selector.active>div:first-of-type i { -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); -webkit-transform-origin: center; transform-origin: center } .myReceive__container-searchbar__selector.active>div:last-of-type { -webkit-transform: translateY(0%); transform: translateY(0); opacity: 1; visibility: visible; z-index: 1 } .myReceive__container-content { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: .26667rem; margin-top: .56rem } .myReceive__container-content__item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; height: 3.09333rem; padding: .32rem .13333rem; border-radius: .13333rem; background-color: var(--textW) } .myReceive__container-content__item-header { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; gap: .13333rem } .myReceive__container-content__item-header span { font-size: .34667rem; text-align: center } .myReceive__container-content__item-header span:first-of-type { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin-left: .13333rem; color: var(--text_color_L1) } .myReceive__container-content__item-header span:first-of-type i { margin-right: .08rem; font-size: .53333rem } .myReceive__container-content__item-header span:last-of-type { margin-left: auto; padding: .08rem .36rem; border: .01333rem solid var(--gray-color-1); border-radius: .13333rem } .myReceive__container-content__item>div:nth-of-type(2) { margin-bottom: .36rem; padding-left: .13333rem; color: var(--main-color); font-size: .64rem; line-height: .64rem } .myReceive__container-content__item-body { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: .375rem; font-size: .875rem; color: var(--text_color_L3) } .myReceive__container-content__item-body>div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; background-color: #f6f6f6 } .myReceive__container-content__item-body>div:last-of-type span:last-of-type { color: var(--text_color_L2) } .myReceive__container-content__item-body>div span { height: .8rem; padding: 0 .26667rem; line-height: .8rem } .myReceive__container-content__item-body>div span:first-of-type { -webkit-box-flex: .45; -webkit-flex: .45; flex: .45; background: var(--bgColor-6); -webkit-clip-path: polygon(0 0, 100% 0, 92% 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 92% 100%, 0 100%) } .myReceive__container-content__item-body>div span:last-of-type { -webkit-box-flex: .55; -webkit-flex: .55; flex: .55; text-align: right } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .icon-LV { height: .61333rem; width: 1.33333rem; background: url(/assets/png/lv-a50fb325.png) no-repeat center center; background-size: cover; position: relative; text-align: center } .icon-LV .txt { display: block; position: absolute; right: 0; bottom: 0; height: .4rem; line-height: .42667rem; width: .69333rem; background: -webkit-linear-gradient(top, #fffba9 0%, #fff670 56.13%, #ffd180 100%); background: linear-gradient(180deg, #fffba9 0%, #fff670 56.13%, #ffd180 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent } .promotion-page { padding-inline: .34667rem; padding-block: 0 1.49333rem; font-family: bahnschrift } .promotion-page .promotion-mian { padding-top: .4rem } .promotion-page .promotion-mian .promotion-mian__title { text-align: center; margin-bottom: .66667rem } .promotion-page .promotion-mian .promotion-mian__title h1 { margin-bottom: .2rem; color: var(--main-color); font-size: .48rem; line-height: .48rem; font-weight: 600 } .promotion-page .promotion-mian .promotion-mian__title p { color: var(--text_color_L2); font-size: .37333rem } .promotion-page .promotion-mian .promotion-box { position: relative; padding: .57333rem .24rem .33333rem; border-radius: .21333rem; background: var(--bg_color_L2); margin-bottom: .66667rem } .promotion-page .promotion-mian .promotion-box .promotion-title { position: absolute; top: .13333rem; left: 50%; -webkit-transform: translateX(-50%); transform: translate(-50%); width: 2.13333rem; height: .53333rem; color: var(--text_color_L1); font-size: .32rem; text-align: center; line-height: .53333rem; z-index: 1 } .promotion-page .promotion-mian .promotion-box .promotion-txt { color: var(--text_color_L2); font-size: .32rem; letter-spacing: .01333rem; line-height: .50667rem; padding-top: .46667rem } .promotion-page .promotion-mian .promotion-box .promotion-txt .txt { color: var(--norm_red-color) } .promotion-page .promotion-mian .promotion-box:nth-of-type(6) { margin-bottom: 0; border-bottom: none } .promotion-page .promotion-mian .promotion-box:nth-of-type(6) .promotion-txt { padding-bottom: 1.06667rem } .promotion-page .promotion-mian .promotion-grade { overflow: hidden; margin-bottom: .66667rem } .promotion-page .promotion-mian .promotion-grade-th { display: -webkit-box; display: -webkit-flex; display: flex; height: 1.33333rem; color: #fff; font-size: .34667rem; line-height: 1.33333rem; background: var(--light-main-color, var(--sheet_nva_color)); border-radius: .21333rem .21333rem 0 0; text-align: center } .promotion-page .promotion-mian .promotion-grade-th .item { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1 } .promotion-page .promotion-mian .promotion-grade-tr { display: -webkit-box; display: -webkit-flex; display: flex; width: calc(100% + .01333rem); background-color: var(--bgDark-3, var(--bg_color_L2)); margin: 0 -.01333rem; color: var(--text_color_L2) } .promotion-page .promotion-mian .promotion-grade-tr:nth-child(odd) { background: var(--sheet_detail_bg_color) } .promotion-page .promotion-mian .promotion-grade-tr .item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; width: 33.3%; height: .93333rem; padding: .06667rem 0; font-size: .34667rem; margin-bottom: -.01333rem; margin-right: -.01333rem } .promotion-page .promotion-mian .promotion-content { width: 100%; margin-bottom: .53333rem; overflow: hidden } .promotion-page .promotion-mian .promotion-content_title { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin-bottom: .28rem; font-size: .37333rem; font-weight: 600 } .promotion-page .promotion-mian .promotion-content_title:before { content: ""; display: block; width: .08rem; height: .4rem; margin-right: .22667rem; background-color: var(--main-color) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .promotionShare__container { padding-block: 0 1.49333rem } .promotionShare__container .van-nav-bar { background-color: #f6f6f6 } .promotionShare__container .van-nav-bar .van-nav-bar__content .van-nav-bar__left .van-icon, .promotionShare__container .van-nav-bar .van-nav-bar__content .van-nav-bar__title { color: var(--text_color_L1) } .promotionShare__container-tips { margin-block: .53333rem; color: var(--text_color_L2); font-size: .37333rem; text-align: center } .promotionShare__container .swiper { width: 100% } .promotionShare__container .swiper-wrapper .swiper-slide { width: 6.93333rem; height: 11.46667rem; text-align: center } .promotionShare__container-slogan { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; margin-block: 1.06667rem .98667rem; font-size: .42667rem } .promotionShare__container-slogan p { color: var(--text_color_L1) } .promotionShare__container-slogan p:first-of-type { margin-right: .72rem } .promotionShare__container-slogan p span { color: var(--norm_red-color); font-weight: 700 } .promotionShare__container-buttons { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; gap: .37333rem } .promotionShare__container-buttons div { width: 8.8rem; height: .93333rem; color: var(--text_color_L4); font-size: .4rem; text-align: center; line-height: .93333rem; border-radius: 9rem } .promotionShare__container-buttons div.share { background: var(--main_gradient-color) } .promotionShare__container-buttons div.cpy { color: var(--main-color); border: .01333rem solid var(--main-color) } .promotionShare__container-swiper { position: relative; background: url(/assets/png/poster-f4d734b2.png) no-repeat center; background-size: 100% 100%; height: 100% } .promotionShare__container-swiper .sContent { padding: .53333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column } .promotionShare__container-swiper .sContent .logo { width: 2.21333rem; height: .50667rem } .promotionShare__container-swiper .sContent .head1 { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-justify-content: space-around; justify-content: space-around; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin-top: .26667rem } .promotionShare__container-swiper .sContent .head1>span:nth-of-type(1) { font-family: Kumar One; font-style: normal; font-weight: 400; font-size: .42667rem; line-height: .76rem; color: #fff } .promotionShare__container-swiper .sContent .head1>span:nth-of-type(2), .promotionShare__container-swiper .sContent .head1>span:nth-of-type(3) { background: url(/assets/png/bg1-d6d02e9f.png) no-repeat center; background-size: 100% 100%; font-family: Inter; font-style: normal; font-weight: 700; font-size: .34667rem; line-height: .41333rem; color: #f24544; padding: .08rem .13333rem } .promotionShare__container-swiper .sContent .head2 { font-family: Kumbh Sans; font-style: normal; font-weight: 900; font-size: .53333rem; line-height: .53333rem; letter-spacing: .05333rem; margin-left: .08rem; text-align: center; color: #fff; margin-top: .13333rem; word-break: break-all } .promotionShare__container-swiper .sContent .head2>span { color: red !important } .promotionShare__container-swiper .sContent .head3 { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-justify-content: space-around; justify-content: space-around; margin-top: .32rem } .promotionShare__container-swiper .sContent .head3>div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; color: #fff; font-family: Kumbh Sans; font-style: normal; font-weight: 400; font-size: .34667rem; line-height: .42667rem; border: .01333rem solid #fff4c6; border-radius: .13333rem; min-width: 2.4rem; min-height: 1.6rem; gap: .08rem; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .promotionShare__container-swiper .sContent .head3>div>img { width: .8rem; height: .8rem } .promotionShare__container-swiper .sContent .head4 { color: #fff; font-family: Kumbh Sans; font-style: normal; font-weight: 700; font-size: .42667rem; line-height: .53333rem; margin-top: .66667rem; letter-spacing: .06667rem } .promotionShare__container-swiper .sContent .head4>span { letter-spacing: .01333rem; color: #fdf1ad; text-shadow: 0 .02667rem 0 #fd5f06 } .promotionShare__container-swiper canvas { position: absolute; bottom: .2rem; left: 50%; margin-left: -1.2rem; z-index: 22; width: 2.42667rem !important; height: 2.42667rem !important } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .x-page { overflow: hidden; padding: 0 .32rem } .x-page .tabs { background: var(--bg_color_L1); margin-left: -.13333rem; width: calc(100% + .13333rem) } .x-page .tab_item { width: 2.53333rem; height: 1.33333rem; margin-inline: .06667rem; padding: 0; color: var(--text_color_L2); border-radius: .21333rem; background: var(--bg_color_L2); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .x-page .tab_item svg { height: .66667rem; width: .66667rem } .x-page .tab_item span { font-size: .32rem } .x-page .tab_item.tab_active { color: var(--text_color_L4); background: var(--main_gradient-color) } .x-page :v-deep(.fun-tabs .fun-tab-item) { padding: .18667rem 0 } .x-page-list { padding-bottom: .53333rem; margin-top: .26667rem } .x-page-list .item { background-color: var(--bg_color_L2); margin-bottom: .26667rem; padding: .26667rem; border-radius: .26667rem } .x-page-list .item .title { font-size: .37333rem; color: var(--text_color_L1); height: .8rem; line-height: .8rem; display: -webkit-box; display: -webkit-flex; display: flex } .x-page-list .item .title span { display: block; width: .6rem; margin-left: .13333rem; font-weight: 800; font-size: .53333rem; color: var(--main-color); font-style: italic } .x-page-list .item .box .li { height: .66667rem; line-height: .66667rem; position: relative; padding-left: .53333rem } .x-page-list .item .box .li:first-child:after { display: none } .x-page-list .item .box .li:after { content: ""; position: absolute; border-left: .01333rem dashed var(--darkLight, var(--main-color)); height: .2rem; top: -.10667rem; left: .10667rem } html:lang(ar) .x-page-list .item .box .li:after { left: unset; right: .10667rem } .x-page-list .item .box .li .img { position: absolute; left: 0; top: 50%; -webkit-transform: translate(0, -50%); transform: translateY(-50%); display: block; width: .26667rem; height: .26667rem } html:lang(ar) .x-page-list .item .box .li .img { left: unset; right: 0 } .x-page-list .item .box .li>div { width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .x-page-list .item .box .li>div .sum { color: var(--text_color_L2); font-size: .34667rem } .x-page-list .item .box .li>div .num { font-size: .34667rem; color: var(--text_color_L1) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .customer-container-header { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; width: 100%; height: -webkit-fit-content; height: fit-content; background: var(--bg_color_L2) } .customer-container-header .navbar .navbar__content .navbar__content-left .van-icon, .customer-container-header .navbar .navbar__content .navbar__content-center { color: #fff } .customer-container-header-belly { background-image: var(--main_gradient-color2); display: -webkit-box; display: -webkit-flex; display: flex } .customer-container-header-belly img { width: 7.04rem; margin: auto } :root { --van-tabs-card-height: auto } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .subordinate__container { padding-inline: .32rem; padding-bottom: .26667rem } .subordinate__container-header { position: fixed; left: 50%; -webkit-transform: translateX(-50%); transform: translate(-50%); width: 100%; max-width: 10rem; -webkit-user-select: none; user-select: none; z-index: 100; color: var(--text_color_L1) } .subordinate__container-content { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; margin-top: 1.73333rem; margin-bottom: .4rem; border-radius: .13333rem; background-color: var(--textW); padding: 0 .33333rem } .subordinate__container-content__item { padding: .33333rem 0 } .subordinate__container-content__item>div { color: var(--text_color_L2); font-weight: 400; font-size: .34667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin-top: .13333rem; margin-bottom: .26667rem } .subordinate__container-content__item>div:nth-of-type(2)>span:nth-of-type(1) { color: var(--text_color_L1) } .subordinate__container-content__item>div:nth-of-type(2)>span:nth-of-type(2) { color: var(--text_color_L2) } .van-tabs { background: var(--bgColor-6); z-index: 100 } .top-tabBar { margin-bottom: .26667rem } .top-tabBar .van-tabs__nav--card { height: .8rem; margin: 0; display: -webkit-box; display: -webkit-flex; display: flex; gap: .26667rem; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .top-tabBar .van-tabs__nav--card .van-tab--card { height: 100%; padding: 0 .13333rem; color: var(--text_color_L2) !important; border-radius: .13333rem; background: var(--bgDark-2, var(--bg_color_L2)); font-weight: 400; font-size: .34667rem } .top-tabBar .van-tabs__nav--card .van-tab--card>span { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; white-space: nowrap } .top-tabBar .van-tabs__nav--card .van-tab--card.van-tab--active { color: var(--textW) !important; background: var(--main_gradient-color) } .footer-tabBar .van-tabs__nav--card { height: 1.17333rem; margin: 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; border-radius: .13333rem } .footer-tabBar .van-tabs__nav--card .van-tab--card { height: 100%; padding: 0 .13333rem; background: var(--darkBg, var(--bg_color_L2)) !important; font-weight: 400; font-size: .34667rem; color: var(--text_color_L2) !important; border-radius: .21333rem } .footer-tabBar .van-tabs__nav--card .van-tab--card>span { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; white-space: nowrap } .footer-tabBar .van-tabs__nav--card .van-tab--card.van-tab--active { color: var(--text_color_L4) !important; background: var(--main_gradient-color) !important; position: relative } .footer-tabBar .van-tabs__nav--card .van-tab--card.van-tab--active:after { content: " "; position: absolute; left: 0; bottom: 0; right: 0; height: .01333rem } @media screen and (max-width: 500px) { .subordinate__container-header { max-width: none } } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .partner-banner { height: 3.01333rem; margin-bottom: .4rem; position: relative; padding-left: 6rem; padding-top: .53333rem; background: url(/assets/png/teamPartnerBg-7a2f5d9d.png); background-size: cover } .partner-banner-box { left: 0; top: 0; width: 3.94667rem !important } .partner-banner img { position: absolute; width: 100%; height: 100%; left: 0; top: 0 } .partner-banner h2 { color: #1e2637; font-family: Inter; font-size: .4rem; font-style: normal; font-weight: 700; line-height: normal } .partner-banner p { min-width: 3.21333rem; max-width: 80%; height: .66667rem; -webkit-flex-shrink: 0; flex-shrink: 0; border-radius: .8rem; background: #FEAA57; color: #fff; font-size: .45333rem; margin-top: .26667rem; line-height: .66667rem; text-align: center; position: relative; z-index: 2 } .partner-main { padding: 0 .32rem } .partner-item { height: 1.17333rem; border-radius: .26667rem; background: var(--bg_color_L2); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin-bottom: .2rem; font-size: .37333rem; padding: .26667rem } .partner-item span { color: var(--text_color_L2) } .partner-item span.number { color: var(--text_color_L1) } .partner-item span.count { color: var(--norm_green-color) } .partner-item span.money { color: var(--norm_red-color); font-size: .45333rem; font-weight: bolder } .partner-entry { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; font-size: .37333rem; color: var(--text_color_L1); padding: .4rem } .partner-entry div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .partner-entry svg { width: .48rem; height: .48rem } .partner-title { color: var(--text_color_L1); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; font-size: .42667rem; font-weight: 700; line-height: .53333rem; text-align: left; margin-bottom: .2rem; height: .53333rem } .partner-title:before { content: ""; display: inline-block; width: .08rem; height: .4rem; background: var(--main-color); margin-right: .13333rem } .partner-link { height: 1.17333rem; background: var(--main_gradient-color); border-radius: .66667rem; line-height: .53333rem; padding: 0 .26667rem; margin-bottom: .53333rem; font-size: .37333rem; color: var(--text_color_L1); text-align: center; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .partner-code { height: 1.17333rem; background: var(--bg_color_L2); border-radius: .66667rem; line-height: 1.17333rem; padding: 0 .53333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; position: relative; margin-bottom: .53333rem; color: var(--text_color_L1); font-size: .37333rem } .partner-code:after { display: block; content: ""; width: 0; height: 0; border-left: .58667rem solid var(--bg_color_L2); border-bottom: 1.17333rem solid transparent; border-top: 0 solid transparent; position: absolute; right: 2.18667rem; top: -.01333rem } .partner-code:before { content: ""; position: absolute; width: 2.73333rem; height: 1.17333rem; right: 0; background: var(--main-color); border-radius: 0 .66667rem .66667rem 0; z-index: 0 } .partner-code span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1 } .partner-code span:first-of-type { -webkit-box-flex: 0; -webkit-flex: none; flex: none; display: block; width: 5.86667rem } .partner-code span:last-child { position: relative; z-index: 1; display: inline-block; padding: 0 .13333rem; -webkit-box-flex: 0; -webkit-flex: none; flex: none } .partner-code svg { color: var(--text_color_L4); width: .64rem; height: .64rem; vertical-align: middle } .partner-btn { height: .93333rem; border-radius: .66667rem; text-align: center; line-height: .93333rem; font-size: .42667rem; color: var(--textW); background: var(--main_gradient-color); margin-bottom: .93333rem } .partner-rule { background: var(--bg_color_L2); border-radius: .13333rem; padding: .26667rem } .partner-rule-title { color: var(--text_color_L1); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; font-size: .42667rem; font-weight: 700; line-height: .53333rem; text-align: left; margin-bottom: .2rem; height: .53333rem } .partner-rule-title .img { width: .64rem; height: .64rem } .partner-rule-text { border-radius: .13333rem; padding: .4rem } .partner-rule p { color: var(--text_color_L2); font-size: .34667rem; line-height: .45333rem; margin-bottom: .4rem; padding-left: .34667rem; position: relative } .partner-rule p:before { content: ""; display: block; position: absolute; left: 0; top: .13333rem; height: .16rem; width: .16rem; -webkit-box-flex: 0; -webkit-flex: none; flex: none; border-radius: .02667rem; background: var(--main-color); -webkit-transform: rotate(45deg); transform: rotate(45deg) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .TeamReport__C { padding: 0 .32rem } .TeamReport__C-head { height: 2.4rem } .TeamReport__C-head-fixed { position: fixed; top: 1.22667rem; width: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translate(-50%); max-width: 10rem; background-color: var(--bg_color_L1); padding: 0 .32rem; z-index: 9 } .TeamReport__C-head-line2 { height: 1.06667rem; width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; color: var(--text_color_L2); font-size: .37333rem; margin-top: .26667rem } .TeamReport__C-head-line2>div { border-radius: .13333rem; line-height: 1.06667rem; width: calc(100% - .13333rem); padding: 0 .26667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; background-color: var(--bg_color_L2) } .TeamReport__C-head-line2>div+div { margin-left: .26667rem } .TeamReport__C-head-line2 .default { color: var(--text_color_L1) } .TeamReport__C-body { margin-top: .53333rem; color: var(--text_color_L2) } .TeamReport__C-body-item { background: var(--darkBg, var(--bg_color_L2)); box-shadow: var(--BoxShadowColor-9); border-radius: .13333rem; padding: 0 .26667rem } .TeamReport__C-body-item-head { height: .93333rem; padding-top: .13333rem; border-bottom: .01333rem solid var(--Dividing-line_color); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; font-size: .42667rem; color: var(--darkTextW, var(--text_color_L1)) } .TeamReport__C-body-item-head .title { min-width: 2.66667rem } .TeamReport__C-body-item-head img { width: .4rem; margin-left: 7px; } .TeamReport__C-body-item-detail { padding: .29333rem 0; font-size: .34667rem } .TeamReport__C-body-item-detail>div { height: .4rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } .TeamReport__C-body-item-detail>div+div { margin-top: .29333rem } .TeamReport__C-body-item-detail-time span { font-size: .32rem; color: var(--text_color_L3) } .TeamReport__C-body-item-detail-commission span { color: var(--norm_secondary-color) } .TeamReport__C-body-item+div { margin-top: .32rem } .TeamReport__C-body .header-container { min-height: 2.66667rem; background-color: var(--bg_color_L3); color: var(--text_color_L1); font-size: .32rem; display: -webkit-box; display: -webkit-flex; display: flex; padding: .53333rem 0; margin-bottom: .4rem; border-radius: .26667rem; -webkit-flex-wrap: wrap; flex-wrap: wrap } .TeamReport__C-body .header-container>div { width: 50%; text-align: center; color: var(--text_color_L1) } .TeamReport__C-body .header-container>div:nth-of-type(odd) { margin: .13333rem auto 0 } .TeamReport__C-body .header-container>div:nth-of-type(odd):before { display: none } .TeamReport__C-body .header-container>div>div:last-of-type { color: var(--text_color_L2) } .TeamReport__C-body .header-container>div+div { position: relative; margin-bottom: .13333rem } .TeamReport__C-body .header-container>div+div:before { content: ""; display: block; position: absolute; border-right: .01333rem solid var(--text_color_L3); height: 100%; width: 0; left: 0; top: 0 } .TeamReport__C-body .header-container .num { height: .56rem; font-size: .48rem; font-weight: 700; margin-bottom: .4rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .icon-LV { height: .61333rem; width: 1.33333rem; background: url(/assets/png/lv-a50fb325.png) no-repeat center center; background-size: cover; position: relative; text-align: center } .icon-LV .txt { display: block; position: absolute; right: 0; bottom: 0; height: .4rem; line-height: .42667rem; width: .69333rem; background: -webkit-linear-gradient(top, #fffba9 0%, #fff670 56.13%, #ffd180 100%); background: linear-gradient(180deg, #fffba9 0%, #fff670 56.13%, #ffd180 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent } .TeamReportDetail__C { padding: 0 .32rem } .TeamReportDetail__C-head { border-radius: .13333rem .13333rem 0 0; background-color: var(--bg_color_L2); min-height: 3.46667rem; padding: 0 .26667rem } .TeamReportDetail__C-head-top { height: 1.06667rem; border-bottom: .01333rem solid #d6d6d6; display: -webkit-box; display: -webkit-flex; display: flex; font-size: .37333rem; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; color: var(--text_color_L1) } .TeamReportDetail__C-head-top-btn { width: 3rem; height: .56rem; line-height: .56rem; border: .01333rem solid #f95959; border-radius: .26667rem; font-size: .32rem; color: #f95959; text-align: center } .TeamReportDetail__C-head-detail { padding: .29333rem 0; font-size: .34667rem; color: var(--text_color_L1) } .TeamReportDetail__C-head-detail>div { height: .4rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .TeamReportDetail__C-head-detail>div+div { margin-top: .29333rem } .TeamReportDetail__C-head-detail-time span { font-size: .34667rem; color: #ff7f22 } .TeamReportDetail__C-head-detail-commission span { color: #ff7f22 } .TeamReportDetail__C-img { height: .01333rem; width: 100%; position: relative; border-bottom: .01333rem dashed #525167; border-width: .05333rem } .TeamReportDetail__C-img:after, .TeamReportDetail__C-img:before { content: ""; display: block; background: var(--bg_color_L1); width: .56rem; height: .56rem; position: absolute; border-radius: 50%; top: -.28rem } .TeamReportDetail__C-img:before { left: -.28rem } .TeamReportDetail__C-img:after { right: -.28rem } .TeamReportDetail__C-detail { border-radius: 0 0 .13333rem .13333rem; background-color: var(--bg_color_L2); padding: .4rem .32rem } .TeamReportDetail__C-detail .btn { width: 100%; height: .8rem; line-height: .8rem; border: .01333rem solid var(--main-color); color: var(--main-color); text-align: center; border-radius: .8rem } .TeamReportDetail__C-body { background: var(--bg_color_L2); margin-top: .26667rem; border-radius: .13333rem } .TeamReportDetail__C-body .title { font-size: .37333rem; color: var(--text_color_L1); padding: .26667rem .33333rem 0 } .TeamReportDetail__C-body .box { padding: .26667rem } .TeamReportDetail__C-body-item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; height: .37333rem; font-size: .34667rem; color: #7e829f; padding-left: .48rem; background-image: url(/assets/png/roundIcon-55f7c1f0.png); background-size: .26667rem; background-position: left center; background-repeat: no-repeat; position: relative } html:lang(ar) .TeamReportDetail__C-body-item { background-position: right center } .TeamReportDetail__C-body-item:last-child:before { content: normal } .TeamReportDetail__C-body-item:before { content: ""; position: absolute; display: block; height: calc(100% + .4rem); width: 0; border-left: .01333rem dashed var(--main-color); left: .10667rem; top: 50% } html:lang(ar) .TeamReportDetail__C-body-item:before { right: .10667rem; left: auto } .TeamReportDetail__C-body-item+div { margin-top: .4rem } .TeamReportDetail__C-body-item span { color: var(--text_color_L1); font-size: .34667rem } .TeamReportDetail__C-body-item span.meony { color: #ff7f22 } .TeamReportDetail__C-body-item span.level { color: var(--main-color) } .TeamReportDetail__C-body-grade { overflow: hidden; margin-bottom: .66667rem } .TeamReportDetail__C-body-grade-th { display: -webkit-box; display: -webkit-flex; display: flex; height: 1.33333rem; color: #fff; font-size: .34667rem; line-height: 1.33333rem; background: var(--sheet_nva_color); text-align: center } .TeamReportDetail__C-body-grade-th .item { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1 } .TeamReportDetail__C-body-grade-tr { display: -webkit-box; display: -webkit-flex; display: flex; width: calc(100% + .01333rem); background-color: #fff; margin: 0 -.01333rem -.01333rem; color: var(--text_color_L2); background: var(--bg_color_L2) } .TeamReportDetail__C-body-grade-tr:nth-of-type(odd) { background: var(--sheet_detail_bg_color) } .TeamReportDetail__C-body-grade-tr .item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; width: 33.3%; height: .93333rem; padding: .06667rem 0; font-size: .34667rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .canvas { width: .26667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; position: absolute; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; z-index: 2; left: .29333rem; top: .50667rem } .canvas svg { width: .26667rem; height: .26667rem; margin-bottom: .50667rem } #canvas { position: absolute; left: .18667rem; top: 0; z-index: 1 } .invitationDetail__container { padding-inline: .32rem; padding-block: 0 1.49333rem; font-family: bahnschrift } .invitationDetail__container .van-nav-bar { background-color: #f6f6f6 } .invitationDetail__container .van-nav-bar .van-nav-bar__content .van-nav-bar__left .van-icon, .invitationDetail__container .van-nav-bar .van-nav-bar__content .van-nav-bar__title { color: var(--text_color_L1) } .invitationDetail__container-content img { width: 9.36rem; height: .58667rem } .invitationDetail__container-content__item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: .32rem; padding: .32rem .13333rem; border-radius: .13333rem .13333rem 0 0; background-color: var(--textW) } .invitationDetail__container-content__item-header { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; gap: .13333rem } .invitationDetail__container-content__item-header span { width: 2rem; height: .66667rem; font-size: .37333rem; text-align: center; line-height: .66667rem; border-radius: .13333rem } .invitationDetail__container-content__item-header span:first-of-type { margin-left: .06667rem; color: var(--textW); background: var(--norm_green-color) } .invitationDetail__container-content__item-header span:nth-of-type(2) { color: var(--main-color); border: .01333rem solid var(--main-color) } .invitationDetail__container-content__item-body { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: .13333rem; font-size: .32rem; color: var(--text_color_L2) } .invitationDetail__container-content__item-body>div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .invitationDetail__container-content__item-body>div:nth-of-type(3) span:last-of-type, .invitationDetail__container-content__item-body>div:nth-of-type(4) span:last-of-type, .invitationDetail__container-content__item-body>div:nth-of-type(5) span:last-of-type, .invitationDetail__container-content__item-body>div:nth-of-type(7) span:last-of-type { color: var(--norm_secondary-color) } .invitationDetail__container-content__item-body>div:nth-of-type(8) span:last-of-type { color: var(--text_color_L2) } .invitationDetail__container-content__item-body>div span { height: .8rem; padding: 0 .26667rem; line-height: .8rem } .invitationDetail__container-content__item-body>div span:first-of-type { -webkit-box-flex: .45; -webkit-flex: .45; flex: .45; -webkit-clip-path: polygon(0 0, 100% 0, 92% 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 92% 100%, 0 100%) } .invitationDetail__container-content__item-body>div span:last-of-type { -webkit-box-flex: .55; -webkit-flex: .55; flex: .55; text-align: right } .invitationDetail__container-betHistory { background: var(--bg_color_L2); margin-top: -.12rem; padding: .45333rem .32rem .26667rem; height: 9.33333rem; position: relative } .invitationDetail__container-betHistory>div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; height: .37333rem; margin-bottom: .4rem } .invitationDetail__container-betHistory>div span { color: var(--text_color_L3); font-size: .34667rem; line-height: .37333rem; margin-left: .37333rem } .invitationDetail__container-betHistory>div div { font-size: .34667rem; line-height: .37333rem; color: var(--text_color_L1) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .customer-container-header { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; width: 100%; height: -webkit-fit-content; height: fit-content; background: var(--main_gradient-color2) } .customer-container-header .navbar .navbar__content .navbar__content-left .van-icon, .customer-container-header .navbar .navbar__content .navbar__content-center { color: #fff } .customer-container-header-belly { background-image: var(--main_gradient-color2); display: -webkit-box; display: -webkit-flex; display: flex } .customer-container-header-belly img { width: 7.04rem; margin: auto } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .invitation { padding: 0 .16rem } .invitation ul { margin-block: .32rem } .invitation-item { height: 2.66667rem; padding: .4rem .26667rem; background: var(--bg_color_L2); border-radius: .16rem; color: var(--text_color_L2); font-size: .32rem; font-weight: 400; margin-bottom: .2rem; line-height: .37333rem } .invitation-item:last-child { margin-bottom: 0 } .invitation-item p { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin-bottom: .45333rem } .invitation-item p:last-child { margin-bottom: 0 } .invitation-item .uid { color: var(--text_color_L2); font-size: .4rem; font-style: normal; font-weight: 400; line-height: .37333rem } .invitation-item .name { color: var(--text_color_L1); font-size: .4rem; font-style: normal; font-weight: 400; line-height: .37333rem } .invitation-item .status { color: var(--norm_red-color); font-size: .37333rem; font-style: normal; font-weight: 400; line-height: .42667rem } .invitation-item .status.isRecharge { color: var(--norm_green-color) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .TeamReportDetail__C { padding: 0 .32rem } .TeamReportDetail__C-head { border-radius: .13333rem .13333rem 0 0; background-color: #fff; height: 3.46667rem; padding: 0 .26667rem } .TeamReportDetail__C-head-top { height: 1.06667rem; border-bottom: .01333rem solid #d6d6d6; display: -webkit-box; display: -webkit-flex; display: flex; font-size: .37333rem; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; color: #333 } .TeamReportDetail__C-head-top-btn { width: 3rem; height: .56rem; line-height: .56rem; border: .01333rem solid #f95959; border-radius: .26667rem; font-size: .32rem; color: #f95959; text-align: center } .TeamReportDetail__C-head-detail { padding: .29333rem 0; color: 666; font-size: .34667rem; color: #666 } .TeamReportDetail__C-head-detail>div { height: .4rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .TeamReportDetail__C-head-detail>div+div { margin-top: .29333rem } .TeamReportDetail__C-head-detail-time span { font-size: .32rem; color: #aeb0c6 } .TeamReportDetail__C-head-detail-commission span { color: #ff7f22 } .TeamReportDetail__C-img { height: .56rem; width: 100%; background-image: url(/assets/png/moonBar-f80ac733.png); background-repeat: no-repeat; background-size: cover } .TeamReportDetail__C-detail { border-radius: 0 0 .13333rem .13333rem; background-color: #fff; height: 3.73333rem; padding: .4rem .32rem } .TeamReportDetail__C-detail-item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; height: .37333rem; font-size: .34667rem; color: #7e829f; padding-left: .48rem; background-image: url(/assets/png/roundIcon-55f7c1f0.png); background-size: .26667rem; background-position: left center; background-repeat: no-repeat; position: relative } .TeamReportDetail__C-detail-item:last-child:before { content: normal } .TeamReportDetail__C-detail-item:before { content: ""; position: absolute; display: block; height: calc(100% + .4rem); width: 0; border-left: .01333rem dashed #ff7172; left: .10667rem; top: 50% } .TeamReportDetail__C-detail-item+div { margin-top: .4rem } .TeamReportDetail__C-detail-item span { color: #333 } /* ===== assets/css/page-vip-7438b394.css ===== */ @charset "UTF-8"; .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .vip-content-card { min-height: 4rem } .vip-content-card .mb25 { margin-bottom: .33333rem } .vip-content-card .mt50 { margin-top: .93333rem } .vip-content-card .mb8 { margin-bottom: .10667rem } .vip-content-card .mb30 { margin-bottom: .4rem } .vip-content-card .bgg { background: -webkit-linear-gradient(top, #f3ffdd 0%, #a6ff7d 100%); background: linear-gradient(180deg, #f3ffdd 0%, #a6ff7d 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text } .vip-content-card .itemInfo { border-radius: .13333rem; width: 7.62667rem; min-height: 4.2rem; color: var(--textW); font-weight: 400; font-size: .29333rem; padding: .2rem .26667rem; position: relative } .vip-content-card .itemInfo-right { position: absolute; right: .13333rem; top: .13333rem } html:lang(ar) .vip-content-card .itemInfo-right { left: .13333rem; right: unset } .vip-content-card .itemInfo-right img { width: 1.86667rem; height: auto } .vip-content-card .itemInfo-head>div:nth-of-type(1) { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .vip-content-card .itemInfo-head>div:nth-of-type(1)>img:nth-of-type(1) { width: .66667rem; height: .66667rem; margin-right: .13333rem } .vip-content-card .itemInfo-head>div:nth-of-type(1)>h1 { font-weight: 900; font-size: .64rem; margin-right: .26667rem } .vip-content-card .itemInfo-head>div:nth-of-type(1)>h1.level1 { background: -webkit-linear-gradient(top, #ffffff 39.98%, #d0dae6 100%); background: linear-gradient(180deg, #ffffff 39.98%, #d0dae6 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text } .vip-content-card .itemInfo-head>div:nth-of-type(1)>h1.level2 { background: -webkit-linear-gradient(top, #fff9d6 39.98%, #ffe650 100%); background: linear-gradient(180deg, #fff9d6 39.98%, #ffe650 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text } .vip-content-card .itemInfo-head>div:nth-of-type(1)>img:nth-of-type(2) { width: .4rem; margin-right: .06667rem } .vip-content-card .itemInfo-head>div.border { border-radius: .08rem; padding-top: .02667rem; padding-bottom: .02667rem; display: inline-block; padding: 0 .10667rem } .vip-content-card .itemInfo-head>div.border h3 { display: inline } .vip-content-card .itemInfo-head>div.border h3.level1 { color: var(--textW) } .vip-content-card .itemInfo-head>div.border h3.level2 { background: -webkit-linear-gradient(top, #f09238 0%, #d26d0a 100%); background: linear-gradient(180deg, #f09238 0%, #d26d0a 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text } .vip-content-card .itemInfo-head>div.border h3.level3 { background: -webkit-linear-gradient(top, #ff767e 0%, #e93a42 100%); background: linear-gradient(180deg, #ff767e 0%, #e93a42 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text } .vip-content-card .itemInfo-head>div.border h3.level4 { background: -webkit-linear-gradient(top, #25c9fd 0%, #096cfe 100%); background: linear-gradient(180deg, #25c9fd 0%, #096cfe 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text } .vip-content-card .itemInfo-head>div.border h3.level5, .vip-content-card .itemInfo-head>div.border h3.level6, .vip-content-card .itemInfo-head>div.border h3.level7, .vip-content-card .itemInfo-head>div.border h3.level8, .vip-content-card .itemInfo-head>div.border h3.level9, .vip-content-card .itemInfo-head>div.border h3.level10 { background: -webkit-linear-gradient(top, #fffdf3 0%, #eeff2b 100%); background: linear-gradient(180deg, #fffdf3 0%, #eeff2b 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text } .vip-content-card .itemInfo-head>div.border.level1 { border: .01333rem solid #c4d2e7 } .vip-content-card .itemInfo-head>div.border.level2 { border: .01333rem solid #ffe2c5 } .vip-content-card .itemInfo-head>div.border.level3 { border: .01333rem solid #ffd2ca } .vip-content-card .itemInfo-head>div.border.level4 { border: .01333rem solid #d6faff } .vip-content-card .itemInfo-head>div.border.level5 { border: .01333rem solid #fee0ff } .vip-content-card .itemInfo-head>div.border.level6 { border: .01333rem solid #b2ffe3 } .vip-content-card .itemInfo-head>div.border.level7 { border: .01333rem solid #82f059 } .vip-content-card .itemInfo-head>div.border.level8 { border: .01333rem solid #9ce7ff } .vip-content-card .itemInfo-head>div.border.level9 { border: .01333rem solid #f9dcff } .vip-content-card .itemInfo-head>div.border.level10 { border: .01333rem solid #ffee94 } .vip-content-card .itemInfo-bottom>p { text-align: right; margin-bottom: .13333rem } .vip-content-card .itemInfo-bottom>div.first { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding-bottom: .13333rem } .vip-content-card .itemInfo-bottom>div:last-of-type { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin-top: .06667rem } .vip-content-card .itemInfo-bottom>h2 { font-size: .37333rem; text-align: left } .vip-content-card .itemInfo-bottom>h2.level1, .vip-content-card .itemInfo-bottom>h2.level3, .vip-content-card .itemInfo-bottom>h2.level5, .vip-content-card .itemInfo-bottom>h2.level7, .vip-content-card .itemInfo-bottom>h2.level8, .vip-content-card .itemInfo-bottom>h2.level9, .vip-content-card .itemInfo-bottom>h2.level10 { color: var(--textW) } .vip-content-card .itemInfo-bottom>h2.level2 { color: #b95d04 } .vip-content-card .itemInfo-bottom>h2.level4 { color: #2789e0 } .vip-content-card .itemInfo-bottom>h2.level6 { color: #089f78 } .vip-content-card .itemInfo-bottom span.level { border-radius: .53333rem; padding: 0 .13333rem } .vip-content-card .itemInfo-bottom span.level1 { background: -webkit-linear-gradient(left, #899fbf 0%, #6f85a5 92.31%); background: linear-gradient(90deg, #899fbf 0%, #6f85a5 92.31%) } .vip-content-card .itemInfo-bottom span.level2 { background: -webkit-linear-gradient(left, #ef9033 0%, #c97420 92.31%); background: linear-gradient(90deg, #ef9033 0%, #c97420 92.31%) } .vip-content-card .itemInfo-bottom span.level3 { background: -webkit-linear-gradient(left, #ff7878 0%, #f05c5c 92.31%); background: linear-gradient(90deg, #ff7878 0%, #f05c5c 92.31%) } .vip-content-card .itemInfo-bottom span.level4 { background: -webkit-linear-gradient(left, #40c4ed 0%, #30b4e9 92.31%); background: linear-gradient(90deg, #40c4ed 0%, #30b4e9 92.31%) } .vip-content-card .itemInfo-bottom span.level5 { background: -webkit-linear-gradient(left, #d669fe 0%, #f951d6 92.31%); background: linear-gradient(90deg, #d669fe 0%, #f951d6 92.31%) } .vip-content-card .itemInfo-bottom span.level6 { background: -webkit-linear-gradient(left, #23c89d 0%, #17af87 92.31%); background: linear-gradient(90deg, #23c89d 0%, #17af87 92.31%) } .vip-content-card .itemInfo-bottom span.level7 { background: -webkit-linear-gradient(left, #67d145 0%, #27b770 92.31%); background: linear-gradient(90deg, #67d145 0%, #27b770 92.31%) } .vip-content-card .itemInfo-bottom span.level8 { background: -webkit-linear-gradient(left, #308fff 0%, #1277ea 92.31%); background: linear-gradient(90deg, #308fff 0%, #1277ea 92.31%) } .vip-content-card .itemInfo-bottom span.level9 { background: -webkit-linear-gradient(left, #b45aff 0%, #8945fa 92.31%); background: linear-gradient(90deg, #b45aff 0%, #8945fa 92.31%) } .vip-content-card .itemInfo-bottom span.level10 { background: -webkit-linear-gradient(left, #ff940a 0%, #eb7119 92.31%); background: linear-gradient(90deg, #ff940a 0%, #eb7119 92.31%) } .vip-content-card .itemInfo.level1 { background: url(/assets/png/bg1-7ff97a99.png) no-repeat center, -webkit-linear-gradient(332.71deg, #a6b7d0 21.85%, #889ebe 67.02%); background: url(/assets/png/bg1-7ff97a99.png) no-repeat center, linear-gradient(117.29deg, #a6b7d0 21.85%, #889ebe 67.02%); box-shadow: 0 .02667rem #7991b6, inset 0 .02667rem #bdcadc } .vip-content-card .itemInfo.level2 { background: url(/assets/png/bg2-ee7fbf5e.png) no-repeat center, -webkit-linear-gradient(332.71deg, #f8bd83 21.85%, #e2984e 67.02%); background: url(/assets/png/bg2-ee7fbf5e.png) no-repeat center, linear-gradient(117.29deg, #f8bd83 21.85%, #e2984e 67.02%); box-shadow: 0 .02667rem #d77d22, inset 0 .02667rem #fcca97 } .vip-content-card .itemInfo.level3 { background: url(/assets/png/bg3-96f1cdae.png) no-repeat center, -webkit-linear-gradient(332.71deg, #ffa493 21.85%, #ff7878 67.02%); background: url(/assets/png/bg3-96f1cdae.png) no-repeat center, linear-gradient(117.29deg, #ffa493 21.85%, #ff7878 67.02%); box-shadow: 0 .02667rem #fc5a51, inset 0 .02667rem #ffaea0 } .vip-content-card .itemInfo.level4 { background: url(/assets/png/bg4-c3caf0f8.png) no-repeat center, -webkit-linear-gradient(332.71deg, #78dbeb 21.85%, #48c7f0 67.02%); background: url(/assets/png/bg4-c3caf0f8.png) no-repeat center, linear-gradient(117.29deg, #78dbeb 21.85%, #48c7f0 67.02%); box-shadow: 0 .02667rem #25baea, inset 0 .02667rem #89eaff } .vip-content-card .itemInfo.level5 { background: url(/assets/png/bg5-e2132369.png) no-repeat center, -webkit-linear-gradient(332.71deg, #df91fb 21.85%, #ef82d5 67.02%); background: url(/assets/png/bg5-e2132369.png) no-repeat center, linear-gradient(117.29deg, #df91fb 21.85%, #ef82d5 67.02%); box-shadow: 0 .02667rem #da62bd, inset 0 .02667rem #fba4f7 } .vip-content-card .itemInfo.level6 { background: url(/assets/png/bg6-8b5d1b4f.png) no-repeat center, -webkit-linear-gradient(332.71deg, #61dca6 21.85%, #229b5f 67.02%); background: url(/assets/png/bg6-8b5d1b4f.png) no-repeat center, linear-gradient(117.29deg, #61dca6 21.85%, #229b5f 67.02%); box-shadow: 0 .02667rem #10b087, inset 0 .02667rem #90ffce } .vip-content-card .itemInfo.level7 { background: url(/assets/png/bg7-535312da.png) no-repeat center, -webkit-linear-gradient(332.71deg, #57b733 21.85%, #229b5f 67.02%); background: url(/assets/png/bg7-535312da.png) no-repeat center, linear-gradient(117.29deg, #57b733 21.85%, #229b5f 67.02%); box-shadow: 0 .02667rem #1b8e56, inset 0 .02667rem #6dc950 } .vip-content-card .itemInfo.level8 { background: url(/assets/png/bg8-8bdc102c.png) no-repeat center, -webkit-linear-gradient(332.71deg, #54baf1 21.85%, #3d77e8 67.02%); background: url(/assets/png/bg8-8bdc102c.png) no-repeat center, linear-gradient(117.29deg, #54baf1 21.85%, #3d77e8 67.02%); box-shadow: 0 .02667rem #2964d8, inset 0 .02667rem #7ed1ff } .vip-content-card .itemInfo.level9 { background: url(/assets/png/bg9-74d6723d.png) no-repeat center, -webkit-linear-gradient(332.71deg, #d084e2 21.85%, #8d49ff 67.02%); background: url(/assets/png/bg9-74d6723d.png) no-repeat center, linear-gradient(117.29deg, #d084e2 21.85%, #8d49ff 67.02%); box-shadow: 0 .02667rem #8238fa, inset 0 .02667rem #de7cf5 } .vip-content-card .itemInfo.level10 { background: url(/assets/png/bg10-76abb4b7.png) no-repeat center, -webkit-linear-gradient(332.71deg, #eeaf3a 21.85%, #f98b3b 67.02%); background: url(/assets/png/bg10-76abb4b7.png) no-repeat center, linear-gradient(117.29deg, #eeaf3a 21.85%, #f98b3b 67.02%); box-shadow: 0 .02667rem #ec6d0f, inset 0 .02667rem #ffc456 } .vip-content-card .swiper { width: 100%; height: 100% } .vip-content-card .van-progress.level1 { box-shadow: 0 .01333rem #b1c4e1, inset 0 .05333rem .05333rem #607596 } .vip-content-card .van-progress.level2 { box-shadow: 0 .01333rem #ffc387, inset 0 .05333rem .05333rem #ad5913 } .vip-content-card .van-progress.level3 { box-shadow: 0 .01333rem #ffada0, inset 0 .05333rem .05333rem #d62f36 } .vip-content-card .van-progress.level4 { box-shadow: 0 .01333rem #7ee9fc, inset 0 .05333rem .05333rem #2e96d5 } .vip-content-card .van-progress.level5 { box-shadow: 0 .01333rem #ffb4f5, inset 0 .05333rem .05333rem #d73db1 } .vip-content-card .van-progress.level6 { box-shadow: 0 .01333rem #62ecbc, inset 0 .05333rem .05333rem #1a9575 } .vip-content-card .van-progress.level7 { box-shadow: 0 .01333rem #4fc54d, inset 0 .05333rem .05333rem #117443 } .vip-content-card .van-progress.level8 { box-shadow: 0 .01333rem #70a4ff, inset 0 .05333rem .05333rem #1b57c8 } .vip-content-card .van-progress.level9 { box-shadow: 0 .01333rem #b27cff, inset 0 .05333rem .05333rem #7129ee } .vip-content-card .van-progress.level10 { box-shadow: 0 .01333rem #ffb64b, inset 0 .05333rem .05333rem #d7610b } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .red { color: var(--promotionTitle1) } .yellow { color: #ff7d06 } .vip-content-weal { margin-top: .4rem; background: var(--whiteBg); border-radius: .13333rem; padding: .4rem .13333rem; overflow: hidden; min-height: 5.06667rem } .vip-content-weal-head { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row } .vip-content-weal-head img { width: .64rem; height: .64rem; margin-right: .13333rem } .vip-content-weal-head h1 { width: 87%; color: var(--text1); font-weight: 600; font-size: .42667rem; padding-bottom: .26667rem } .vip-content-weal .v-enter-from, .vip-content-weal .v-leave-to { opacity: 0 } .vip-content-weal .v-enter-active, .vip-content-weal .v-leave-active { -webkit-transition: opacity .5s ease; transition: opacity .5s ease } .vip-content-weal .v-enter-to, .vip-content-weal .v-leave-from { opacity: 1 } .vip-content-weal-con { margin-top: .4rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .vip-content-weal-con>div:nth-of-type(1) { width: 1.33333rem; margin-right: .13333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .vip-content-weal-con>div:nth-of-type(1)>img { width: 1.33333rem; height: 1.33333rem } .vip-content-weal-con>div:nth-of-type(2) { width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: space-around; justify-content: space-around } .vip-content-weal-con>div:nth-of-type(2)>h2 { color: var(--text1); font-size: .4rem } .vip-content-weal-con>div:nth-of-type(2)>span { color: var(--text2) } .vip-content-weal-con>div:nth-of-type(3) { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .vip-content-weal-con>div:nth-of-type(3)>p { background-color: transparent; border: .01333rem solid var(--textM); border-radius: .13333rem; min-width: 2rem; height: .53333rem; line-height: .53333rem; font-size: .34667rem; padding: .02667rem .13333rem; -webkit-box-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; color: var(--HomeBtnColor) } .vip-content-weal-con>div:nth-of-type(3)>p>img { width: .4rem; height: .4rem; margin-right: .13333rem } .vip-content-weal-con>div:nth-of-type(3)>p:nth-of-type(1) { color: #ff7d06; margin-top: .06667rem; margin-bottom: .13333rem; border-color: var(--Orange) } .vip-content-weal-con>div:nth-of-type(3)>p.max { min-height: .66667rem; color: var(--HomeBtnColor); background-color: transparent; border: .01333rem solid var(--promotionTitle1) } .vip-content-weal-con>div:nth-of-type(3)>p.max>img { width: .64rem; height: .64rem; margin-right: .26667rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .red { color: var(--promotionTitle1) } .yellow { color: #ff7d06 } .vip-content-myWelfare { margin-top: .4rem; background: var(--whiteBg); border-radius: .13333rem; padding: .4rem .13333rem .13333rem; min-height: 7.33333rem } .vip-content-myWelfare-head { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row } .vip-content-myWelfare-head img { width: .64rem; height: .64rem; margin-right: .13333rem } .vip-content-myWelfare-head h1 { width: 87%; color: var(--text1); font-weight: 600; font-size: .42667rem; padding-bottom: .26667rem } .vip-content-myWelfare .v-enter-from, .vip-content-myWelfare .v-leave-to { opacity: 0 } .vip-content-myWelfare .v-enter-active, .vip-content-myWelfare .v-leave-active { -webkit-transition: opacity .5s ease; transition: opacity .5s ease } .vip-content-myWelfare .v-enter-to, .vip-content-myWelfare .v-leave-from { opacity: 1 } .vip-content-myWelfare-con { margin-top: .26667rem; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: .26667rem } .vip-content-myWelfare-con .cards { margin-bottom: .4rem } .vip-content-myWelfare-con .cards .card { border-radius: .13333rem; width: 4.4rem } .vip-content-myWelfare-con .cards .card>div { width: 100% } .vip-content-myWelfare-con .cards .card-head { background: var(--LoginGradient); background-size: cover; height: 2.4rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; position: relative; border-radius: .26667rem .26667rem 0 0 } .vip-content-myWelfare-con .cards .card-head>img { width: auto; height: 2.4rem } .vip-content-myWelfare-con .cards .card-head-mon { position: absolute; width: 100%; bottom: 0; height: .53333rem; background: var(--borderColor-29); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .vip-content-myWelfare-con .cards .card-head-mon>p { padding: .06667rem .02667rem; color: var(--textW); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .vip-content-myWelfare-con .cards .card-head-mon>p>img { width: .4rem; height: .4rem; margin-right: .06667rem } .vip-content-myWelfare-con .cards .card-head.tilt>div { -webkit-box-pack: start; -webkit-justify-content: start; justify-content: start; -webkit-clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%); width: 60%; left: 0 } html:lang(ar) .vip-content-myWelfare-con .cards .card-head.tilt>div { left: unset; right: 0 } .vip-content-myWelfare-con .cards .card-bottom { background: var(--whiteBg); padding: .2rem .13333rem; min-height: 1.86667rem } .vip-content-myWelfare-con .cards .card-bottom>h1 { color: var(--text1); font-size: .34667rem; margin-bottom: .13333rem } .vip-content-myWelfare-con .cards .card-bottom .viewD { height: .8rem; line-height: .8rem; border-radius: 1.06667rem; border: .00667rem var(--promotionTitle1) solid; text-align: center; margin-top: .26667rem; color: var(--promotionTitle1); font-size: .34667rem; letter-spacing: .01387rem } .vip-content-myWelfare-con .cards button { border-radius: 1.06667rem; width: 100%; height: .8rem; line-height: .8rem; color: var(--textW); letter-spacing: .04em; font-weight: 700; font-size: .4rem; border: none; margin-top: .2rem } .vip-content-myWelfare-con .cards button.noActive { background: var(--receivedGradient); box-shadow: --BoxShadowColor-3 } .vip-content-myWelfare-con .cards button.active { background: var(--RuleGradient) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .red { color: var(--promotionTitle1) } .yellow { color: #ff7d06 } .vip-content-recordVsrule { margin-top: .4rem } .vip-content-recordVsrule-head { border-radius: .16rem; height: 1.17333rem; color: var(--text2); font-size: .42667rem; line-height: 1.17333rem } .vip-content-recordVsrule-head>button { border: none; width: 50%; background: var(--whiteBg) } .vip-content-recordVsrule-head>button.active { background: var(--HomeBgGradient); box-shadow: var(--BoxShadowColor-20); border-radius: .16rem; color: var(--textW) } .vip-content-recordVsrule-con { margin-top: .4rem; background: var(--whiteBg); border-radius: .16rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column } .vip-content-recordVsrule-con .item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; margin-top: .26667rem; padding: .13333rem .26667rem; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .vip-content-recordVsrule-con .item>div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column } .vip-content-recordVsrule-con .item span.yellow { color: #fb8921 } .vip-content-recordVsrule-con .item span.red { color: var(--HomeBtnColor) } .vip-content-recordVsrule-con .item span.blue { color: #00f } .vip-content-recordVsrule-con .item span.green { color: var(--promotionTextColor2) } .vip-content-recordVsrule-con .item-left>span { margin-bottom: .2rem } .vip-content-recordVsrule-con .item-left>span:nth-of-type(1) { font-size: .4rem } .vip-content-recordVsrule-con .item-left>span:nth-of-type(2) { color: var(--text2) } .vip-content-recordVsrule-con .item-right { -webkit-justify-content: space-around; justify-content: space-around } .vip-content-recordVsrule-con .item-right>p { background-color: transparent; border: .01333rem solid var(--textM); border-radius: .13333rem; min-width: 2rem; font-size: .34667rem; padding: .02667rem .13333rem; -webkit-box-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: flex; color: var(--HomeBtnColor); margin-left: auto; text-align: right } .vip-content-recordVsrule-con .item-right>p>img { width: .4rem; height: .4rem; margin-right: .13333rem } .vip-content-recordVsrule-con .item-right>p:nth-of-type(1) { color: #ff7d06; margin-top: .06667rem; margin-bottom: .13333rem; border-color: var(--Orange) } .vip-content-recordVsrule-con .item-right>span { margin-left: auto; text-align: right; min-width: 2rem } .vip-content-recordVsrule-con .con-content { padding: .26667rem 0 .8rem } .vip-content-recordVsrule-con .con-content__title { text-align: center } .vip-content-recordVsrule-con .con-content__title h1 { margin-bottom: .2rem; color: var(--colorText-26); font-size: .48rem; line-height: .48rem; font-weight: 600 } .vip-content-recordVsrule-con .con-content__title p { color: var(--text2); font-size: .37333rem } .vip-content-recordVsrule-con .con-content__rules { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: .69333rem; margin-top: .70667rem } .vip-content-recordVsrule-con .con-content__rules-item { position: relative; padding: .57333rem .24rem 1.06667rem; border: .01333rem solid var(--promotionTitle1); border-top-left-radius: .26667rem; border-top-right-radius: .26667rem; background: var(--whiteBg) } .vip-content-recordVsrule-con .con-content__rules-item__splitBorder { position: absolute; width: 100%; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translate(-50%); line-height: .1; text-align: center } .vip-content-recordVsrule-con .con-content__rules-item__splitBorder>span { position: relative; top: -.16rem; display: inline-block; width: 2.4rem; border-top: .02667rem solid var(--textW) } .vip-content-recordVsrule-con .con-content__rules-item__borderTopStyle { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translate(-50%); width: 100% } .vip-content-recordVsrule-con .con-content__rules-item__borderTopStyle span { position: absolute; top: 0 } .vip-content-recordVsrule-con .con-content__rules-item__borderTopStyle span:first-of-type { left: -.01333rem; width: .68rem; height: .68rem; border-top: .06667rem solid var(--promotionTitle1); border-left: .06667rem solid var(--promotionTitle1); border-top-left-radius: .26667rem } html:lang(ar) .vip-content-recordVsrule-con .con-content__rules-item__borderTopStyle span:first-of-type { left: unset; right: 0 } .vip-content-recordVsrule-con .con-content__rules-item__borderTopStyle span:first-of-type:after { content: ""; position: absolute; top: .29333rem; left: .2rem; width: .13333rem; height: .13333rem; border-radius: 50%; background-color: var(--promotionTitle1) } .vip-content-recordVsrule-con .con-content__rules-item__borderTopStyle span:last-of-type { right: 0; width: .68rem; height: .68rem; border-top: .06667rem solid var(--promotionTitle1); border-right: .06667rem solid var(--promotionTitle1); border-top-right-radius: .26667rem } html:lang(ar) .vip-content-recordVsrule-con .con-content__rules-item__borderTopStyle span:last-of-type { left: -.01333rem; right: unset } .vip-content-recordVsrule-con .con-content__rules-item__borderTopStyle span:last-of-type:after { content: ""; position: absolute; top: .29333rem; right: .2rem; width: .13333rem; height: .13333rem; border-radius: 50%; background-color: var(--promotionTitle1) } .vip-content-recordVsrule-con .con-content__rules-item__titleLeft { position: absolute; top: -.26667rem; width: .26667rem; height: .53333rem; background-color: var(--promotionTitle1); -webkit-clip-path: polygon(50% 0%, 100% 0%, 50% 50%, 100% 100%, 50% 100%, 0% 50%); clip-path: polygon(50% 0%, 100% 0%, 50% 50%, 100% 100%, 50% 100%, 0% 50%); z-index: 5; left: calc(50% - 3.33333rem); -webkit-transform: translateX(-50%); transform: translate(-50%) } .vip-content-recordVsrule-con .con-content__rules-item__titleRight { position: absolute; top: -.26667rem; width: .26667rem; height: .53333rem; background-color: var(--promotionTitle1); -webkit-clip-path: polygon(50% 0%, 100% 0%, 50% 50%, 100% 100%, 50% 100%, 0% 50%); clip-path: polygon(50% 0%, 100% 0%, 50% 50%, 100% 100%, 50% 100%, 0% 50%); z-index: 5; left: calc(50% + 3.33333rem); -webkit-transform: translateX(-50%) rotate(180deg); transform: translate(-50%) rotate(180deg) } .vip-content-recordVsrule-con .con-content__rules-item__title { position: absolute; top: -.26667rem; left: 50%; -webkit-transform: translateX(-50%); transform: translate(-50%); width: 6.4rem; height: .53333rem; color: var(--textW); font-size: .32rem; text-align: center; line-height: .53333rem; background-color: var(--promotionTitle1); -webkit-clip-path: polygon(2% 0%, 98% 0%, 100% 50%, 98% 100%, 2% 100%, 0% 50%); clip-path: polygon(2% 0%, 98% 0%, 100% 50%, 98% 100%, 2% 100%, 0% 50%) } .vip-content-recordVsrule-con .con-content__rules-item p { color: var(--text2); font-size: .32rem; line-height: .66667rem } .vip-content-recordVsrule-con .con-content__rules-item__commission { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; width: calc(100% + .02667rem); margin-left: -.01333rem; background: var(--whiteBg) } .vip-content-recordVsrule-con .con-content__rules-item__commission>div { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; text-align: center } .vip-content-recordVsrule-con .con-content__rules-item__commission>div:first-of-type>div:last-of-type div { border-left: none } .vip-content-recordVsrule-con .con-content__rules-item__commission>div:first-of-type>div:last-of-type div img { width: 1.30067rem; height: .592rem } .vip-content-recordVsrule-con .con-content__rules-item__commission>div>div:first-of-type { height: 1.33333rem; color: var(--textW); font-size: .34667rem; line-height: 1.33333rem; background: var(--promotionTitle1) } .vip-content-recordVsrule-con .con-content__rules-item__commission>div>div:last-of-type { color: var(--text2); font-weight: 300; font-size: .875rem } .vip-content-recordVsrule-con .con-content__rules-item__commission>div>div:last-of-type div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; width: 2.30667rem; height: .88rem; padding: .06667rem 0; border-top: .01333rem solid var(--borderColor-5); border-left: .01333rem solid var(--borderColor-5) } .vip-content-recordVsrule>button { background-color: transparent; border: .01333rem solid var(--HomeBtnColor); border-radius: .53333rem; height: .93333rem; width: 100%; line-height: .93333rem; color: var(--HomeBtnColor); letter-spacing: .04em; font-size: .4rem; background: none; margin-top: .53333rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .red { color: var(--promotionTitle1) } .yellow { color: #ff7d06 } .vip { font-family: Roboto; font-style: normal; font-weight: 400; font-size: .32rem; color: var(--text2); padding-bottom: .8rem } .vip-header { background: var(--LoginGradient); height: 4.4rem; width: 100%; color: var(--textW); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding: 0 .45333rem } .vip-header-wrapper { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; width: 100% } .vip-header-wrapper-avatar { width: 1.86667rem; height: 1.86667rem; border-radius: 50%; margin-right: .26667rem; overflow: hidden } .vip-header-wrapper-avatar img { width: 100%; height: 100%; object-fit: cover } .vip-header-wrapper-name { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding: .26667rem 0 } .vip-header-wrapper-name-vip { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; align-items: center; font-size: .4rem; color: var(--textW) } .vip-header-wrapper-name-vip img { width: 1.33333rem; margin: 0 .13333rem } .vip-header-wrapper-name-vip .editPencil { width: .4rem } .vip-header-wrapper-name-nickName { width: 3.06667rem; border-radius: .53333rem; padding: 0 .24rem; color: var(--textW); font-size: .37333rem; display: -webkit-box; display: -webkit-flex; display: flex } .vip-content { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; position: relative; padding-inline: .33333rem } .vip-content>div { width: 9.36rem; -webkit-filter: drop-shadow(0 .10667rem .21333rem rgba(208, 208, 237, .36)); filter: drop-shadow(0 .10667rem .21333rem rgba(208, 208, 237, .36)) } .vip-content-empirical { position: absolute; top: -.93333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .vip-content-empirical>div { background: var(--whiteBg); border-radius: .13333rem; width: 4.4rem; text-align: center; padding: .2rem; gap: .10667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column } .vip-content-empirical>div>p.red { font-weight: 500; font-size: .37333rem } .vip-content-empirical>div>p:nth-of-type(2) { color: var(--colorText-6) } .vip-content-empirical>div>p { line-height: .48rem } .vip-content-empirical>div>p>span { color: var(--Lottery4dTextColor-1); font-weight: 900; font-size: .48rem } .vip-content-empirical>div .timeTop { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; gap: .13333rem } .vip-content-tip { margin-top: 1rem; border-radius: .13333rem; border: .01333rem solid var(--saveTextColor-3); padding: .16rem .26667rem; line-height: .37333rem; margin-bottom: .2rem; font-size: .29333rem; color: var(--colorText-6) } .vip .van-dialog { overflow: visible; padding: 0 .66667rem; min-width: 7.33333rem } .vip .van-dialog .van-dialog__content { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding-block: 1.28rem .32rem } .vip .n0 { width: 1.33333rem; height: .58667rem; margin: 0 .13333rem; background-image: url(/assets/png/0-78e1ab02.png); background-size: 1.33333rem .58667rem } .vip .n1 { width: 1.33333rem; height: .58667rem; margin: 0 .13333rem; background-image: url(/assets/png/1-953c5909.png); background-size: 1.33333rem .58667rem } .vip .n2 { width: 1.33333rem; height: .58667rem; margin: 0 .13333rem; background-image: url(/assets/png/2-c9b115fb.png); background-size: 1.33333rem .58667rem } .vip .n3 { width: 1.33333rem; height: .58667rem; margin: 0 .13333rem; background-image: url(/assets/png/3-fb0c8c43.png); background-size: 1.33333rem .58667rem } .vip .n4 { width: 1.33333rem; height: .58667rem; margin: 0 .13333rem; background-image: url(/assets/png/4-3c5b4bba.png); background-size: 1.33333rem .58667rem } .vip .n5 { width: 1.33333rem; height: .58667rem; margin: 0 .13333rem; background-image: url(/assets/png/5-5e49bae2.png); background-size: 1.33333rem .58667rem } .vip .n6 { width: 1.33333rem; height: .58667rem; margin: 0 .13333rem; background-image: url(/assets/png/6-4ee4b170.png); background-size: 1.33333rem .58667rem } .vip .n7 { width: 1.33333rem; height: .58667rem; margin: 0 .13333rem; background-image: url(/assets/png/7-907655eb.png); background-size: 1.33333rem .58667rem } .vip .n8 { width: 1.33333rem; height: .58667rem; margin: 0 .13333rem; background-image: url(/assets/png/8-fc7f2447.png); background-size: 1.33333rem .58667rem } .vip .n9 { width: 1.33333rem; height: .58667rem; margin: 0 .13333rem; background-image: url(/assets/png/9-5a25583e.png); background-size: 1.33333rem .58667rem } .vip .n10 { width: 1.33333rem; height: .58667rem; margin: 0 .13333rem; background-image: url(/assets/png/10-b06f6562.png); background-size: 1.33333rem .58667rem } .vip .van-dialog__content>img { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translate(-50%) } .vip .van-dialog__content img.succeed { top: -.93333rem; width: 5.33333rem } .vip .van-dialog__content img.fail { top: .04267rem; width: 2.13333rem } .vip .van-dialog__content img.close { bottom: -1.06667rem; width: .73333rem } .vip .van-dialog__content-title { margin-top: 1.33333rem; margin-bottom: .66667rem; color: var(--text1); font-weight: 700; font-size: .48rem; line-height: .48rem; font-family: Poppins } .vip .van-dialog__content-note { margin-bottom: .93333rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; font-size: .32rem } .vip .van-dialog__content-note>div:nth-of-type(1) { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-justify-content: space-around; justify-content: space-around } .vip .van-dialog__content-note>div:nth-of-type(1)>p { border-radius: .4rem; padding: .04rem .26667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .vip .van-dialog__content-note>div:nth-of-type(1)>p>img { width: .48rem; height: .48rem } .vip .van-dialog__content-note>div:nth-of-type(1)>p:nth-of-type(1) { background-color: transparent; border: .01333rem solid var(--HomeBtnColor) } .vip .van-dialog__content-note>div:nth-of-type(1)>p:nth-of-type(2) { background-color: transparent; border: .01333rem solid #ff7d06 } .vip .van-dialog__content-note>div:nth-of-type(2) { margin-top: .4rem; text-align: center; line-height: .66667rem } .vip .van-dialog__content-note>div:nth-of-type(2)>p:first-of-type { color: var(--colorText-6); font-weight: 500 } .vip .van-dialog__content-note>div:nth-of-type(2)>p:last-of-type { font-size: .29333rem } .vip .van-dialog__content-btn { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; width: 100% } .vip .van-dialog__content-btn>button { border: none; font-size: .4rem; border-radius: 1.92rem; padding: .26667rem 0; width: 95%; margin-bottom: .26667rem; background: var(--promotionBtn1); color: var(--textW) } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .vip-RebateDetails { padding: .26667rem } .vip-RebateDetails>h1 { color: var(--colorText-26); font-size: .4rem; font-weight: 700; text-align: center; margin-bottom: .4rem } .vip-RebateDetails-items { color: #333; box-shadow: 0 .10667rem .21333rem #d0d0ed5c; border-radius: .13333rem; padding: .4rem .26667rem; margin-bottom: .26667rem; background: #FFF } .vip-RebateDetails-items .header { height: .66667rem; margin-bottom: .26667rem; color: var(--colorText-26); font-style: oblique; font-size: .48rem; font-weight: 600 } .vip-RebateDetails-items .item>div:not(.line) { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; height: .4rem; line-height: .4rem; font-size: .32rem } .vip-RebateDetails-items .item>div:not(.line)>span:first-child { color: #7e829f; padding-left: .53333rem; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAACP0lEQVR4AZVUzW4SURQ+50476ALTBDewcbrBjcZG3HTVJrpsoo8AGxufovoEukNgAS6s2/oGsgdDKNFIF043bUzEECApc4e5x3suhszAAPKt4N5zvu+b83MRYkDV6o53I/No4QEC7Okjx1wgtojIRQWf7Vcva3G5OH/glUovELCKtr2D2Szg3RRgMvnvUoJyXaCrK6DRyAUFb5YRG/ilylu/WqOg0SQ1HtMqBO1zkjrWr1RO4sn0hf/xlNRgQP8LjuUcNhIhuykW8+xsE7IwKTvlUs1qKEvln9b+viMePogI0fU1BM0mQO8PkOcBptMg7mdB6NqGoZpfOa6/bW/vWuzOSt7JW8+eLgZ9qQMMRwBBMD0cjYDcS/NTZDKzWG6c+vb91kTKX2LLsp5j6NKQdbtTZ0vAYux+Bts2zoHoUBChI3adaMKPLqyDnoTIf0ylQKB4JDTtHiuEEVFfAur1ooTTWXVEbPScQCykjD1mQpeGw6iatr8O3PEIPCPQEojQmrdvPcnBOpgmhMArqUhdimBCddMET0bUrdxyUpF7vDCLXHdB4kwkbts1XY9+0DlfSLIOD2afph8LwEwato6OFsRUpwO6bO7soeC14fWhwZA2hs7xax9IFsv5iIp8X37nn37ajJTJdI5XLL2OrQ1fsNNJu72aaOzRpNGYOtNGwhwLD6zZbWGd6EF1uH7o3ANMJKaF1+NFv3tAFxf8WPQJqJA4Pj5bSRgmFqj3HNEx22QY9czqWSNFdW4mFgr9+by/AOgiF+80fF8AAAAASUVORK5CYII=) no-repeat left; background-size: .26667rem .26667rem } .vip-RebateDetails-items .item>div:first-child>span:first-child { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAACPklEQVR4AZVUv28SYRh+vqsmh1PBrR08A5skdiiki9RJxjLq0IRujtdzwwEaXIXzL7CjbnWkGzg0ERNJ7OAAEYdiHIBOHon0Pt/3roT7RSlPAnff977vc+9vgQhIXV8HlCIUsQspt+hKcyWiA4E+bPlJmLXjKFsRJntVgJDvEVPXkckCGxtAIuEKLQs4Pwd6XWA07kPiKEjsI5SGUYeq6sjtArknQCyGhWi2gNNTYGJVRK12hLBnRllWq1IOh/LWYF22YUcCZEVZKq1G5iUtvZZOqmYhy0PjJwoFzQnTiy7lqkFhDQZu/pJJIJsBMhm/XqPBepeQ9sM19g7340Xs74eVPnwExmNgOnXv+J2Lwkil5rqbm8DZmYp/V38UKNhDMuUna7ddzxaBZd3e/MzFy2xzrE8VSKEhnfYbfGljKTgCL9hLIR4rxLoVao9ebymfk1cv4nH+15RI5Zv6bwYuUgSYsI/xyH/L07EMqaT/PJmAR1Ohxung4sIvzOexFNuB1vlO1Zf2LwW23UT7qz8E/vpNpCzLBgidvIuTtcrOzg9Mr17i7h3V11tMGk/wrPIioLyqlPIHwPMXYbIWzfW3Tp8WxYFzpnVVcMZnOJIrg22c0aMB8ULqh6asvlmNlHXZxjAqMx7/+tJJcC9WRv4Zra8cFsKiiraa9PtM73/fiXpdjyS8Ji3SbZmWquYsg/SjeV+OqL0Gv93RtCxaBuJAmG9PvPZikRPXOdmjcdKcaXLBW7pDT3LPPhameRm0+w8XkKbOO2F0CQAAAABJRU5ErkJggg==) no-repeat left; background-size: .26667rem .26667rem } .vip-RebateDetails-items .item .line { height: .33333rem; border-left: dashed .01333rem var(--promotionTitle1); margin-left: .12rem } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .red { color: var(--promotionTitle1) } .yellow { color: #ff7d06 } .vip-content-recordVsrule { font-family: Roboto; font-style: normal; font-weight: 400; font-size: .32rem; padding: 0 .32rem } .vip-content-recordVsrule-con { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; background-color: var(--textW) } .vip-content-recordVsrule-con .item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; margin-top: .26667rem; padding: .13333rem .4rem; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .vip-content-recordVsrule-con .item>div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column } .vip-content-recordVsrule-con .item span.yellow { color: #fb8921 } .vip-content-recordVsrule-con .item span.red { color: var(--HomeBtnColor) } .vip-content-recordVsrule-con .item span.blue { color: #00f } .vip-content-recordVsrule-con .item span.green { color: var(--promotionTextColor2) } .vip-content-recordVsrule-con .item-left>span { margin-bottom: .26667rem } .vip-content-recordVsrule-con .item-left>span:nth-of-type(1) { font-size: .4rem } .vip-content-recordVsrule-con .item-left>span:nth-of-type(2) { color: var(--text2) } .vip-content-recordVsrule-con .item-right { -webkit-justify-content: space-around; justify-content: space-around } .vip-content-recordVsrule-con .item-right>p { background-color: transparent; border: .01333rem solid var(--textM); border-radius: .13333rem; min-width: 2rem; font-size: .34667rem; padding: .05333rem .13333rem; -webkit-box-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: flex; color: var(--HomeBtnColor); margin-left: auto; text-align: right } .vip-content-recordVsrule-con .item-right>p>img { width: .4rem; height: .4rem; margin-right: .13333rem } .vip-content-recordVsrule-con .item-right>p:nth-of-type(1) { color: #ff7d06; margin-top: .06667rem; margin-bottom: .13333rem; border-color: var(--Orange) } .vip-content-recordVsrule-con .item-right>span { margin-left: auto; text-align: right; min-width: 2rem } /* ===== DUIWIN/index-06e0e9c4.css ===== */ @charset "UTF-8"; html, body { height: 100%; width: 100%; padding: 0; margin: 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; background-color: #9195a3 } #app { width: 10rem; height: -webkit-fit-content; height: fit-content; min-height: 100vh } .norem-app { width: 5rem } @media screen and (max-width: 500px) { #app { width: 100%; min-height: 100vh } #app::-webkit-scrollbar { width: 0; background: transparent } .van-popup.van-popup--bottom { max-width: none } } @media (min-width: 501px) { .van-popup.van-popup--bottom { max-width: 10rem; left: 50%; -webkit-transform: translateX(-50%); transform: translate(-50%) } .van-popup.van-popup--center { max-width: 10rem } } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0 } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .tabbar__container { position: fixed; bottom: 0; left: 50%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; align-items: flex-end; width: 10rem; -webkit-transform: translateX(-50%); transform: translate(-50%); height: 1.73333rem; padding-block: 0 .13333rem; font-size: .29333rem; background: #08081C; z-index: 100 } .tabbar__container-item { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; gap: .11707rem; color: var(--text_color_L2) } .tabbar__container-item:nth-of-type(3) .promotionBg { background: var(--main_gradient-color2); width: 1.6rem; height: 1.01333rem; border-radius: .50667rem; z-index: 2; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .tabbar__container-item svg { display: block; width: .53333rem; height: .53333rem } .tabbar__container-item.active { color: var(--text_color_L1) } @media screen and (max-width: 500px) { .tabbar__container { width: 100%; left: 0; -webkit-transform: translateX(0); transform: translate(0) } html:lang(ar) .tabbar__container { left: unset; right: 0 } } .customer { position: fixed; bottom: 2.4rem; right: .4rem; width: 1.49333rem; height: 1.49333rem; border-radius: 50%; z-index: 100 } .customer img { width: 100%; height: 100%; border-radius: 50% } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .start-page { position: fixed; z-index: 9999; width: 10rem; height: 100%; background: -webkit-linear-gradient(top, #F5B73B 0%, #F5853B 100%); background: linear-gradient(180deg, #F5B73B 0%, #F5853B 100%); bottom: 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .start-page div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .start-page div .dice { width: 12.33333rem; height: 12.32rem; background-image: url(/assets/png/start-ee3cff28.png); background-repeat: no-repeat; background-size: contain; background-position: center } .start-page div .logo { background-repeat: no-repeat; background-size: contain; margin-top: 1.33333rem; width: 4.8rem } .start-page div p { font-weight: 700; font-size: .50667rem; color: var(--text_color_L4); margin-top: .4rem; padding: 0 .13333rem; text-align: center } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .header { min-height: 1.86667rem; background-color: var(--bg_color_L3); color: var(--text_color_L1); padding-top: .33333rem; border-radius: .26667rem .26667rem 0 0 } .header .title { font-size: .37333rem } .header .tip { font-size: .29333rem; font-weight: 400; margin-top: .26667rem } .container { padding: .26667rem .13333rem; background-color: var(--bg_color_L2); max-height: calc(100vh - 8.4rem); overflow: auto } .container .first_list-item { box-shadow: none } .footer { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; min-height: 1.33333rem; background-color: var(--bg_color_L3); padding: 0 .26667rem; border-radius: 0 0 .26667rem .26667rem } .footer .btn { background: var(--main_gradient-color); width: 2.66667rem; min-height: .66667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; border-radius: .33333rem; text-align: center; color: var(--text_color_L4); font-size: .37333rem; font-weight: 700 } .footer .active { padding-left: .6rem; color: var(--text_color_L2); font-size: .32rem; background-repeat: no-repeat; background-size: .48rem; background-position: left; background-image: url(/assets/svg/active-0d7a3379.svg) } .footer .active.a { background-image: url(/assets/svg/active_b-c4fd8693.svg) } .first_list-item { background: var(--bg_color_L3) } .close { position: absolute; width: .8rem; height: .8rem; border-radius: 50%; left: 50%; -webkit-transform: translateX(-50%); transform: translate(-50%); bottom: -.93333rem; background-image: url(/assets/png/close-862c6a4d.png); background-repeat: no-repeat; background-size: contain } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .dialog-wrapper { padding: .26667rem 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .dialog-wrapper img { width: 3.73333rem; height: 2.16rem; position: relative; margin-top: -.74667rem } .dialog-wrapper .dialog-title { color: var(--text_color_L1); margin: .4rem 0 .26667rem; font-size: .48rem; font-weight: 700 } .dialog-wrapper .dialog-tips { color: var(--text_color_L2); font-size: .32rem; margin: 0 0 .32rem } .dialog-wrapper .dialog-para { color: var(--text_color_L2); font-size: .32rem } .dialog-wrapper .dialog-btn { width: 5.6rem; height: 1.06667rem; text-align: center; line-height: 1.06667rem; background: var(--GradiantBlue, var(--main_gradient-color)); border-radius: 1.06667rem; font-weight: 700; color: var(--text_color_L4); font-size: .42667rem; margin-top: .53333rem } .dialog-wrapper .dialog-content { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; color: var(--norm_secondary-color) } .dialog-wrapper .dialog-content img { width: .4rem; height: .4rem; margin: 0 .13333rem 0 0 } .dialog-wrapper .dialog-footer { position: relative; bottom: -1.46667rem } .dialog-wrapper .dialog-footer img { width: .8rem; height: .8rem } @media screen and (min-width: 800px) { html { font-size: 2.5rem !important } } @font-face { font-family: bahnschrift; font-weight: 500; src: url(/assets/woff2/bahnschrift-610d57ac.woff2) } @font-face { font-family: digitalDreamFat; src: url(/assets/ttf/digitalDreamFat-7e51cfaf.ttf) format("truetype") } html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { padding: 0; margin: 0; font: inherit; font-size: 100%; vertical-align: baseline; border: 0 } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } table { border-spacing: 0; border-collapse: collapse } svg { height: 100% } * { -webkit-user-select: none; user-select: none } html, body { width: 100%; height: 100%; padding: 0; margin: 0 } #app { padding: 0; margin: 0 } body { height: auto } :-webkit-any(article, aside, nav, section) h1 { font-size: 2em } img { image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor } input { -webkit-user-select: text; user-select: text; color: var(--text_color_L1) } input:focus { outline: .01333rem solid var(--Dividing-line_color); -webkit-user-select: text; user-select: text } .c-row { display: -webkit-box; display: -webkit-flex; display: flex } .c-row-middle-center { -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .c-row-between { -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .c-row-middle { -webkit-box-align: center; -webkit-align-items: center; align-items: center } .c-flex-warp { -webkit-flex-wrap: wrap; flex-wrap: wrap } .m-b-5 { margin-bottom: .13333rem } .m-r-5 { margin-right: .13333rem } .c-flew-end { -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end } .c-tc { text-align: center } .p-r-10 { padding-right: .26667rem } .p-l-10 { padding-left: .26667rem } .p-b-10 { padding-bottom: .26667rem } .p-t-10 { padding-top: .26667rem } .popup { border-radius: .26667rem .26667rem 0 0; z-index: 2006; left: auto; overflow-y: visible } .PreSaleRule { width: 7.04rem } .Tips { width: 8rem; height: 2.13333rem; line-height: 2.13333rem; background: var(--whiteBg); border: .01333rem solid var(--borderColor-5); border-radius: .26667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; top: 80% } .firstSaveDialog { width: 8rem; overflow: initial } .firstSaveDialog .van-dialog__header { padding-top: 0 } .msg-window { padding: .13333rem .26667rem; width: 9.33333rem } .msg-window .msg-header { color: var(--text_color_L1); font-size: .32rem } .msg-window .msg-footer { color: var(--norm_red-color); font-size: .32rem; padding-top: .32rem } .msg-window .msg-footer div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end } .msg-window .msg-footer img { width: .4rem; height: .4rem } .noOverHidden { overflow: inherit } .dailySignInRules__container-hero { display: -webkit-box; display: -webkit-flex; display: flex; margin: .13333rem auto .53333rem; border-radius: .26667rem; overflow: hidden } .dailySignInRules__container-hero__wrapper { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .dailySignInRules__container-hero__wrapper-titlebox { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; width: 100%; color: var(--text_color_L1) } .dailySignInRules__container-hero__wrapper ul { width: 100% } .dailySignInRules__container-hero__wrapper ul li { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; width: 100% } .dailySignInRules__container-hero__wrapper ul li div { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; font-size: .37333rem; padding: .34667rem 0; border-bottom: .01333rem solid var(--bgcolor-54) } .dailySignInRules__container-hero__wrapper-title { width: 100%; height: 1.06667rem; padding-block: .34667rem; font-size: .42667rem; line-height: .32rem; text-align: center; background: var(--main_gradient-color2) } .dailySignInRules__container-hero__wrapper-content { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; width: 100%; height: 100% } .dailySignInRules__container-hero__wrapper-content>div { width: 100%; padding: .34667rem 0; font-size: .37333rem; line-height: .37333rem; text-align: center; border-bottom: .01333rem solid var(--bgColor-10) } .dailySignInRules__container-hero__wrapper-content>div:last-of-type { border-bottom: none } .mgt10 { margin-top: .13333rem !important } .mgt40 { margin-top: .53333rem !important } [v-cloak] { display: none } .clearfix { zoom: 1 } .clearfix:after, .clearfix:before { content: ""; display: block; clear: both; visibility: hidden; height: 0 } .text-dots { line-height: .453334rem; width: 2.13333rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .must:before { content: "*"; color: #fb5151 } input, textarea { -webkit-user-select: text; user-select: text } .ar { position: fixed; top: .93333rem; left: 50%; -webkit-transform: translateX(-50%); transform: translate(-50%); width: 100%; max-width: 10rem; -webkit-user-select: none; user-select: none; z-index: 100; padding: 0 .29333rem } .ar-searchbar { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; gap: .29333rem; width: 100%; font-size: .37333rem; margin-top: .26667rem; margin-bottom: .21333rem } .ar-searchbar input { width: 3.6rem; height: 1.06667rem; padding: 0 .26667rem; font-weight: 400; border: none; border-radius: .13333rem } .ar-searchbar input::-webkit-input-placeholder { color: var(--colorText-63) } .ar-searchbar input::placeholder { color: var(--colorText-63) } .ar-searchbar__selector { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; width: 4.53333rem; height: 1.06667rem; color: var(--text_color_L2) } .ar-searchbar__selector>div { width: 100%; line-height: 1.06667rem; border-radius: .13333rem; background: var(--darkBg, var(--bg_color_L2)) } .ar-searchbar__selector>div:first-of-type { position: relative; padding: 0 .26667rem; z-index: 10 } .ar-searchbar__selector>div:first-of-type i { position: absolute; top: 50%; right: .21333rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .ar-searchbar__selector-dropdown { position: absolute; top: 100%; -webkit-transform: translateY(-10%); transform: translateY(-10%); opacity: 0; visibility: hidden; z-index: 9; border: .01333rem solid var(--text_color_L1); overflow: hidden; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .ar-searchbar__selector-dropdown li { padding: 0 .26667rem; list-style: none } .ar-searchbar__selector-dropdown li.selected { color: #fff; background-color: var(--norm_red-color) } .ar-searchbar__selector.active { z-index: 9 } .ar-searchbar__selector.active>div:first-of-type i { -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); -webkit-transform-origin: center; transform-origin: center } .ar-searchbar__selector.active>div:last-of-type { -webkit-transform: translateY(0%); transform: translateY(0); opacity: 1; visibility: visible; z-index: 1 } .ar-searchbar__selector .selectorA { color: var(--colorText-63) } .ar-searchbar>i { font-size: 1.625rem } .ar-1px-t, .ar-1px-b, .ar-1px-tb, .ar-1px-rb, .ar-1px-l, .ar-1px-r { position: relative } .ar-1px-t:before { content: " "; position: absolute; left: 0; top: 0; right: 0; height: .01333rem; border-top: .01333rem solid #e6e8e8; color: #e6e8e8; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(.5); transform: scaleY(.5) } .ar-1px-b:after { content: " "; position: absolute; left: 0; bottom: 0; right: 0; height: .01333rem; border-bottom: .01333rem solid var(--Dividing-line_color); color: #e6e8e8; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scaleY(.5); transform: scaleY(.5) } .ar-1px-l:before { content: " "; position: absolute; left: 0; top: 0; width: .01333rem; bottom: 0; border-left: .01333rem solid #e6e8e8; color: #e6e8e8; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleX(.5); transform: scaleX(.5) } .ar-1px-r:after { content: " "; position: absolute; right: 0; top: 0; width: .01333rem; bottom: 0; border-right: .01333rem solid #e6e8e8; color: #e6e8e8; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: scaleX(.5); transform: scaleX(.5) } .ar-1px-rb:before { content: " "; position: absolute; right: 0; top: 0; width: .01333rem; bottom: 0; border-right: .01333rem solid #e6e8e8; color: #e6e8e8; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: scaleX(.5); transform: scaleX(.5) } .ar-1px-rb:after { content: " "; position: absolute; left: 0; bottom: 0; right: 0; height: .01333rem; border-bottom: .01333rem solid #e6e8e8; color: #e6e8e8; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scaleY(.5); transform: scaleY(.5) } .ar-1px-tb:before { content: " "; position: absolute; left: 0; top: 0; right: 0; height: .01333rem; border-top: .01333rem solid #e6e8e8; color: #e6e8e8; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(.5); transform: scaleY(.5) } .ar-1px-tb:after { content: " "; position: absolute; left: 0; bottom: 0; right: 0; height: .01333rem; border-bottom: .01333rem solid #e6e8e8; color: #e6e8e8; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scaleY(.5); transform: scaleY(.5) } @media screen and (max-width: 500px) { .ar { max-width: none } } textarea { resize: none } .content { padding: 0 .32rem; background: var(--bg_color_L1) !important } @font-face { font-family: bahnschrift; font-weight: 500; src: url(/assets/woff2/bahnschrift-610d57ac.woff2) } @font-face { font-family: digitalDreamFat; src: url(/assets/ttf/digitalDreamFat-7e51cfaf.ttf) format("truetype") } * { box-sizing: border-box } #app { background: var(--bg_color_L1) } .popup { position: fixed; max-height: 100% } .popup-center { top: 50%; left: 0; right: 0; width: -webkit-fit-content; width: fit-content; margin: 0 auto; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .popup-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .35) } .iosDialog { padding: .53333rem .32rem } .iosDialog .title { color: var(--text_color_L1, #1E2637); font-size: .48rem; font-weight: 600; margin-bottom: .53333rem } .iosDialog .websit_info { padding: .24rem .37333rem; border-radius: .13333rem; background: var(--bg_color_L3, #F6F6F6); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin-bottom: .53333rem } .iosDialog .websit_info img { border-radius: .28125rem; width: 1.44rem; height: 1.44rem; margin-right: .32rem; box-shadow: 0 .02667rem .05333rem #b0baca80 } .iosDialog .websit_info .link div:nth-child(1) { color: var(--text_color_L1); font-size: .42667rem; font-weight: 500; margin-bottom: .05333rem } .iosDialog .websit_info .link div:nth-child(2) { color: var(--text_color_L2); font-size: .37333rem; font-weight: 500 } .iosDialog .text { font-size: .42667rem; color: var(--text_color_L2); margin-bottom: .48rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .iosDialog .text svg { width: .42667rem; margin-left: .21333rem } .iosDialog .text img { width: .56rem; height: .56rem; margin: 0 .24rem } .iosDialog .text span { margin-left: .21333rem; border-radius: .05333rem; padding: 0 .16rem; color: var(--text_color_L1); background: var(--bg_color_L3); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; align-items: center } #app .noticeBar__container { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; width: 100%; height: .98667rem; padding-inline: .26667rem; color: var(--text_color_L1); font-size: .32rem; border-radius: 99rem; background-color: var(--bg_color_L2); gap: .10667rem } #app .noticeBar__container.lottery-notice { background-color: var(--bg_color_L3) } #app .noticeBar__container .notice_svg { background-repeat: no-repeat; background-position: center; background-image: url(/assets/svg/noticeBarSpeaker-734d3cfc.svg); background-size: cover; width: .42667rem; height: .42667rem; -webkit-box-flex: 0; -webkit-flex: none; flex: none; margin-right: .13333rem } #app .noticeBar__container-body { width: 9.33333rem; height: 100%; overflow: hidden; position: relative; height: .8rem; line-height: .98667rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } #app .noticeBar__container-body-text { width: 100%; height: -webkit-fit-content; height: fit-content; max-height: .85333rem; line-height: .42667rem; -webkit-animation: marquee 7s linear infinite; animation: marquee 7s linear infinite; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: column; -webkit-justify-content: column; justify-content: column; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all } @-webkit-keyframes marquee { 0% { -webkit-transform: translateY(100%); transform: translateY(100%) } 10% { -webkit-transform: translateY(0); transform: translateY(0) } 90% { -webkit-transform: translateY(0); transform: translateY(0) } to { -webkit-transform: translateY(-100%); transform: translateY(-100%) } } @keyframes marquee { 0% { -webkit-transform: translateY(100%); transform: translateY(100%) } 10% { -webkit-transform: translateY(0); transform: translateY(0) } 90% { -webkit-transform: translateY(0); transform: translateY(0) } to { -webkit-transform: translateY(-100%); transform: translateY(-100%) } } #app .noticeBar__container>svg { width: .42667rem; -webkit-flex-shrink: 0; flex-shrink: 0; height: auto; margin-right: .22667rem } #app .noticeBar__container button { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-flex-shrink: 0; flex-shrink: 0; gap: .06667rem; width: 2rem; height: .66667rem; margin-left: auto; color: var(--text_color_L4); border-radius: .53333rem; background: var(--main_gradient-color); border: 0 } #app .noticeBar__container button.hotIcon:before { content: ""; display: block; width: .32rem; height: .32rem; background-position: left; background-repeat: no-repeat; background-size: .32rem; color: #fff; background-image: url(/assets/svg/hot-2dd7b3a2.svg) } #app .homeNav .van-tabs__wrap { height: 1.33333rem; margin-bottom: .32rem } #app .homeNav .van-tabs__wrap .van-tabs__nav { background: var(--bg_color_L2); padding: 0 } #app .homeNav .van-tabs__wrap .van-tabs__nav .van-tab { color: var(--text_color_L2); border-radius: .13333rem } #app .homeNav .van-tabs__wrap .van-tabs__nav .van-tab.van-tab--active { color: var(--text_color_L4); background: var(--main_gradient-color2) } #app .homeNav .van-tabs__wrap .van-tabs__nav .van-tabs__line { display: none } #app .homeNav .van-tabs__wrap .van-tabs__nav .tabs-btn { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; min-width: 1.33333rem } #app .homeNav .more { width: calc((100% - .32rem) / 3); height: 4rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; background-image: url(/assets/png/p3morebg-0a4d5881.png); background-color: #221f2e; background-repeat: no-repeat; background-size: 2.2rem 2.32rem; background-position: top right; border-radius: .13333rem; overflow: hidden; color: var(--text_color_L1) } #app .homeNav .more-l1 { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } #app .homeNav .more-l1 svg { width: .66667rem; height: .66667rem } #app .homeNav .more-l2 { height: 1.28rem; line-height: 1.06667rem; padding-top: .16rem; font-size: .37333rem; text-align: center; background: -webkit-linear-gradient(top, rgba(34, 31, 46, .5) -25.19%, #38374b 57.97%); background: linear-gradient(180deg, rgba(34, 31, 46, .5) -25.19%, #38374b 57.97%) } #app .tool-container { padding: .53333rem 0 } #app .tabbar__container { -webkit-box-align: center; -webkit-align-items: center; align-items: center } body #app .userInfo__container-setting-center { background: var(--bg_color_L2) } body #app .tabbar__container { background: #fff } body #app .tabbar__container .tabbar__container-item:nth-of-type(3) .svg-icon { color: #fff } body #app .lotterySlotItem { background: var(--main_gradient-color) } body #app .lotterySlotItem span, body #app .lotterySlotItem h4 { color: #fff } body #app .firstSaveDialog .header { background: var(--main-color); color: var(--text_color_L4) } body #app .progress { background: #d8d8d8 !important } body #app .gameList .box svg { color: #d9d9d933 } body #app .championship .tabs { background: var(--main-color) } body #app .championship .tabs>div { color: #fff !important } body #app .championship .tabs>div.active:after { border-bottom-color: #fff } body #app .TeamReport__C-body .header-container { background: var(--main-color) } body #app .TeamReport__C-body .header-container>div { color: #fff } body #app .TeamReport__C-body .header-container>div>div:last-of-type { color: #fff } body #app .ruleHead { position: relative } body #app .ruleHead svg { position: absolute; top: -.02667rem; left: 0; right: 0; margin-inline: auto; width: 6.58667rem; height: .8rem; z-index: 1; color: var(--main-color) } body #app .ruleHead .promotion-title, body #app .promotion-grade-th { color: var(--text_color_L4) } body #app .wallet-container .imgD img { position: relative; width: calc(100% + .32rem) } body #app .GameList__C { background: var(--bg_color_L3) } body #app .Wallet__C:before { background: var(--bg_color_L2) } body #app .BettingRecordWin__C-head { background: var(--main_gradient-color); color: #fff } body #app .notification-container .navbar-fixed { background: var(--bg_color_L2) } body #app .notification-container .navbar-fixed .van-icon, body #app .notification-container .navbar-fixed .navbar__content { color: #fff } body #app .empty__container svg { opacity: .2 } body #app .van-dialog__confirm { background: var(--main_gradient-color); color: var(--text_white) } body #app .tabbar__container { background: var(--bg_color_L2) } body #app .Wallet__C-balance { background-color: var(--bg_color_L3) } body #app .homeNav .more { background-color: #f5b73b; background-image: url(/assets/png/p3morebg-97355e24.png) } body #app .homeNav .more-l1 { color: var(--main-color) } body #app .homeNav .more-l2 { color: var(--text_color_L1); background: -webkit-linear-gradient(top, #F5B73B -25.19%, #F5853B 57.97%); background: linear-gradient(180deg, #F5B73B -25.19%, #F5853B 57.97%) } body #app .noticeBar__container button.hotIcon:before { background-image: url(/assets/svg/hotIcon-a12b016c.svg) } body #app .totalSavings__container { background: var(--bg_color_L2) } body #app .navbar.main .navbar-fixed { background: var(--bg_color_L2) !important } body #app .noticeBar__container.lottery-notice { background-color: var(--bg_color_L2) } body .van-dialog__cancel { color: var(--text_color_L1); background: var(--button_dis_color) } :root { --main-color: rgb(240, 150, 14); --main_gradient-color: linear-gradient(90deg, #F5B73B 0%, #F5853B 100%); --main_gradient-color2: linear-gradient(180deg, #F5B73B 0%, #F5853B 100%); --light-main_gradient-color: var(--main_gradient-color); --text_white: #fff; --light-bg_white: #fff; --light-main-color: var(--main-color); --norm_red-color: #D23838; --norm_green-color: #17B15E; --norm_secondary-color: #DD9138; --norm_Purple-color: #9B48DB; --norm_bule-color: #5088D3; --button_dis_color: #454456; --text_color_L1: #F5F3F0; --text_color_L2: #A8A5A1; --text_color_L3: #666462; --text_color_L4: #221F2E; --bg_color_L1: #1A1918; --bg_color_L2: #222121; --bg_color_L3: #3B3833; --Dividing-line_color: #454037; --sheet_nva_color: #40392E; --sheet_detail_bg_color: #302F27; --icon1: rgba(240, 150, 14, .6); --icon2: rgba(240, 150, 14, .3); --tab1: #F5B73B; --tab2: #F5853B; --van-sidebar-text-color: var(--main-color); --van-picker-background: var(--bg_color_L2); --van-picker-mask-color: linear-gradient(180deg, rgba(32, 29, 43, .9), rgba(32, 29, 43, .4)), linear-gradient(0deg, rgba(32, 29, 43, .9), rgba(32, 29, 43, .4)); --van-picker-option-text-color: var(--text_color_L2); --van-picker-confirm-action-color: var(--main-color); --van-popup-background: #201D2B; --van-checkbox-checked-icon-color: var(--main-color); --van-checkbox-label-color: var(--text_color_L2); --van-field-input-text-color: var(--text_color_L1); --van-radio-checked-icon-color: var(--main-color); --van-grid-item-content-background: var(--bg_color_L1); --van-text-color: var(--text_color_L1); --van-dialog-background: var(--bg_color_L2); --van-circle-color: var(--main-color); --van-calendar-background: var(--bg_color_L1); --van-calendar-range-edge-background: var(--main-color); --van-radio-label-color: var(--text_color_L2); --van-cell-background: var(--bg_color_L2); --van-popover-light-background: var(--bg_color_L2); --van-circle-layer-color: var(--bg_color_L3); --van-button-primary-background: var(--main_gradient-color); --van-button-primary-border-color: var(--main-color); --van-slider-active-background: var(--main-color); --van-slider-inactive-background: var(--bg_color_L1); --van-collapse-item-content-background: var(--bg_color_L1); --van-action-sheet-item-background: var(--bg_color_L2); --van-action-sheet-item-text-color: var(--text_color_L1); --van-button-primary-color: var(--text_color_L4); --van-dialog-has-title-message-text-color: var(--text_color_L2); --van-calendar-selected-day-color: var(--main-color); --van-calendar-selected-day-background: var(--bg_color_L2); --van-button-default-background: linear-gradient(90deg, #80D4FF 0%, #EA80FF 100%) } :root [class*=van-hairline]:after { content: none } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .navbar { height: 1.22667rem; z-index: 100; -webkit-box-flex: 0; -webkit-flex: none; flex: none } .navbar.activity .navbar-fixed { background: var(--main_gradient-color) } .navbar.activity .navbar-fixed .navbar__content-left .van-icon { color: var(--text_color_L1) } .navbar.lottery .navbar-fixed { background: var(--bg_color_L2) } .navbar.lottery .navbar-fixed .navbar__content-left .van-icon, .navbar.lottery .navbar-fixed .navbar__content-center { color: var(--text_color_L1) } .navbar.main .navbar-fixed { background: var(--light-main_gradient-color, var(--bg_color_L2)) } .navbar.main .navbar-fixed .navbar__content-left .van-icon, .navbar.main .navbar-fixed .navbar__content-center { color: #fff } .navbar-fixed { position: fixed; top: 0; left: 50%; width: 10rem; -webkit-transform: translateX(-50%); transform: translate(-50%); -webkit-user-select: none; user-select: none; z-index: 100; background: var(--bg_color_L2); color: var(--text_color_L1) } .navbar__content { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; height: 1.22667rem; color: var(--text_color_L1) } .navbar__content-left { position: absolute; left: .32rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; height: 100%; top: 0 } .navbar__content-left .van-icon { color: var(--text_color_L1); font-size: .48rem } .navbar__content-center { font-size: .48rem; line-height: .48rem } .navbar__content-center .headLogo { width: 2.98667rem; height: 1.12rem; background-repeat: no-repeat; background-size: contain; background-position: center } .navbar__content-right { position: absolute; right: .32rem } @media screen and (max-width: 500px) { .navbar-fixed { width: 100%; left: 0; -webkit-transform: translateX(0); transform: translate(0) } } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .ar-loading-view { background-color: #0000004d; width: 100%; height: 100%; z-index: 999; left: 0; position: fixed } .ar-loading-view .loading-animat { width: 4rem; height: 4rem } .ar-loading-view .loading-wrapper { pointer-events: none; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; height: 100%; position: absolute; width: 100% } .ar-loading-view .loading-wrapper img { width: 2.66667rem } .ar-loading-view .loading-wrapper .van-loading { z-index: 999 } .ar-loading-view .skeleton-wrapper { padding: .26667rem .13333rem } .com__box { position: relative; width: 2.66667rem; height: 1.6rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; z-index: 1000 } .loading { width: 1.6rem; height: 1.6rem; position: relative; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-animation: animationContainer-647954c7 1s ease infinite; animation: animationContainer-647954c7 1s ease infinite } .shape { width: .66667rem; height: .66667rem; border-radius: 50%; position: absolute } .shape-1 { background-color: #0c67d7; left: 0; -webkit-animation: animationShape1-647954c7 .3s ease infinite alternate; animation: animationShape1-647954c7 .3s ease infinite alternate } html:lang(ar) .shape-1 { right: 0; left: unset } .shape-2 { background-color: #cd371c; right: 0; -webkit-animation: animationShape2-647954c7 .3s ease infinite .3s alternate; animation: animationShape2-647954c7 .3s ease infinite .3s alternate } html:lang(ar) .shape-2 { right: unset; left: 0 } .shape-3 { background-color: #2c9d3f; bottom: 0; -webkit-animation: animationShape3-647954c7 .3s ease infinite .3s alternate; animation: animationShape3-647954c7 .3s ease infinite .3s alternate } .shape-4 { background-color: #eca712; right: 0; bottom: 0; -webkit-animation: animationShape4-647954c7 .3s ease infinite alternate; animation: animationShape4-647954c7 .3s ease infinite alternate } @-webkit-keyframes animationContainer-647954c7 { 0% { -webkit-transform: rotate(0); transform: rotate(0) } to { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes animationContainer-647954c7 { 0% { -webkit-transform: rotate(0); transform: rotate(0) } to { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @-webkit-keyframes animationShape1-647954c7 { 0% { -webkit-transform: translate(.13333rem, .13333rem); transform: translate(.13333rem, .13333rem) } to { -webkit-transform: translate(-.08rem, -.08rem); transform: translate(-.08rem, -.08rem) } } @keyframes animationShape1-647954c7 { 0% { -webkit-transform: translate(.13333rem, .13333rem); transform: translate(.13333rem, .13333rem) } to { -webkit-transform: translate(-.08rem, -.08rem); transform: translate(-.08rem, -.08rem) } } @-webkit-keyframes animationShape2-647954c7 { 0% { -webkit-transform: translate(-.13333rem, .13333rem); transform: translate(-.13333rem, .13333rem) } to { -webkit-transform: translate(.08rem, -.08rem); transform: translate(.08rem, -.08rem) } } @keyframes animationShape2-647954c7 { 0% { -webkit-transform: translate(-.13333rem, .13333rem); transform: translate(-.13333rem, .13333rem) } to { -webkit-transform: translate(.08rem, -.08rem); transform: translate(.08rem, -.08rem) } } @-webkit-keyframes animationShape3-647954c7 { 0% { -webkit-transform: translate(.13333rem, -.13333rem); transform: translate(.13333rem, -.13333rem) } to { -webkit-transform: translate(-.08rem, .08rem); transform: translate(-.08rem, .08rem) } } @keyframes animationShape3-647954c7 { 0% { -webkit-transform: translate(.13333rem, -.13333rem); transform: translate(.13333rem, -.13333rem) } to { -webkit-transform: translate(-.08rem, .08rem); transform: translate(-.08rem, .08rem) } } @-webkit-keyframes animationShape4-647954c7 { 0% { -webkit-transform: translate(-.13333rem, -.13333rem); transform: translate(-.13333rem, -.13333rem) } to { -webkit-transform: translate(.08rem, .08rem); transform: translate(.08rem, .08rem) } } @keyframes animationShape4-647954c7 { 0% { -webkit-transform: translate(-.13333rem, -.13333rem); transform: translate(-.13333rem, -.13333rem) } to { -webkit-transform: translate(.08rem, .08rem); transform: translate(.08rem, .08rem) } } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .svg-icon { width: 1em; height: 1em; fill: var(--svgHoticon); vertical-align: middle } .van-toast { word-break: break-word !important } .cg-default.van-button { font-weight: 700; font-size: .4rem } .cg-default.van-button .van-button__icon { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .cg-default.van-button .van-button__icon>img { height: 80% } .ar-searchbar__selector { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; width: 4.53333rem; height: 1.06667rem !important } .ar-searchbar__selector div { line-height: 1.06667rem }