@taole/newgiftbar 0.0.5 → 0.0.7

package/README.md

@@ -47,3 +47,6 @@ giftBar.init({
     resolveUsers: () => users,
 });
 ```
+
+# 厅白名单更新地址
+https://y.tuwan.com/events/qhmupload

package/npm/newgiftbar.css

@@ -185,6 +185,20 @@
     border-radius: 10px;
 }
 
+/* 对标旧栏 .help-icon：仅选中多礼物格子右上角问号 */
+.giftbar-help-icon {
+    cursor: pointer;
+    position: absolute;
+    right: 0;
+    top: 0;
+    z-index: 2;
+    height: 20px;
+    width: 20px;
+    background: url(https://dynamics-share.tuwan.com/activity/8bbc7571b2f578a3b74da8fe49144267.png?x-oss-process=image/format,webp/ignore-error,1)
+        no-repeat center center;
+    background-size: 100% 100%;
+}
+
 /* 对标 css/common/_coverVendor.scss .tooltip，挂 body 避免被网格裁切 */
 .giftbar-item-tooltip {
     position: fixed;
@@ -615,7 +629,7 @@
     display: block;
     background: transparent;
 }
-.giftbar-consume-mask.svelte-176nyps{position:fixed;inset:0;z-index:1000000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:rgba(0, 0, 0, 0.5)}.giftbar-consume-dialog.svelte-176nyps{width:300px;height:155px;background:#fff;border-radius:14px;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-box-shadow:0 8px 32px rgba(0, 0, 0, 0.12);box-shadow:0 8px 32px rgba(0, 0, 0, 0.12)}.giftbar-consume-body.svelte-176nyps{text-align:center;height:102px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.giftbar-consume-msg.svelte-176nyps{margin:0 auto;width:210px;font-size:16px;line-height:24px;color:#333;text-align:center}.giftbar-consume-footer.svelte-176nyps{display:-webkit-box;display:-ms-flexbox;display:flex;height:48px;width:100%;border-top:1px solid #e8e8e8;position:absolute;bottom:0}.giftbar-consume-btn.svelte-176nyps{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0;padding:0;border:none;background:transparent;font-size:16px;line-height:48px;cursor:pointer}.giftbar-consume-cancel.svelte-176nyps{color:#888;border-right:1px solid #e8e8e8}.giftbar-consume-ok.svelte-176nyps{color:#ff5a77;font-weight:600}.giftbar-pardon-mask.svelte-g6r0kj.svelte-g6r0kj{position:fixed;inset:0;z-index:1000000;background:rgba(0, 0, 0, 0.5)}.giftbar-pardon-dialog.svelte-g6r0kj.svelte-g6r0kj{position:absolute;left:50%;top:50%;z-index:1000001;margin-left:-300px;margin-top:-234px;width:600px;height:468px;background:#fff;border-radius:30px;text-align:center;-webkit-transform:scale(0.6);transform:scale(0.6);padding:20px 40px;-webkit-box-sizing:border-box;box-sizing:border-box}.listOuterCtn.svelte-g6r0kj.svelte-g6r0kj{width:100%;overflow-x:auto;padding-bottom:5px;min-height:80px}.titleCtn.svelte-g6r0kj.svelte-g6r0kj{width:100%;font-weight:bold;font-size:40px;color:#000}.subTitleCtn.svelte-g6r0kj.svelte-g6r0kj{font-size:28px;color:#000;margin:40px 0 20px}.listCtn.svelte-g6r0kj.svelte-g6r0kj{display:-webkit-box;display:-ms-flexbox;display:flex;padding-left:4px}.listCtn.flexCenter.svelte-g6r0kj.svelte-g6r0kj{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.listCtn.flexCenter.svelte-g6r0kj .item.svelte-g6r0kj{margin-right:0}.item.svelte-g6r0kj.svelte-g6r0kj{width:100px;margin-right:30px;padding-top:5px;cursor:pointer;position:relative}.imgCtn.svelte-g6r0kj.svelte-g6r0kj,.innerImg.svelte-g6r0kj.svelte-g6r0kj{width:100px;height:100px;border-radius:50%}.typeTagCtn.svelte-g6r0kj.svelte-g6r0kj{position:absolute;right:-30px;top:0;background:#ff6691;padding:5px 13px;color:#fff;font-size:18px;border-top-left-radius:22px;border-bottom-right-radius:22px}.item.active.svelte-g6r0kj .innerImg.svelte-g6r0kj{outline:4px solid #ff7a9f}.nickCtn.svelte-g6r0kj.svelte-g6r0kj{font-weight:500;font-size:22px;color:#000;margin-top:8px}.confirmBtn.svelte-g6r0kj.svelte-g6r0kj{width:300px;height:80px;background:#ff6691;border-radius:40px;font-weight:bold;font-size:34px;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:30px auto 0;cursor:pointer}.confirmBtn.is-paying.svelte-g6r0kj.svelte-g6r0kj{opacity:0.7;pointer-events:none}.noDataTipsCtn.svelte-g6r0kj.svelte-g6r0kj{font-size:30px;height:110px;line-height:110px}.giftbar-confirm-mask.svelte-qctpdt.svelte-qctpdt{position:fixed;inset:0;z-index:1000000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:rgba(0, 0, 0, 0.5)}.giftbar-confirm-dialog.svelte-qctpdt.svelte-qctpdt{width:320px;background:#fff;border-radius:14px;overflow:hidden;position:relative;padding-bottom:36px}.giftbar-confirm-title.svelte-qctpdt.svelte-qctpdt{text-align:center;font-size:16px;color:#333;padding:18px 16px 0;font-weight:600}.giftbar-confirm-body.svelte-qctpdt.svelte-qctpdt{min-height:72px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;padding:12px 24px;font-size:15px;line-height:22px;color:#333}.giftbar-confirm-footer.svelte-qctpdt.svelte-qctpdt{display:-webkit-box;display:-ms-flexbox;display:flex;height:48px;border-top:1px solid #e8e8e8}.giftbar-confirm-btn.svelte-qctpdt.svelte-qctpdt{-webkit-box-flex:1;-ms-flex:1;flex:1;border:none;background:transparent;font-size:16px;cursor:pointer;line-height:48px}.giftbar-confirm-cancel.svelte-qctpdt.svelte-qctpdt{color:#888;border-right:1px solid #e8e8e8}.giftbar-confirm-ok.svelte-qctpdt.svelte-qctpdt{color:#ff5a77;font-weight:600}.giftbar-confirm-choice.svelte-qctpdt.svelte-qctpdt{position:absolute;left:0;right:0;bottom:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:12px;color:#999;cursor:pointer}.giftbar-confirm-choice.svelte-qctpdt i.svelte-qctpdt{width:12px;height:12px;border:1px solid #ccc;border-radius:2px;margin-right:6px;display:inline-block}.giftbar-confirm-choice.actived.svelte-qctpdt i.svelte-qctpdt{background:#ff5a77;border-color:#ff5a77}.giftbar-iframe-mask.svelte-1ma5gxj{position:fixed;inset:0;z-index:9999;background:transparent;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.giftbar-iframe-wrap.svelte-1ma5gxj{background:transparent;overflow:hidden}iframe.svelte-1ma5gxj{border:0;display:block;background:transparent}@-webkit-keyframes svelte-1vc2nij-result_anmi{from{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes svelte-1vc2nij-result_anmi{from{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}.gift_item_container.svelte-1vc2nij.svelte-1vc2nij{width:168px;height:168px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:60px}.gift_item_container.svelte-1vc2nij .gift_item_wrapper.svelte-1vc2nij{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;-webkit-animation-name:svelte-1vc2nij-result_anmi;animation-name:svelte-1vc2nij-result_anmi;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:100ms;animation-duration:100ms;width:100%;height:100%;background-size:100% 100%;-webkit-transform:scale(0);transform:scale(0)}.gift_item_container.svelte-1vc2nij .gift_item_wrapper img.svelte-1vc2nij{width:100px;height:100px}.gift_item_container.svelte-1vc2nij .gift_item_wrapper .num.svelte-1vc2nij{font-size:22px;font-weight:400;color:#FFFFFF;line-height:26px;position:absolute;bottom:14px;left:16px}.gift_item_container.bigger.svelte-1vc2nij.svelte-1vc2nij{width:250px;height:250px}.gift_item_container.bigger.svelte-1vc2nij .gift_item_wrapper.svelte-1vc2nij{width:100%;height:100%}.gift_item_container.bigger.svelte-1vc2nij .gift_item_wrapper img.svelte-1vc2nij{width:195px;height:195px}.gift_item_container.svelte-1vc2nij .gift_item_wrapper.costly.svelte-1vc2nij{background:url("https://asset.tuwan.com/goldMagic/result_item_bg1.png");background-size:100% 100%}.gift_item_container.bigger.svelte-1vc2nij.svelte-1vc2nij{margin-top:-21px}.gift_item_container.bigger.svelte-1vc2nij .gift_item_wrapper .gift_item_costly_border.svelte-1vc2nij{width:200px;height:200px;left:-30px}.gift_item_container.bigger.svelte-1vc2nij .gift_item_wrapper .num.svelte-1vc2nij{font-size:22px;font-weight:400;color:#FFFFFF;line-height:26px;position:absolute;bottom:25px;right:0;padding-left:7px}.gift_item_container.bigger.svelte-1vc2nij .gift_item_wrapper .gift_item_desc.svelte-1vc2nij{position:absolute;font-size:24px;font-weight:400;color:#FFFFFF;line-height:28px;opacity:0.6;width:420px;text-align:center;bottom:-50px}.subNumCtn.svelte-n207n1.svelte-n207n1{position:absolute;left:141px;bottom:-23px;font-size:18px;color:#ededed}.blindBoxFooter.svelte-n207n1.svelte-n207n1{position:absolute;bottom:42px;width:100%;left:0}.blindBoxFooter.svelte-n207n1 .radioImg.svelte-n207n1{margin-right:6px}.blindBoxFooter.svelte-n207n1 .footerBottomCtn.svelte-n207n1{margin-top:5px;text-align:center;font-size:24px;color:white;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.blindBoxFooter.svelte-n207n1 .footerBottomCtn .radioOutCtn.svelte-n207n1{display:-webkit-box;display:-ms-flexbox;display:flex;width:20px;margin-right:10px}.blindBoxFooter.svelte-n207n1 .footerBottomCtn .footerBottomSubCtn.svelte-n207n1{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:268px;cursor:pointer}.blindBoxFooter.svelte-n207n1 .footerBottomCtn .radioCtn.svelte-n207n1{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.blindBoxFooter.svelte-n207n1 .footerBottomCtn .radioCtn .changeWordCtn.svelte-n207n1{margin-left:-4px}.blindBoxFooter.svelte-n207n1 .footerBottomCtn .radioCtn .radioImg.svelte-n207n1{margin-right:8px}.blindBoxFooter.svelte-n207n1 .footerBottomCtn .radioCtn .radioImg.default.svelte-n207n1{width:26px}.blindBoxFooter.svelte-n207n1 .footerBottomCtn .radioCtn .radioImg.selected.svelte-n207n1{display:none;width:26px}.blindBoxFooter.svelte-n207n1 .footerBottomCtn .radioCtn.active .default.svelte-n207n1{display:none}.blindBoxFooter.svelte-n207n1 .footerBottomCtn .radioCtn.active .selected.svelte-n207n1{display:inline-block}.outer_result_container.svelte-n207n1.svelte-n207n1{left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:9999;width:100%;height:100%;position:absolute;background-size:100% 100%}.result_container.svelte-n207n1.svelte-n207n1{left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:99999;width:100%;height:100%;position:absolute;background-size:100% 100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.result_container.svelte-n207n1 .mainTitleCtn.svelte-n207n1{width:337px;height:166px;position:relative;margin:0 auto}.result_container.svelte-n207n1 .mainTitleCtn .titleImg.svelte-n207n1{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%}.result_container.svelte-n207n1 .mainTitleCtn .bgImg.svelte-n207n1{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%}.result_container.svelte-n207n1 .title img.svelte-n207n1{height:64.6px}.result_container.svelte-n207n1 .result_wrapper.svelte-n207n1{width:553px;height:588px;display:-webkit-box;display:-ms-flexbox;display:flex;overflow-y:auto;margin-top:44px;margin-left:-10px}.result_container.svelte-n207n1 .result_wrapper .result_content.svelte-n207n1{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:9px;padding-left:20px}.result_container.svelte-n207n1 .result_info_container span.svelte-n207n1{font-size:13px;font-weight:400;color:#ffffff;line-height:16px;opacity:0.5}.result_container.svelte-n207n1 .vapOutContainer2.svelte-n207n1{position:absolute;top:0;left:0;width:100%;height:100%;z-index:9}.result_container.svelte-n207n1 .vapOutContainer2 .vapUpBg.svelte-n207n1{position:absolute;left:0;top:0;width:100%;height:100%;z-index:10;background-size:100% 100%}.result_container.svelte-n207n1 .vapOutContainer2 .result_vap_anim2.svelte-n207n1{pointer-events:none;width:87%;height:91%;position:absolute;z-index:9;left:50%;top:53%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);overflow:hidden;z-index:9}.result_container.svelte-n207n1 .vapOutContainer2 .result_vap_anim2.svelte-n207n1 canvas{width:100% !important;height:100% !important}.footerBottomCtn.svelte-n207n1.svelte-n207n1{margin-top:-4px;text-align:center;font-size:14px;color:#9d8bcd;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.footerBottomCtn.svelte-n207n1 .radioCtn.svelte-n207n1{width:127px;display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.footerBottomCtn.svelte-n207n1 .radioCtn .changeWordCtn.svelte-n207n1{margin-left:5px}.footerBottomCtn.svelte-n207n1 .radioCtn .radioImg.default.svelte-n207n1{width:13px}.footerBottomCtn.svelte-n207n1 .radioCtn .radioImg.selected.svelte-n207n1{display:none;width:13px}.footerBottomCtn.svelte-n207n1 .radioCtn.active .default.svelte-n207n1{display:none}.footerBottomCtn.svelte-n207n1 .radioCtn.active .selected.svelte-n207n1{display:inline-block}.buttonCtn.svelte-n207n1.svelte-n207n1{text-align:center}.buttonCtn.svelte-n207n1 .normalBtn.svelte-n207n1{cursor:pointer;display:inline-block;width:268px;height:116px;background-size:100% 100%;overflow:hidden}.buttonCtn.svelte-n207n1 .normalBtn .rightCtn.svelte-n207n1{width:100%;height:100%;font-weight:bold;text-align:center;font-size:32px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.buttonCtn.svelte-n207n1 .inputNumCtn.svelte-n207n1{width:490px;height:79px;line-height:37px;text-align:center;overflow:hidden;-webkit-transform:translateY(-2px);transform:translateY(-2px);border-radius:7px;margin-left:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background-size:100% 100%}.buttonCtn.svelte-n207n1 .inputNumCtn .inputNumWarpper.svelte-n207n1{position:relative;width:200px;display:-webkit-box;display:-ms-flexbox;display:flex}.buttonCtn.svelte-n207n1 .inputNumCtn .inputNumWarpper .inp.svelte-n207n1{background:no-repeat;border:none;outline:0;width:313px;color:#fff;padding:0 10px;line-height:1px !important;font-size:30px;padding-left:50px;-webkit-box-sizing:border-box;box-sizing:border-box}.buttonCtn.svelte-n207n1 .inputNumCtn .inputNumWarpper .inp.svelte-n207n1::-webkit-input-placeholder{color:#fff}.buttonCtn.svelte-n207n1 .inputNumCtn .inputNumWarpper .inp.svelte-n207n1::-moz-placeholder{color:#fff}.buttonCtn.svelte-n207n1 .inputNumCtn .inputNumWarpper .inp.svelte-n207n1:-ms-input-placeholder{color:#fff}.buttonCtn.svelte-n207n1 .inputNumCtn .inputNumWarpper .inp.svelte-n207n1::-ms-input-placeholder{color:#fff}.buttonCtn.svelte-n207n1 .inputNumCtn .inputNumWarpper .inp.svelte-n207n1::placeholder{color:#fff}.buttonCtn.svelte-n207n1 .inputNumCtn .inputNumWarpper div.svelte-n207n1{color:aliceblue;position:absolute;right:0;font-size:12px}.buttonCtn.svelte-n207n1 .inputNumCtn .totalDiamondCtn.svelte-n207n1{color:white;font-size:26px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:-21px;position:absolute;right:212px;top:0;height:100%}.buttonCtn.svelte-n207n1 .inputNumCtn .smallBtnCtn.svelte-n207n1{cursor:pointer;overflow:hidden;color:white;font-weight:700;font-size:32px;width:170px;height:86px;text-align:center;margin-right:-1px;margin-top:-4px;background-size:100% 100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.outer_result_container.svelte-1jy4tw0.svelte-1jy4tw0{left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:9999;width:100%;height:100%;position:absolute;background-size:100% 100%;border-radius:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.history_container.svelte-1jy4tw0.svelte-1jy4tw0{width:100%;height:100%;background-size:100% 100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.history_container.svelte-1jy4tw0 .mainTitleCtn.svelte-1jy4tw0{width:337px;height:166px;position:relative;margin:0 auto}.history_container.svelte-1jy4tw0 .mainTitleCtn .titleImg.svelte-1jy4tw0{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%}.history_container.svelte-1jy4tw0 .mainTitleCtn .bgImg.svelte-1jy4tw0{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%}.history_container.svelte-1jy4tw0 .history_close_button.svelte-1jy4tw0{cursor:pointer;width:148px;height:69px;font-size:32px;margin-top:18px;font-weight:bold;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;background-size:contain}.history_container.svelte-1jy4tw0 .history_wrapper.svelte-1jy4tw0{margin-top:53px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.history_container.svelte-1jy4tw0 .history_wrapper .history_content.svelte-1jy4tw0{padding:0 10px;font-size:14px;font-weight:400;line-height:16px;height:656px;overflow-y:auto}.history_container.svelte-1jy4tw0 .history_wrapper .history_content.svelte-1jy4tw0::-webkit-scrollbar{display:none}.history_container.svelte-1jy4tw0 .history_wrapper .history_content .history_content_item.svelte-1jy4tw0{font-size:26px;margin-bottom:47px}.history_container.svelte-1jy4tw0 .history_wrapper .history_content .history_content_item img.svelte-1jy4tw0{max-width:54px;max-height:54px}.history_container.svelte-1jy4tw0 .noDataTipCtn.svelte-1jy4tw0{margin-top:290px;font-size:26px}.fireSvgaCtn {
+.giftbar-iframe-mask.svelte-1ma5gxj{position:fixed;inset:0;z-index:9999;background:transparent;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.giftbar-iframe-wrap.svelte-1ma5gxj{background:transparent;overflow:hidden}iframe.svelte-1ma5gxj{border:0;display:block;background:transparent}.giftbar-consume-mask.svelte-176nyps{position:fixed;inset:0;z-index:1000000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:rgba(0, 0, 0, 0.5)}.giftbar-consume-dialog.svelte-176nyps{width:300px;height:155px;background:#fff;border-radius:14px;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-box-shadow:0 8px 32px rgba(0, 0, 0, 0.12);box-shadow:0 8px 32px rgba(0, 0, 0, 0.12)}.giftbar-consume-body.svelte-176nyps{text-align:center;height:102px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.giftbar-consume-msg.svelte-176nyps{margin:0 auto;width:210px;font-size:16px;line-height:24px;color:#333;text-align:center}.giftbar-consume-footer.svelte-176nyps{display:-webkit-box;display:-ms-flexbox;display:flex;height:48px;width:100%;border-top:1px solid #e8e8e8;position:absolute;bottom:0}.giftbar-consume-btn.svelte-176nyps{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0;padding:0;border:none;background:transparent;font-size:16px;line-height:48px;cursor:pointer}.giftbar-consume-cancel.svelte-176nyps{color:#888;border-right:1px solid #e8e8e8}.giftbar-consume-ok.svelte-176nyps{color:#ff5a77;font-weight:600}.giftbar-pardon-mask.svelte-g6r0kj.svelte-g6r0kj{position:fixed;inset:0;z-index:1000000;background:rgba(0, 0, 0, 0.5)}.giftbar-pardon-dialog.svelte-g6r0kj.svelte-g6r0kj{position:absolute;left:50%;top:50%;z-index:1000001;margin-left:-300px;margin-top:-234px;width:600px;height:468px;background:#fff;border-radius:30px;text-align:center;-webkit-transform:scale(0.6);transform:scale(0.6);padding:20px 40px;-webkit-box-sizing:border-box;box-sizing:border-box}.listOuterCtn.svelte-g6r0kj.svelte-g6r0kj{width:100%;overflow-x:auto;padding-bottom:5px;min-height:80px}.titleCtn.svelte-g6r0kj.svelte-g6r0kj{width:100%;font-weight:bold;font-size:40px;color:#000}.subTitleCtn.svelte-g6r0kj.svelte-g6r0kj{font-size:28px;color:#000;margin:40px 0 20px}.listCtn.svelte-g6r0kj.svelte-g6r0kj{display:-webkit-box;display:-ms-flexbox;display:flex;padding-left:4px}.listCtn.flexCenter.svelte-g6r0kj.svelte-g6r0kj{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.listCtn.flexCenter.svelte-g6r0kj .item.svelte-g6r0kj{margin-right:0}.item.svelte-g6r0kj.svelte-g6r0kj{width:100px;margin-right:30px;padding-top:5px;cursor:pointer;position:relative}.imgCtn.svelte-g6r0kj.svelte-g6r0kj,.innerImg.svelte-g6r0kj.svelte-g6r0kj{width:100px;height:100px;border-radius:50%}.typeTagCtn.svelte-g6r0kj.svelte-g6r0kj{position:absolute;right:-30px;top:0;background:#ff6691;padding:5px 13px;color:#fff;font-size:18px;border-top-left-radius:22px;border-bottom-right-radius:22px}.item.active.svelte-g6r0kj .innerImg.svelte-g6r0kj{outline:4px solid #ff7a9f}.nickCtn.svelte-g6r0kj.svelte-g6r0kj{font-weight:500;font-size:22px;color:#000;margin-top:8px}.confirmBtn.svelte-g6r0kj.svelte-g6r0kj{width:300px;height:80px;background:#ff6691;border-radius:40px;font-weight:bold;font-size:34px;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:30px auto 0;cursor:pointer}.confirmBtn.is-paying.svelte-g6r0kj.svelte-g6r0kj{opacity:0.7;pointer-events:none}.noDataTipsCtn.svelte-g6r0kj.svelte-g6r0kj{font-size:30px;height:110px;line-height:110px}.giftbar-confirm-mask.svelte-1bi4u90.svelte-1bi4u90{position:fixed;inset:0;z-index:1000000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:rgba(51, 51, 51, 0.8)}.giftbar-confirm-dialog.svelte-1bi4u90.svelte-1bi4u90{position:relative;background:#fff;border-radius:10px;padding:0 32px 20px 32px;-webkit-box-sizing:border-box;box-sizing:border-box}.giftbar-confirm-title.svelte-1bi4u90.svelte-1bi4u90{font-size:20px;color:#595959;text-align:center;font-weight:bold;margin-top:26px}.giftbar-confirm-body.svelte-1bi4u90.svelte-1bi4u90{margin:25px auto 9px;font-size:14px;font-weight:normal;color:#595959;line-height:18px;min-height:50px;text-align:center;max-width:380px}.giftbar-confirm-footer.svelte-1bi4u90.svelte-1bi4u90{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.giftbar-confirm-btn.svelte-1bi4u90.svelte-1bi4u90{width:130px;height:40px;font-size:14px;font-weight:normal;line-height:40px;text-align:center;border-radius:8px;cursor:pointer;padding:0;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box}.giftbar-confirm-cancel.svelte-1bi4u90.svelte-1bi4u90{color:#999;background:#fff;border:1px solid #999;margin-right:10px}.giftbar-confirm-ok.svelte-1bi4u90.svelte-1bi4u90{color:#fff;background:#ff5588;border:none}.giftbar-confirm-choice.svelte-1bi4u90.svelte-1bi4u90{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;color:#666;margin-top:10px;cursor:pointer}.giftbar-confirm-choice.svelte-1bi4u90 i.svelte-1bi4u90{display:block;background:url(https://asset.tuwan.com/chatroom/images/common_radio_default.png);background-size:14px 14px;width:14px;height:14px;margin-right:10px}.giftbar-confirm-choice.actived.svelte-1bi4u90 i.svelte-1bi4u90{background:url(https://asset.tuwan.com/chatroom/images/common_radio_select.png);background-size:14px 14px}@-webkit-keyframes svelte-1vc2nij-result_anmi{from{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes svelte-1vc2nij-result_anmi{from{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}.gift_item_container.svelte-1vc2nij.svelte-1vc2nij{width:168px;height:168px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:60px}.gift_item_container.svelte-1vc2nij .gift_item_wrapper.svelte-1vc2nij{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;-webkit-animation-name:svelte-1vc2nij-result_anmi;animation-name:svelte-1vc2nij-result_anmi;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:100ms;animation-duration:100ms;width:100%;height:100%;background-size:100% 100%;-webkit-transform:scale(0);transform:scale(0)}.gift_item_container.svelte-1vc2nij .gift_item_wrapper img.svelte-1vc2nij{width:100px;height:100px}.gift_item_container.svelte-1vc2nij .gift_item_wrapper .num.svelte-1vc2nij{font-size:22px;font-weight:400;color:#FFFFFF;line-height:26px;position:absolute;bottom:14px;left:16px}.gift_item_container.bigger.svelte-1vc2nij.svelte-1vc2nij{width:250px;height:250px}.gift_item_container.bigger.svelte-1vc2nij .gift_item_wrapper.svelte-1vc2nij{width:100%;height:100%}.gift_item_container.bigger.svelte-1vc2nij .gift_item_wrapper img.svelte-1vc2nij{width:195px;height:195px}.gift_item_container.svelte-1vc2nij .gift_item_wrapper.costly.svelte-1vc2nij{background:url("https://asset.tuwan.com/goldMagic/result_item_bg1.png");background-size:100% 100%}.gift_item_container.bigger.svelte-1vc2nij.svelte-1vc2nij{margin-top:-21px}.gift_item_container.bigger.svelte-1vc2nij .gift_item_wrapper .gift_item_costly_border.svelte-1vc2nij{width:200px;height:200px;left:-30px}.gift_item_container.bigger.svelte-1vc2nij .gift_item_wrapper .num.svelte-1vc2nij{font-size:22px;font-weight:400;color:#FFFFFF;line-height:26px;position:absolute;bottom:25px;right:0;padding-left:7px}.gift_item_container.bigger.svelte-1vc2nij .gift_item_wrapper .gift_item_desc.svelte-1vc2nij{position:absolute;font-size:24px;font-weight:400;color:#FFFFFF;line-height:28px;opacity:0.6;width:420px;text-align:center;bottom:-50px}.subNumCtn.svelte-n207n1.svelte-n207n1{position:absolute;left:141px;bottom:-23px;font-size:18px;color:#ededed}.blindBoxFooter.svelte-n207n1.svelte-n207n1{position:absolute;bottom:42px;width:100%;left:0}.blindBoxFooter.svelte-n207n1 .radioImg.svelte-n207n1{margin-right:6px}.blindBoxFooter.svelte-n207n1 .footerBottomCtn.svelte-n207n1{margin-top:5px;text-align:center;font-size:24px;color:white;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.blindBoxFooter.svelte-n207n1 .footerBottomCtn .radioOutCtn.svelte-n207n1{display:-webkit-box;display:-ms-flexbox;display:flex;width:20px;margin-right:10px}.blindBoxFooter.svelte-n207n1 .footerBottomCtn .footerBottomSubCtn.svelte-n207n1{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:268px;cursor:pointer}.blindBoxFooter.svelte-n207n1 .footerBottomCtn .radioCtn.svelte-n207n1{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.blindBoxFooter.svelte-n207n1 .footerBottomCtn .radioCtn .changeWordCtn.svelte-n207n1{margin-left:-4px}.blindBoxFooter.svelte-n207n1 .footerBottomCtn .radioCtn .radioImg.svelte-n207n1{margin-right:8px}.blindBoxFooter.svelte-n207n1 .footerBottomCtn .radioCtn .radioImg.default.svelte-n207n1{width:26px}.blindBoxFooter.svelte-n207n1 .footerBottomCtn .radioCtn .radioImg.selected.svelte-n207n1{display:none;width:26px}.blindBoxFooter.svelte-n207n1 .footerBottomCtn .radioCtn.active .default.svelte-n207n1{display:none}.blindBoxFooter.svelte-n207n1 .footerBottomCtn .radioCtn.active .selected.svelte-n207n1{display:inline-block}.outer_result_container.svelte-n207n1.svelte-n207n1{left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:9999;width:100%;height:100%;position:absolute;background-size:100% 100%}.result_container.svelte-n207n1.svelte-n207n1{left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:99999;width:100%;height:100%;position:absolute;background-size:100% 100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.result_container.svelte-n207n1 .mainTitleCtn.svelte-n207n1{width:337px;height:166px;position:relative;margin:0 auto}.result_container.svelte-n207n1 .mainTitleCtn .titleImg.svelte-n207n1{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%}.result_container.svelte-n207n1 .mainTitleCtn .bgImg.svelte-n207n1{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%}.result_container.svelte-n207n1 .title img.svelte-n207n1{height:64.6px}.result_container.svelte-n207n1 .result_wrapper.svelte-n207n1{width:553px;height:588px;display:-webkit-box;display:-ms-flexbox;display:flex;overflow-y:auto;margin-top:44px;margin-left:-10px}.result_container.svelte-n207n1 .result_wrapper .result_content.svelte-n207n1{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:9px;padding-left:20px}.result_container.svelte-n207n1 .result_info_container span.svelte-n207n1{font-size:13px;font-weight:400;color:#ffffff;line-height:16px;opacity:0.5}.result_container.svelte-n207n1 .vapOutContainer2.svelte-n207n1{position:absolute;top:0;left:0;width:100%;height:100%;z-index:9}.result_container.svelte-n207n1 .vapOutContainer2 .vapUpBg.svelte-n207n1{position:absolute;left:0;top:0;width:100%;height:100%;z-index:10;background-size:100% 100%}.result_container.svelte-n207n1 .vapOutContainer2 .result_vap_anim2.svelte-n207n1{pointer-events:none;width:87%;height:91%;position:absolute;z-index:9;left:50%;top:53%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);overflow:hidden;z-index:9}.result_container.svelte-n207n1 .vapOutContainer2 .result_vap_anim2.svelte-n207n1 canvas{width:100% !important;height:100% !important}.footerBottomCtn.svelte-n207n1.svelte-n207n1{margin-top:-4px;text-align:center;font-size:14px;color:#9d8bcd;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.footerBottomCtn.svelte-n207n1 .radioCtn.svelte-n207n1{width:127px;display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.footerBottomCtn.svelte-n207n1 .radioCtn .changeWordCtn.svelte-n207n1{margin-left:5px}.footerBottomCtn.svelte-n207n1 .radioCtn .radioImg.default.svelte-n207n1{width:13px}.footerBottomCtn.svelte-n207n1 .radioCtn .radioImg.selected.svelte-n207n1{display:none;width:13px}.footerBottomCtn.svelte-n207n1 .radioCtn.active .default.svelte-n207n1{display:none}.footerBottomCtn.svelte-n207n1 .radioCtn.active .selected.svelte-n207n1{display:inline-block}.buttonCtn.svelte-n207n1.svelte-n207n1{text-align:center}.buttonCtn.svelte-n207n1 .normalBtn.svelte-n207n1{cursor:pointer;display:inline-block;width:268px;height:116px;background-size:100% 100%;overflow:hidden}.buttonCtn.svelte-n207n1 .normalBtn .rightCtn.svelte-n207n1{width:100%;height:100%;font-weight:bold;text-align:center;font-size:32px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.buttonCtn.svelte-n207n1 .inputNumCtn.svelte-n207n1{width:490px;height:79px;line-height:37px;text-align:center;overflow:hidden;-webkit-transform:translateY(-2px);transform:translateY(-2px);border-radius:7px;margin-left:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background-size:100% 100%}.buttonCtn.svelte-n207n1 .inputNumCtn .inputNumWarpper.svelte-n207n1{position:relative;width:200px;display:-webkit-box;display:-ms-flexbox;display:flex}.buttonCtn.svelte-n207n1 .inputNumCtn .inputNumWarpper .inp.svelte-n207n1{background:no-repeat;border:none;outline:0;width:313px;color:#fff;padding:0 10px;line-height:1px !important;font-size:30px;padding-left:50px;-webkit-box-sizing:border-box;box-sizing:border-box}.buttonCtn.svelte-n207n1 .inputNumCtn .inputNumWarpper .inp.svelte-n207n1::-webkit-input-placeholder{color:#fff}.buttonCtn.svelte-n207n1 .inputNumCtn .inputNumWarpper .inp.svelte-n207n1::-moz-placeholder{color:#fff}.buttonCtn.svelte-n207n1 .inputNumCtn .inputNumWarpper .inp.svelte-n207n1:-ms-input-placeholder{color:#fff}.buttonCtn.svelte-n207n1 .inputNumCtn .inputNumWarpper .inp.svelte-n207n1::-ms-input-placeholder{color:#fff}.buttonCtn.svelte-n207n1 .inputNumCtn .inputNumWarpper .inp.svelte-n207n1::placeholder{color:#fff}.buttonCtn.svelte-n207n1 .inputNumCtn .inputNumWarpper div.svelte-n207n1{color:aliceblue;position:absolute;right:0;font-size:12px}.buttonCtn.svelte-n207n1 .inputNumCtn .totalDiamondCtn.svelte-n207n1{color:white;font-size:26px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:-21px;position:absolute;right:212px;top:0;height:100%}.buttonCtn.svelte-n207n1 .inputNumCtn .smallBtnCtn.svelte-n207n1{cursor:pointer;overflow:hidden;color:white;font-weight:700;font-size:32px;width:170px;height:86px;text-align:center;margin-right:-1px;margin-top:-4px;background-size:100% 100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.outer_result_container.svelte-1jy4tw0.svelte-1jy4tw0{left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:9999;width:100%;height:100%;position:absolute;background-size:100% 100%;border-radius:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.history_container.svelte-1jy4tw0.svelte-1jy4tw0{width:100%;height:100%;background-size:100% 100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.history_container.svelte-1jy4tw0 .mainTitleCtn.svelte-1jy4tw0{width:337px;height:166px;position:relative;margin:0 auto}.history_container.svelte-1jy4tw0 .mainTitleCtn .titleImg.svelte-1jy4tw0{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%}.history_container.svelte-1jy4tw0 .mainTitleCtn .bgImg.svelte-1jy4tw0{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%}.history_container.svelte-1jy4tw0 .history_close_button.svelte-1jy4tw0{cursor:pointer;width:148px;height:69px;font-size:32px;margin-top:18px;font-weight:bold;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;background-size:contain}.history_container.svelte-1jy4tw0 .history_wrapper.svelte-1jy4tw0{margin-top:53px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.history_container.svelte-1jy4tw0 .history_wrapper .history_content.svelte-1jy4tw0{padding:0 10px;font-size:14px;font-weight:400;line-height:16px;height:656px;overflow-y:auto}.history_container.svelte-1jy4tw0 .history_wrapper .history_content.svelte-1jy4tw0::-webkit-scrollbar{display:none}.history_container.svelte-1jy4tw0 .history_wrapper .history_content .history_content_item.svelte-1jy4tw0{font-size:26px;margin-bottom:47px}.history_container.svelte-1jy4tw0 .history_wrapper .history_content .history_content_item img.svelte-1jy4tw0{max-width:54px;max-height:54px}.history_container.svelte-1jy4tw0 .noDataTipCtn.svelte-1jy4tw0{margin-top:290px;font-size:26px}.fireSvgaCtn {
   position: absolute;
   width: 67px;
   height: 73px;