https://boxofficeincomes.com/

스캔 ID:
fcafddeb-0967-4a7a-96e1-93e799ae69f0완료
제출된 URL:
https://boxofficeincomes.com/
보고서 완료:

링크 · 0개 결과

JavaScript 변수 · 14개 결과

콘솔 로그 메시지 · 2개 결과

HTML

<!DOCTYPE html><html lang="en" translate="no" style="--status-bar-height: 0px; --top-window-height: 0px; --window-left: 0px; --window-right: 0px; --window-margin: 0px; --window-top: calc(var(--top-window-height) + 0px); --window-bottom: 0px;"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1"><title></title><link rel="stylesheet" href="/static/index.css"><style type="text/css">























	/*每个页面公共css */uni-view{box-sizing:border-box;font-size:15px}uni-input{font-size:15px}uni-page-body{font-family:PingFang SC}.uni-mask{z-index:9994!important}uni-modal,.uni-modal{z-index:9995!important}uni-modal .uni-modal__bd, uni-modal .uni-modal__title{word-break:break-word!important}uni-toast{z-index:9995!important}.uni-popup{z-index:9992!important}.content{min-height:100vh;
		/* max-width: 700px; */margin:0 auto;background-image:url(/static/images/login_bg.png)!important;background-size:100% auto!important;background-repeat:no-repeat!important;background-color:#e8e4f6!important;background-attachment:fixed;background-position:top}.weclome-page-top{margin:0 auto 0;font-size:10px;color:#fff;text-align:center;width:100%;
		/* border-top: 1px solid rgb(59, 96, 141); */
		/* border-bottom: 1px solid rgb(59, 96, 141); */background:#222;height:40px}.font-bold{font-weight:700}.flex{display:flex}.row-flex{flex-direction:row}.row-column{flex-direction:column}.row-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.right-icon{width:8px!important}.bg-white{background:#fff!important}.text-white{color:#fff!important}</style><style type="text/css">@charset "UTF-8";
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */.tabbar-plac[data-v-7b5d468c]{width:100%;height:60px}.tabbar[data-v-7b5d468c]{width:100%;height:60px;margin:0 auto;padding:0 3%;position:fixed;bottom:0;left:0;z-index:9991;background:#061435!important}.tabbar .item[data-v-7b5d468c]{width:33%;height:60px;padding:6px 0;position:relative}.tabbar .item .round[data-v-7b5d468c]{border-radius:50%;background:#fff;width:50px;height:50px;margin-top:-25px}.tabbar .item .round .image[data-v-7b5d468c]{width:35px;height:35px}.tabbar .item .top-line[data-v-7b5d468c]{position:absolute;top:0;width:60px;height:4px}.tabbar .item .title[data-v-7b5d468c]{font-size:12px}.tabbar .item .image[data-v-7b5d468c]{width:28px;height:28px}</style><style type="text/css">@charset "UTF-8";
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */.score[data-v-75943400]{display:flex;align-items:center}.score .items[data-v-75943400]{display:flex;align-items:center;margin-right:1px}.score .items.small .item .image-box .image[data-v-75943400]{width:20px;height:20px}.score .items.large .item .image-box .image[data-v-75943400]{width:1px;height:1px}.score .items .item[data-v-75943400]:last-of-type{margin-right:0!important}.score .items .item .image-box[data-v-75943400]{display:flex}.score .items .item .image-box.animation[data-v-75943400]{-webkit-animation:image-data-v-75943400 .3s forwards;animation:image-data-v-75943400 .3s forwards}.score .items .item .image-box .image[data-v-75943400]{width:30px;height:30px}.score .text[data-v-75943400]{font-size:1px}@media screen and (min-width:500px){.image[data-v-75943400]{width:20px!important;height:20px!important}.item[data-v-75943400]{margin-right:5px!important}}@-webkit-keyframes image-data-v-75943400{0%{-webkit-transform:scale(.8);transform:scale(.8)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes image-data-v-75943400{0%{-webkit-transform:scale(.8);transform:scale(.8)}100%{-webkit-transform:scale(1);transform:scale(1)}}</style><style type="text/css">@charset "UTF-8";
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */.uniui-cart-filled[data-v-45a6b600]:before{content:"\e6d0"}.uniui-gift-filled[data-v-45a6b600]:before{content:"\e6c4"}.uniui-color[data-v-45a6b600]:before{content:"\e6cf"}.uniui-wallet[data-v-45a6b600]:before{content:"\e6b1"}.uniui-settings-filled[data-v-45a6b600]:before{content:"\e6ce"}.uniui-auth-filled[data-v-45a6b600]:before{content:"\e6cc"}.uniui-shop-filled[data-v-45a6b600]:before{content:"\e6cd"}.uniui-staff-filled[data-v-45a6b600]:before{content:"\e6cb"}.uniui-vip-filled[data-v-45a6b600]:before{content:"\e6c6"}.uniui-plus-filled[data-v-45a6b600]:before{content:"\e6c7"}.uniui-folder-add-filled[data-v-45a6b600]:before{content:"\e6c8"}.uniui-color-filled[data-v-45a6b600]:before{content:"\e6c9"}.uniui-tune-filled[data-v-45a6b600]:before{content:"\e6ca"}.uniui-calendar-filled[data-v-45a6b600]:before{content:"\e6c0"}.uniui-notification-filled[data-v-45a6b600]:before{content:"\e6c1"}.uniui-wallet-filled[data-v-45a6b600]:before{content:"\e6c2"}.uniui-medal-filled[data-v-45a6b600]:before{content:"\e6c3"}.uniui-fire-filled[data-v-45a6b600]:before{content:"\e6c5"}.uniui-refreshempty[data-v-45a6b600]:before{content:"\e6bf"}.uniui-location-filled[data-v-45a6b600]:before{content:"\e6af"}.uniui-person-filled[data-v-45a6b600]:before{content:"\e69d"}.uniui-personadd-filled[data-v-45a6b600]:before{content:"\e698"}.uniui-arrowthinleft[data-v-45a6b600]:before{content:"\e6d2"}.uniui-arrowthinup[data-v-45a6b600]:before{content:"\e6d3"}.uniui-arrowthindown[data-v-45a6b600]:before{content:"\e6d4"}.uniui-back[data-v-45a6b600]:before{content:"\e6b9"}.uniui-forward[data-v-45a6b600]:before{content:"\e6ba"}.uniui-arrow-right[data-v-45a6b600]:before{content:"\e6bb"}.uniui-arrow-left[data-v-45a6b600]:before{content:"\e6bc"}.uniui-arrow-up[data-v-45a6b600]:before{content:"\e6bd"}.uniui-arrow-down[data-v-45a6b600]:before{content:"\e6be"}.uniui-arrowthinright[data-v-45a6b600]:before{content:"\e6d1"}.uniui-down[data-v-45a6b600]:before{content:"\e6b8"}.uniui-bottom[data-v-45a6b600]:before{content:"\e6b8"}.uniui-arrowright[data-v-45a6b600]:before{content:"\e6d5"}.uniui-right[data-v-45a6b600]:before{content:"\e6b5"}.uniui-up[data-v-45a6b600]:before{content:"\e6b6"}.uniui-top[data-v-45a6b600]:before{content:"\e6b6"}.uniui-left[data-v-45a6b600]:before{content:"\e6b7"}.uniui-arrowup[data-v-45a6b600]:before{content:"\e6d6"}.uniui-eye[data-v-45a6b600]:before{content:"\e651"}.uniui-eye-filled[data-v-45a6b600]:before{content:"\e66a"}.uniui-eye-slash[data-v-45a6b600]:before{content:"\e6b3"}.uniui-eye-slash-filled[data-v-45a6b600]:before{content:"\e6b4"}.uniui-info-filled[data-v-45a6b600]:before{content:"\e649"}.uniui-reload[data-v-45a6b600]:before{content:"\e6b2"}.uniui-micoff-filled[data-v-45a6b600]:before{content:"\e6b0"}.uniui-map-pin-ellipse[data-v-45a6b600]:before{content:"\e6ac"}.uniui-map-pin[data-v-45a6b600]:before{content:"\e6ad"}.uniui-location[data-v-45a6b600]:before{content:"\e6ae"}.uniui-starhalf[data-v-45a6b600]:before{content:"\e683"}.uniui-star[data-v-45a6b600]:before{content:"\e688"}.uniui-star-filled[data-v-45a6b600]:before{content:"\e68f"}.uniui-calendar[data-v-45a6b600]:before{content:"\e6a0"}.uniui-fire[data-v-45a6b600]:before{content:"\e6a1"}.uniui-medal[data-v-45a6b600]:before{content:"\e6a2"}.uniui-font[data-v-45a6b600]:before{content:"\e6a3"}.uniui-gift[data-v-45a6b600]:before{content:"\e6a4"}.uniui-link[data-v-45a6b600]:before{content:"\e6a5"}.uniui-notification[data-v-45a6b600]:before{content:"\e6a6"}.uniui-staff[data-v-45a6b600]:before{content:"\e6a7"}.uniui-vip[data-v-45a6b600]:before{content:"\e6a8"}.uniui-folder-add[data-v-45a6b600]:before{content:"\e6a9"}.uniui-tune[data-v-45a6b600]:before{content:"\e6aa"}.uniui-auth[data-v-45a6b600]:before{content:"\e6ab"}.uniui-person[data-v-45a6b600]:before{content:"\e699"}.uniui-email-filled[data-v-45a6b600]:before{content:"\e69a"}.uniui-phone-filled[data-v-45a6b600]:before{content:"\e69b"}.uniui-phone[data-v-45a6b600]:before{content:"\e69c"}.uniui-email[data-v-45a6b600]:before{content:"\e69e"}.uniui-personadd[data-v-45a6b600]:before{content:"\e69f"}.uniui-chatboxes-filled[data-v-45a6b600]:before{content:"\e692"}.uniui-contact[data-v-45a6b600]:before{content:"\e693"}.uniui-chatbubble-filled[data-v-45a6b600]:before{content:"\e694"}.uniui-contact-filled[data-v-45a6b600]:before{content:"\e695"}.uniui-chatboxes[data-v-45a6b600]:before{content:"\e696"}.uniui-chatbubble[data-v-45a6b600]:before{content:"\e697"}.uniui-upload-filled[data-v-45a6b600]:before{content:"\e68e"}.uniui-upload[data-v-45a6b600]:before{content:"\e690"}.uniui-weixin[data-v-45a6b600]:before{content:"\e691"}.uniui-compose[data-v-45a6b600]:before{content:"\e67f"}.uniui-qq[data-v-45a6b600]:before{content:"\e680"}.uniui-download-filled[data-v-45a6b600]:before{content:"\e681"}.uniui-pyq[data-v-45a6b600]:before{content:"\e682"}.uniui-sound[data-v-45a6b600]:before{content:"\e684"}.uniui-trash-filled[data-v-45a6b600]:before{content:"\e685"}.uniui-sound-filled[data-v-45a6b600]:before{content:"\e686"}.uniui-trash[data-v-45a6b600]:before{content:"\e687"}.uniui-videocam-filled[data-v-45a6b600]:before{content:"\e689"}.uniui-spinner-cycle[data-v-45a6b600]:before{content:"\e68a"}.uniui-weibo[data-v-45a6b600]:before{content:"\e68b"}.uniui-videocam[data-v-45a6b600]:before{content:"\e68c"}.uniui-download[data-v-45a6b600]:before{content:"\e68d"}.uniui-help[data-v-45a6b600]:before{content:"\e679"}.uniui-navigate-filled[data-v-45a6b600]:before{content:"\e67a"}.uniui-plusempty[data-v-45a6b600]:before{content:"\e67b"}.uniui-smallcircle[data-v-45a6b600]:before{content:"\e67c"}.uniui-minus-filled[data-v-45a6b600]:before{content:"\e67d"}.uniui-micoff[data-v-45a6b600]:before{content:"\e67e"}.uniui-closeempty[data-v-45a6b600]:before{content:"\e66c"}.uniui-clear[data-v-45a6b600]:before{content:"\e66d"}.uniui-navigate[data-v-45a6b600]:before{content:"\e66e"}.uniui-minus[data-v-45a6b600]:before{content:"\e66f"}.uniui-image[data-v-45a6b600]:before{content:"\e670"}.uniui-mic[data-v-45a6b600]:before{content:"\e671"}.uniui-paperplane[data-v-45a6b600]:before{content:"\e672"}.uniui-close[data-v-45a6b600]:before{content:"\e673"}.uniui-help-filled[data-v-45a6b600]:before{content:"\e674"}.uniui-paperplane-filled[data-v-45a6b600]:before{content:"\e675"}.uniui-plus[data-v-45a6b600]:before{content:"\e676"}.uniui-mic-filled[data-v-45a6b600]:before{content:"\e677"}.uniui-image-filled[data-v-45a6b600]:before{content:"\e678"}.uniui-locked-filled[data-v-45a6b600]:before{content:"\e668"}.uniui-info[data-v-45a6b600]:before{content:"\e669"}.uniui-locked[data-v-45a6b600]:before{content:"\e66b"}.uniui-camera-filled[data-v-45a6b600]:before{content:"\e658"}.uniui-chat-filled[data-v-45a6b600]:before{content:"\e659"}.uniui-camera[data-v-45a6b600]:before{content:"\e65a"}.uniui-circle[data-v-45a6b600]:before{content:"\e65b"}.uniui-checkmarkempty[data-v-45a6b600]:before{content:"\e65c"}.uniui-chat[data-v-45a6b600]:before{content:"\e65d"}.uniui-circle-filled[data-v-45a6b600]:before{content:"\e65e"}.uniui-flag[data-v-45a6b600]:before{content:"\e65f"}.uniui-flag-filled[data-v-45a6b600]:before{content:"\e660"}.uniui-gear-filled[data-v-45a6b600]:before{content:"\e661"}.uniui-home[data-v-45a6b600]:before{content:"\e662"}.uniui-home-filled[data-v-45a6b600]:before{content:"\e663"}.uniui-gear[data-v-45a6b600]:before{content:"\e664"}.uniui-smallcircle-filled[data-v-45a6b600]:before{content:"\e665"}.uniui-map-filled[data-v-45a6b600]:before{content:"\e666"}.uniui-map[data-v-45a6b600]:before{content:"\e667"}.uniui-refresh-filled[data-v-45a6b600]:before{content:"\e656"}.uniui-refresh[data-v-45a6b600]:before{content:"\e657"}.uniui-cloud-upload[data-v-45a6b600]:before{content:"\e645"}.uniui-cloud-download-filled[data-v-45a6b600]:before{content:"\e646"}.uniui-cloud-download[data-v-45a6b600]:before{content:"\e647"}.uniui-cloud-upload-filled[data-v-45a6b600]:before{content:"\e648"}.uniui-redo[data-v-45a6b600]:before{content:"\e64a"}.uniui-images-filled[data-v-45a6b600]:before{content:"\e64b"}.uniui-undo-filled[data-v-45a6b600]:before{content:"\e64c"}.uniui-more[data-v-45a6b600]:before{content:"\e64d"}.uniui-more-filled[data-v-45a6b600]:before{content:"\e64e"}.uniui-undo[data-v-45a6b600]:before{content:"\e64f"}.uniui-images[data-v-45a6b600]:before{content:"\e650"}.uniui-paperclip[data-v-45a6b600]:before{content:"\e652"}.uniui-settings[data-v-45a6b600]:before{content:"\e653"}.uniui-search[data-v-45a6b600]:before{content:"\e654"}.uniui-redo-filled[data-v-45a6b600]:before{content:"\e655"}.uniui-list[data-v-45a6b600]:before{content:"\e644"}.uniui-mail-open-filled[data-v-45a6b600]:before{content:"\e63a"}.uniui-hand-down-filled[data-v-45a6b600]:before{content:"\e63c"}.uniui-hand-down[data-v-45a6b600]:before{content:"\e63d"}.uniui-hand-up-filled[data-v-45a6b600]:before{content:"\e63e"}.uniui-hand-up[data-v-45a6b600]:before{content:"\e63f"}.uniui-heart-filled[data-v-45a6b600]:before{content:"\e641"}.uniui-mail-open[data-v-45a6b600]:before{content:"\e643"}.uniui-heart[data-v-45a6b600]:before{content:"\e639"}.uniui-loop[data-v-45a6b600]:before{content:"\e633"}.uniui-pulldown[data-v-45a6b600]:before{content:"\e632"}.uniui-scan[data-v-45a6b600]:before{content:"\e62a"}.uniui-bars[data-v-45a6b600]:before{content:"\e627"}.uniui-checkbox[data-v-45a6b600]:before{content:"\e62b"}.uniui-checkbox-filled[data-v-45a6b600]:before{content:"\e62c"}.uniui-shop[data-v-45a6b600]:before{content:"\e62f"}.uniui-headphones[data-v-45a6b600]:before{content:"\e630"}.uniui-cart[data-v-45a6b600]:before{content:"\e631"}@font-face{font-family:uniicons;src:url(/assets/uniicons.2579c7da.ttf)}.uni-icons[data-v-45a6b600]{font-family:uniicons;text-decoration:none;text-align:center}</style><style type="text/css">@charset "UTF-8";
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */.container[data-v-4fb7977f]{z-index:9992;height:100vh;width:100%;position:fixed;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:rgba(0,0,0,.6196078431372549)}.icon-close[data-v-4fb7977f]{position:absolute;bottom:7%;left:50%;z-index:9993;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.container-content[data-v-4fb7977f]{position:absolute;padding:20px 10px 60px;background-image:url(/static/images/page_bg.png)!important;background-repeat:no-repeat;background-size:100% 100%;width:88%;max-width:500px;bottom:50%;left:50%;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%);z-index:9993;color:#000}.container-content uni-view[data-v-4fb7977f]{margin:4px 0}.container-content .goods-price[data-v-4fb7977f]{width:30%;margin:0 auto}.container-content .goods-price .img[data-v-4fb7977f]{width:100%}.container-content .order-info[data-v-4fb7977f]{width:80%;margin:0 auto}.container-content .goods-name[data-v-4fb7977f]{font-weight:900;text-align:center;font-size:16px;width:90%;margin:0 auto;color:#000}.container-content .info-row[data-v-4fb7977f]{font-size:14px}.container-content .info-data-row[data-v-4fb7977f]{font-weight:900;font-size:14px}.order-sub[data-v-4fb7977f]{vertical-align:middle;padding-left:1.2rem;padding-right:1.2rem;color:#fff;background:#e4022b;text-align:center;font-weight:400;font-size:1rem;line-height:1.5;border-radius:1px;padding:.375rem .85rem;width:100%;margin-top:30px}</style><style type="text/css">@charset "UTF-8";
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */.head-nav .head[data-v-0dd99231]{width:100%;padding:0 3%;height:50px;background:#e4022b;display:flex;align-items:center;justify-content:space-between}.head-nav .head .center .logo[data-v-0dd99231]{width:120px}.head-nav .head .left uni-image[data-v-0dd99231]{width:10px}.head-nav .head .right uni-image[data-v-0dd99231]{width:20px;height:20px}.head-nav .head .rights[data-v-0dd99231]{color:#fff;margin-left:10px;text-decoration:underline;font-family:NunitoSans;font-size:12px;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;display:flex;justify-content:center;align-items:center}.head-nav .head .rights uni-image[data-v-0dd99231]{width:20px;height:20px;margin-right:10px}</style><style type="text/css">.copyright[data-v-37bbd9f6]{display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff;
	/* position: absolute; */bottom:50px;left:0;z-index:999;width:100%;margin:40px auto}</style><style type="text/css">@charset "UTF-8";
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */.uni-popup[data-v-1df729aa]{position:fixed;z-index:99}.uni-popup.top[data-v-1df729aa], .uni-popup.left[data-v-1df729aa], .uni-popup.right[data-v-1df729aa]{top:var(--window-top)}.uni-popup .uni-popup__wrapper[data-v-1df729aa]{display:block;position:relative
  /* iphonex 等安全区设置，底部安全区适配 */}.uni-popup .uni-popup__wrapper.left[data-v-1df729aa], .uni-popup .uni-popup__wrapper.right[data-v-1df729aa]{padding-top:var(--window-top);flex:1}.fixforpc-z-index[data-v-1df729aa]{z-index:999}.fixforpc-top[data-v-1df729aa]{top:0}</style><style type="text/css">@charset "UTF-8";
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */.content[data-v-6f8314f6]{width:285px;height:100vh;color:#fff;background:#061435!important}.content .scrill-content[data-v-6f8314f6]{width:100%;padding:20px 4%;margin:0 auto}.content .scroll-view[data-v-6f8314f6]{width:100%;height:100%}.content .scroll-view[data-v-6f8314f6]::-webkit-scrollbar{display:none;width:0!important;height:0!important;background:transparent;color:transparent;-webkit-appearance:none}.content .logout[data-v-6f8314f6]{color:red;border:none!important;padding:20px 0!important;font-weight:700}.content .popup-nav[data-v-6f8314f6]{border-bottom:1px solid #d9d9d9;padding:15px 0!important}.content .popup-nav[data-v-6f8314f6]:nth-last-of-type(2){border-bottom:none}.content .popup-nav .text[data-v-6f8314f6]{margin-left:10px;font-size:14px}.content .popup-nav uni-image[data-v-6f8314f6]{width:26px}.content .credit[data-v-6f8314f6]{width:100%;margin:10px auto}.content .credit .credit-progress[data-v-6f8314f6]{width:75%;height:6px;border-radius:50px;background-color:#817d85;position:relative;margin-right:10px}.content .credit .progress-active[data-v-6f8314f6]{background-color:#0952cc;height:6px;position:absolute;top:0;left:0;border-radius:50px;width:100%}.content .credit .credit-number[data-v-6f8314f6]{border-radius:50px;color:#fff;background:#0952cc;position:absolute;top:-8px;font-size:12px;padding:0 5px;line-height:22px}.content .invitation-code[data-v-6f8314f6]{margin-top:5px;font-size:14px}.content .invitation-code .copy[data-v-6f8314f6]{width:20px;height:20px;margin-right:40px}.content .account-info[data-v-6f8314f6]{width:88%;margin:0 auto;padding:10px 0}.content .account-info .num[data-v-6f8314f6]{margin-top:5px}.content .account-info uni-view[data-v-6f8314f6]{font-size:13px}.content .userinfo .right[data-v-6f8314f6]{margin-left:10px}.content .userinfo .right .phone[data-v-6f8314f6]{font-size:12px;margin-top:10px}.content .userinfo .right .vip-img[data-v-6f8314f6]{width:20px;height:20px}.content .userinfo .right .level_name[data-v-6f8314f6]{font-size:12px;margin-left:5px}.content .userinfo .right .username[data-v-6f8314f6]{font-size:16px;margin-right:10px}.content .userinfo .avatar[data-v-6f8314f6]{width:70px;height:70px;border-radius:50%}</style><style type="text/css">@charset "UTF-8";
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */.close[data-v-8120e65e]{margin:20px auto;width:25px;height:25px;line-height:25px;border-radius:50%;font-weight:700;color:#000;font-size:24px;text-shadow:0 1px 0 #fff}.iamge[data-v-8120e65e]{width:300px;padding:10px;border-radius:12px}.iamge uni-image[data-v-8120e65e]{width:100%}</style><style type="text/css">@-webkit-keyframes show-data-v-ad63bb64{0%{opacity:0}100%{opacity:1}}@keyframes show-data-v-ad63bb64{0%{opacity:0}100%{opacity:1}}



</style><style type="text/css">@charset "UTF-8";
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */.article[data-v-e5a0505e]{width:84%;height:440px;border-radius:12px;margin:0 auto;padding:14px}.article .pare[data-v-e5a0505e]{border-radius:12px}.article .pare .title[data-v-e5a0505e]{font-family:NunitoSans;font-size:12px;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#0952cc;padding:0 10px;margin-bottom:10px;margin-top:5px}</style><style type="text/css">@charset "UTF-8";
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */.notice[data-v-f9b6ea1e]{color:#fff;overflow:hidden;width:94%;height:35px;margin:10px auto 0;display:flex;align-items:center;justify-content:space-between}.notice .notice-content[data-v-f9b6ea1e]{width:85%;height:35px;position:relative;overflow:hidden;display:flex;align-items:center}.notice .notice-view[data-v-f9b6ea1e]{white-space:nowrap;position:absolute;font-size:0}.notice .notice-view .notice-text[data-v-f9b6ea1e]{display:inline-block;font-size:13px}</style><style type="text/css">@charset "UTF-8";
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */.uni-popup[data-v-3f9736e1]{z-index:9999!important}.reviewsPopup[data-v-3f9736e1]{border-radius:15px 15px 0 0;background:#fff}.reviews[data-v-3f9736e1]{width:94%;margin:0 auto;border-bottom:1px solid #f7f7f7;padding:15px 0;font-size:14px;color:#000}</style><style type="text/css">@charset "UTF-8";
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */.tip .successColor[data-v-4eab598a]{color:#00b115!important}.tip .errColor[data-v-4eab598a]{color:#e4022b!important}.tip .tip-content[data-v-4eab598a]{width:240px;padding:20px 10px;max-width:450px;background:#fff;border-radius:12px}.tip .tip-content .tipVal[data-v-4eab598a]{text-align:center;font-weight:700;color:#000;margin-top:10px}.tip .tip-content .logo[data-v-4eab598a]{width:150px}</style><script charset="utf-8" src="/static/js/pages-login-index~pages-register-index.cc90bbb5.js"></script><script charset="utf-8" src="/static/js/pages-login-index.44e92431.js"></script><style type="text/css">.uni-app--showtabbar uni-page-wrapper {
                    display: block;
                    height: calc(100% - 50px);
                    height: calc(100% - 50px - constant(safe-area-inset-bottom));
                    height: calc(100% - 50px - env(safe-area-inset-bottom));
                  }
.uni-app--showtabbar uni-page-wrapper::after {
                  content: "";
                  display: block;
                  width: 100%;
                  height: 50px;
                  height: calc(50px + constant(safe-area-inset-bottom));
                  height: calc(50px + env(safe-area-inset-bottom));
                }
.uni-app--showtabbar uni-page-head[uni-page-head-type="default"] ~ uni-page-wrapper {
                  height: calc(100% - 44px - 50px);
                  height: calc(100% - 44px - constant(safe-area-inset-top) - 50px - constant(safe-area-inset-bottom));
                  height: calc(100% - 44px - env(safe-area-inset-top) - 50px - env(safe-area-inset-bottom));
                }</style><style type="text/css">.select-area-input[data-v-091747c6]{background-color:#fff;width:90%;margin:0 auto;height:30px;padding:0 10px;font-size:12px;border-radius:5px}.pl-20[data-v-091747c6]{padding-left:1px;font-size:12px}.wxaSortPickerTemTags[data-v-091747c6]{position:fixed;top:50%;right:1px;color:#1cc2f7;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.wxaSortPickerTemTag[data-v-091747c6]{text-align:center;padding:1px;font-size:1px;line-height:1px}.wxaSortPickerFixedTag[data-v-091747c6]{position:fixed;width:100%}.wxaSortPickerTag[data-v-091747c6]{background-color:#f3f7f8;font-size:1px;font-weight:700;color:#46595f;height:1px;line-height:1px;padding:0 1px}.wxaSortPickerItem-box[data-v-091747c6]{background-color:#fff;padding:0 1px}.wxaSortPickerItem[data-v-091747c6]{height:1px;line-height:1px;border-bottom:1px solid #dee4e4;color:#46595f;font-size:1px;display:flex;align-items:center}.wxaSortPickerItem uni-image[data-v-091747c6]{width:1px;height:1px}.wxaSortPickerItem[data-v-091747c6]:last-child{border-bottom:none}</style><style type="text/css">@charset "UTF-8";
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */.areaFlag[data-v-707bd0d2]{margin:0 5px 0;width:45px;height:20px}.concents[data-v-707bd0d2]{display:flex;justify-content:space-between;margin:30px 10px}.concents uni-image[data-v-707bd0d2]{width:50px;height:50px}.conditions[data-v-707bd0d2]{width:94%;height:50px;margin:0 auto;font-size:12px}.conditions uni-radio[data-v-707bd0d2]{-webkit-transform:scale(.88);transform:scale(.88)}.conditions .text[data-v-707bd0d2]{text-decoration:underline}.conditions .texts[data-v-707bd0d2]{color:#e4022b}.help[data-v-707bd0d2]{display:flex;align-items:center;justify-content:center;color:#fff;width:100%;margin:25px auto}.help .fixeds[data-v-707bd0d2]{position:fixed;bottom:40px;right:10px;width:50px;height:50px;border-radius:50px}.help .service_text[data-v-707bd0d2]{text-decoration:underline}.help .contact[data-v-707bd0d2]{color:#0952cc;text-decoration:underline}.help uni-image[data-v-707bd0d2]{width:25px;margin-right:10px}.content[data-v-707bd0d2]{background-image:url(/static/images/BG-01.png)!important;background-size:100% auto!important;background-repeat:no-repeat!important;background-color:#fff!important;padding-bottom:30px}.content .help[data-v-707bd0d2]{display:flex;align-items:center;justify-content:center;color:#fff;width:100%;margin:25px auto}.content .help .fixeds[data-v-707bd0d2]{position:fixed;bottom:100px;right:10px;width:50px;height:50px;border-radius:50px}.content .help .service_text[data-v-707bd0d2]{text-decoration:underline}.content .help .contact[data-v-707bd0d2]{color:#0952cc;text-decoration:underline}.content .help uni-image[data-v-707bd0d2]{width:25px;margin-right:10px}.content .weclome[data-v-707bd0d2]{color:#fff;display:flex;align-items:center;justify-content:center;margin:50px auto 20px}.content .language[data-v-707bd0d2]{width:30px;position:absolute!important;top:30px;right:20px;z-index:10}.content .login-btn[data-v-707bd0d2]{margin:50px auto 0;width:88%;height:50px;display:flex;align-items:center;justify-content:center;color:#fff;border-radius:10px;background:#e4022b}.content .login-content[data-v-707bd0d2]{width:88%;margin:90px auto 0;padding-bottom:20px}.content .login-content .nav[data-v-707bd0d2]{width:100%;padding:15px 4% 5px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;border-bottom:1px solid #eee}.content .login-content .nav .select[data-v-707bd0d2]{display:flex;width:100%;position:relative;align-items:center}.content .login-content .nav .input[data-v-707bd0d2]{height:40px;padding:0 5px;width:100%}.content .login-content .nav uni-input[data-v-707bd0d2]{font-size:15px;width:100%;height:40px;color:#fff}.content .login-content .nav .left[data-v-707bd0d2]{width:40%;color:#0952cc}.content .login-content .top-title[data-v-707bd0d2]{width:100%;height:50px;padding:0 4%;display:flex;align-items:center;justify-content:space-between}.content .login-content .top-title .login[data-v-707bd0d2]{font-weight:bolder;color:#fff}.content .login-content .top-title .register[data-v-707bd0d2]{color:#fff;font-size:14px}.content .logo[data-v-707bd0d2]{display:flex;align-items:center;justify-content:center;padding-top:60px}.content .logo uni-image[data-v-707bd0d2]{width:200px}</style></head><body class="uni-body pages-login-index"><noscript><strong>Please enable JavaScript to continue.</strong></noscript><uni-app class="uni-app--maxwidth"><uni-page data-page="pages/login/index"><!----><!----><uni-page-wrapper><uni-page-body><uni-view data-v-707bd0d2="" class="content"><uni-view data-v-707bd0d2="" class="logo"><uni-image data-v-0b97620a="" data-v-707bd0d2="" style="width: 280px; height: 90px;"><div style="background-image: url(&quot;https://shbunfstxcvx.com/admin/profile/upload/2024/09/01/logo_20240901000905A003.png&quot;); background-size: 100% 100%; background-repeat: no-repeat;"></div><uni-resize-sensor><div><div></div></div><div><div></div></div></uni-resize-sensor><img src="https://shbunfstxcvx.com/admin/profile/upload/2024/09/01/logo_20240901000905A003.png" draggable="false"></uni-image></uni-view><uni-view data-v-707bd0d2="" class="weclome font-bold" style="font-size: 38px; color: rgb(0, 0, 0); text-align: center;">Welcome to BoxOffice</uni-view><uni-view data-v-707bd0d2="" style="width: 78%; margin: 0px auto; text-align: center; color: rgb(149, 149, 149);">Our Culture At BoxOffice, we believe that our success is predicated on the success of our customers and team members. Our Culture drives everything we do, and everything that we deliver.</uni-view><uni-view data-v-707bd0d2="" class="login-btn">Sign In</uni-view><uni-view data-v-707bd0d2="" class="login-btn" style="background: rgb(0, 0, 0); border-radius: 10px; margin-top: 20px;">Join Now &amp; Get Rewards</uni-view><uni-view data-v-707bd0d2="" class="help"><uni-image data-v-707bd0d2="" class="fixeds" style="height: 50px;"><div style="background-image: url(&quot;/static/images/BG-26.png&quot;); background-size: 100% 100%; background-repeat: no-repeat;"></div><uni-resize-sensor><div><div></div></div><div><div></div></div></uni-resize-sensor><img src="/static/images/BG-26.png" draggable="false"></uni-image></uni-view><!----><!----><!----><uni-view data-v-4eab598a="" data-v-707bd0d2="" class="tip"><!----></uni-view><!----><uni-view data-v-37bbd9f6="" data-v-707bd0d2="" class="copyright" style="color: rgb(153, 153, 153);">TM &amp; © 2024 Boxoffice. All rights reserved.</uni-view></uni-view></uni-page-body></uni-page-wrapper></uni-page><!----><!----><uni-actionsheet><div class="uni-mask uni-actionsheet__mask" style="display: none;"></div><div class="uni-actionsheet"><div class="uni-actionsheet__menu"><!----><!----><div style="max-height: 260px; overflow: hidden;"><div style="transform: translateY(0px) translateZ(0px);"></div></div></div><div class="uni-actionsheet__action"><div class="uni-actionsheet__cell" style="color: rgb(0, 0, 0);"> Cancel </div></div><div></div></div><!----></uni-actionsheet><uni-modal style="display: none;"><div class="uni-mask"></div><div class="uni-modal"><!----><div class="uni-modal__bd"></div><div class="uni-modal__ft"><div class="uni-modal__btn uni-modal__btn_default" style="color: rgb(0, 0, 0);"> Cancel </div><div class="uni-modal__btn uni-modal__btn_primary" style="color: rgb(0, 122, 255);"> OK </div></div></div><!----></uni-modal><!----><!----></uni-app><script src="/static/js/chunk-vendors.fc06c42e.js"></script><script src="/static/js/index.af7d08f7.js"></script><div style="position: absolute; left: 0px; top: 0px; width: 0px; height: 0px; z-index: -1; overflow: hidden; visibility: hidden;"><div style="position: absolute; width: 100px; height: 200px; box-sizing: border-box; overflow: hidden; padding-bottom: env(safe-area-inset-top);"><div style="transition: all 0s ease 0s; animation: auto ease 0s 1 normal none running none; width: 400px; height: 400px;"></div></div><div style="position: absolute; width: 100px; height: 200px; box-sizing: border-box; overflow: hidden; padding-bottom: env(safe-area-inset-top);"><div style="transition: all 0s ease 0s; animation: auto ease 0s 1 normal none running none; width: 250%; height: 250%;"></div></div><div style="position: absolute; width: 100px; height: 200px; box-sizing: border-box; overflow: hidden; padding-bottom: env(safe-area-inset-left);"><div style="transition: all 0s ease 0s; animation: auto ease 0s 1 normal none running none; width: 400px; height: 400px;"></div></div><div style="position: absolute; width: 100px; height: 200px; box-sizing: border-box; overflow: hidden; padding-bottom: env(safe-area-inset-left);"><div style="transition: all 0s ease 0s; animation: auto ease 0s 1 normal none running none; width: 250%; height: 250%;"></div></div><div style="position: absolute; width: 100px; height: 200px; box-sizing: border-box; overflow: hidden; padding-bottom: env(safe-area-inset-right);"><div style="transition: all 0s ease 0s; animation: auto ease 0s 1 normal none running none; width: 400px; height: 400px;"></div></div><div style="position: absolute; width: 100px; height: 200px; box-sizing: border-box; overflow: hidden; padding-bottom: env(safe-area-inset-right);"><div style="transition: all 0s ease 0s; animation: auto ease 0s 1 normal none running none; width: 250%; height: 250%;"></div></div><div style="position: absolute; width: 100px; height: 200px; box-sizing: border-box; overflow: hidden; padding-bottom: env(safe-area-inset-bottom);"><div style="transition: all 0s ease 0s; animation: auto ease 0s 1 normal none running none; width: 400px; height: 400px;"></div></div><div style="position: absolute; width: 100px; height: 200px; box-sizing: border-box; overflow: hidden; padding-bottom: env(safe-area-inset-bottom);"><div style="transition: all 0s ease 0s; animation: auto ease 0s 1 normal none running none; width: 250%; height: 250%;"></div></div></div></body></html>