<html style="font-size: 17.9px;">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <meta name="uc-biz-native-gallery" content="no" />
    <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1,minimal-ui,viewport-fit=cover" />
    <meta name="format-detection" content="telephone=no" />
    <title>哔哩哔哩卡</title>
    <style>
        html,
        body {
            height: 100%;
        }
    </style>
    <link href="https://res.mall.10010.cn/mall/scaffold-show/static/css/app.d56bc418dec5a5eca353aee159c2b5f4.css?r=123" rel="stylesheet" />
    <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
</head>
<body>
<div id="app">
    <div data-v-087595bc="" id="templateLandingPage" class="" style="background-size: contain; background-color: rgb(255, 255, 255);">
        <div data-v-087595bc="" class="shade" style="display: none;"></div>
        <section data-v-087595bc="" class="backToTop">
            <a data-v-6da6be04="" data-v-087595bc="" href="javascript:void(0);" title="回到顶部" class="back"></a>
        </section>
        <section data-v-087595bc="" class="apply" style="background-size: contain; background-color: rgb(255, 255, 255); padding-bottom: 0px; padding-top: 0px;">
            <div data-v-b2a9e64a="" data-v-087595bc="" class="top-img" pageid="Hy-0D5N2z" index="1">
                <div data-v-b2a9e64a="" class="replace-img hide">
                    <span data-v-b2a9e64a="">请上传头图</span>
                </div>
                <li data-v-b2a9e64a=""><img data-v-b2a9e64a="" src="https://res.mall.10010.cn/mall/scaffold-img/headImage/20201023【通用】l卡落地页2020移动端_01_ceb755d98ee3cd73133121bb3e253697.jpg" id="top_image0" usemap="#top_planetmap0" />
                    <!----> </li>
                <li data-v-b2a9e64a=""><img data-v-b2a9e64a="" src="https://res.mall.10010.cn/mall/scaffold-img/headImage/20201023【通用】l卡落地页2020移动端_02_6dd054191d750a13fd89bfd46fc4c756.jpg" id="top_image1" usemap="#top_planetmap1" />
                    <!----> </li>
                <li data-v-b2a9e64a=""><img data-v-b2a9e64a="" src="https://res.mall.10010.cn/mall/scaffold-img/headImage/20201023【通用】l卡落地页2020移动端_03_71e6d63f4c11c9c51ae85c8d5f860d9d.jpg" id="top_image2" usemap="#top_planetmap2" />
                    <!----> </li>
                <li data-v-b2a9e64a=""><img data-v-b2a9e64a="" src="https://res.mall.10010.cn/mall/scaffold-img/headImage/20201023【通用】l卡落地页2020移动端_04_cc437d4e4e3c14508f2d8e6e474807eb.jpg" id="top_image3" usemap="#top_planetmap3" />
                    <!----> </li>
                <li data-v-b2a9e64a=""><img data-v-b2a9e64a="" src="https://res.mall.10010.cn/mall/scaffold-img/headImage/20201023【通用】l卡落地页2020移动端_05_c00615a08492f965450a78826d5b3740.jpg" id="top_image4" usemap="#top_planetmap4" />
                    <!----> </li>
            </div>
            <div data-v-3d20dfaa="" data-v-087595bc="" class="switch-slide" pageid="Hy-0D5N2z" index="12" style="margin-top: -13.5rem;">
                <div data-v-3d20dfaa="" class="charge-desc" style="width: 100%;">
                    <ul data-v-3d20dfaa="" class="img-list" style="height: 120px;">
                        <li data-v-3d20dfaa="" id="1" class="option" style="transform: translateX(-120%);"><img data-v-3d20dfaa="" src="https://res.mall.10010.cn/mall/scaffold-img/optionImage/22 _cd59bb0316026c2def56cdb048af1b2f.png" /></li>
                        <li data-v-3d20dfaa="" id="2" class="option checked"><img data-v-3d20dfaa="" src="https://res.mall.10010.cn/mall/scaffold-img/optionImage/33 _757c91d8e5246769be382eead488525d.png" /></li>
                        <li data-v-3d20dfaa="" id="3" class="option" style="transform: translateX(120%);"><img data-v-3d20dfaa="" src="https://res.mall.10010.cn/mall/scaffold-img/optionImage/tv_d3edacdc98d3b01ce9080d804f6a55be.png" /></li>
                    </ul>
                    <ul data-v-3d20dfaa="" class="img-dot">
                        <li data-v-3d20dfaa="" id="1" class="dot" style="background: rgb(255, 255, 255);"></li>
                        <li data-v-3d20dfaa="" id="2" class="dot checked" style="background: rgb(255, 255, 255);"></li>
                        <li data-v-3d20dfaa="" id="3" class="dot" style="background: rgb(255, 255, 255);"></li>
                    </ul>
                </div>
            </div>
            <div data-v-f2069564="" data-v-087595bc="" class="buttonBox" pageid="Hy-0D5N2z" style="display: block;">
                <div data-v-f2069564="" class="btnBox" style="margin-left: 0rem; margin-top: 0rem; margin-bottom: 0rem; display: inline-block;">
                    <a data-v-f2069564="" target="_blank" class="btn" style="width: 9.0625rem; height: 3rem; line-height: 3rem; color: rgb(255, 255, 255); border-radius: 0.25rem; font-size: 1rem; text-decoration: none; background: url(&quot;https://res.mall.10010.cn/mall/scaffold-img/otherImage/biliBtn_39f6ad79e0cbfa9c8eb8a1a721a3f2e4.jpg&quot;) 0% 0% / 100% 100%;"></a>
                    <a data-v-f2069564="" target="_blank" class="btn" style="background: url(&quot;https://res.mall.10010.cn/mall/scaffold-img/otherImage/biliBtn_39f6ad79e0cbfa9c8eb8a1a721a3f2e4.jpg&quot;) 0% 0% / 100% 100%; width: 9.0625rem; height: 3rem; line-height: 3rem; color: rgb(255, 255, 255); border-radius: 0.25rem; font-size: 1rem; text-decoration: none; display: none;"></a>
                    <a data-v-f2069564="" class="btn" style="cursor: not-allowed; background: url(&quot;https://res.mall.10010.cn/mall/scaffold-img/otherImage/biliBtn_39f6ad79e0cbfa9c8eb8a1a721a3f2e4.jpg&quot;) 0% 0% / 100% 100%; width: 9.0625rem; height: 3rem; line-height: 3rem; color: rgb(255, 255, 255); border-radius: 0.25rem; font-size: 1rem; text-decoration: none; display: none;"></a>
                </div>
                <div data-v-f2069564="" class="noBlock" style="display: none;">
                    <a data-v-f2069564="" target="_blank" class="btn" style="width: 9.0625rem; height: 3rem; line-height: 3rem; color: rgb(255, 255, 255); border-radius: 0.25rem; font-size: 1rem; text-decoration: none; background: url(&quot;https://res.mall.10010.cn/mall/scaffold-img/otherImage/biliBtn_39f6ad79e0cbfa9c8eb8a1a721a3f2e4.jpg&quot;) 0% 0% / 100% 100%;"></a>
                    <a data-v-f2069564="" target="_blank" class="btn" style="background: url(&quot;https://res.mall.10010.cn/mall/scaffold-img/otherImage/biliBtn_39f6ad79e0cbfa9c8eb8a1a721a3f2e4.jpg&quot;) 0% 0% / 100% 100%; width: 9.0625rem; height: 3rem; line-height: 3rem; color: rgb(255, 255, 255); border-radius: 0.25rem; font-size: 1rem; text-decoration: none; display: none;"></a>
                    <a data-v-f2069564="" class="btn" style="cursor: not-allowed; background: url(&quot;https://res.mall.10010.cn/mall/scaffold-img/otherImage/biliBtn_39f6ad79e0cbfa9c8eb8a1a721a3f2e4.jpg&quot;) 0% 0% / 100% 100%; width: 9.0625rem; height: 3rem; line-height: 3rem; color: rgb(255, 255, 255); border-radius: 0.25rem; font-size: 1rem; text-decoration: none; display: none;"></a>
                    <a data-v-f2069564="" href="" class="check" style="color: rgb(0, 0, 0);">查询订单</a>
                </div>
                <div data-v-f2069564="" class="btnBox" style="display: none;">
                    <a data-v-f2069564="" target="_blank" class="btn" style="width: 9.0625rem; height: 3rem; line-height: 3rem; color: rgb(255, 255, 255); border-radius: 0.25rem; font-size: 1rem; text-decoration: none; background: url(&quot;https://res.mall.10010.cn/mall/scaffold-img/otherImage/biliBtn_39f6ad79e0cbfa9c8eb8a1a721a3f2e4.jpg&quot;) 0% 0% / 100% 100%;"></a>
                    <a data-v-f2069564="" target="_blank" class="btn" style="background: url(&quot;https://res.mall.10010.cn/mall/scaffold-img/otherImage/biliBtn_39f6ad79e0cbfa9c8eb8a1a721a3f2e4.jpg&quot;) 0% 0% / 100% 100%; width: 9.0625rem; height: 3rem; line-height: 3rem; color: rgb(255, 255, 255); border-radius: 0.25rem; font-size: 1rem; text-decoration: none; display: none;"></a>
                    <a data-v-f2069564="" class="btn" style="cursor: not-allowed; background: url(&quot;https://res.mall.10010.cn/mall/scaffold-img/otherImage/biliBtn_39f6ad79e0cbfa9c8eb8a1a721a3f2e4.jpg&quot;) 0% 0% / 100% 100%; width: 9.0625rem; height: 3rem; line-height: 3rem; color: rgb(255, 255, 255); border-radius: 0.25rem; font-size: 1rem; text-decoration: none; display: none;"></a>
                </div>
                <div data-v-f2069564="" class="popup" style="display: none;">
                    <div data-v-f2069564="" class="content">
                        <p data-v-f2069564="" class="popup-desc"></p>
                    </div>
                    <a data-v-f2069564="" class="close"><img data-v-f2069564="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAAvCAYAAABzJ5OsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTExQTBGOUNEOTZDMTFFNjlCQjNCRDU3MjJFQTk4MEQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTExQTBGOUREOTZDMTFFNjlCQjNCRDU3MjJFQTk4MEQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFMTFBMEY5QUQ5NkMxMUU2OUJCM0JENTcyMkVBOTgwRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFMTFBMEY5QkQ5NkMxMUU2OUJCM0JENTcyMkVBOTgwRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlbGs/oAAAUjSURBVHja1JpbbBRVGMeng9YEoW0iatQSRY3FJyoSlfhQ2iIJosWqtYAXwIAmilJMfBMeRJ9IrJH6gBiViLFqJaIIGqutxKTeuD1ZjPGOxmt2WyWxutb/l/xOGTbd3dmZ6Xb9kn9mZ/ec8/3nXL7bbEUqlfJiii/UCwu41gm1wulCtZAW/hS+F44KR4Q+4bDwbxzFFTHIzxVWCe3CWRH6/yy8JDwnHCwV+UZhI1cn3wjvCgPC58KXwh9CitmfLlwoXCLMF5qF8wP9bSU2c50Q8qZsq3A990PCs8LzwoEIE3e5cLuwWqjiuzeFdcLXSZJvE55Gic3oFuEJZjau1Aj3Cw8K05iUtcLLcclPETqF+7h/DUXfecnLTCbkBu5tlTcImXyWIpdUCt0Q/4tr6wQR9xi3NUtfNzyKmnmb8R5mYYhrn1c6aRBeZ5u+IiwfbwVyzXwnhNPY71ISN3kfvSnOW2fYbdPOko0ILcIhb3LkEJZtBD7thcibZ3yKzw8I+73JlQ/g4cFrZj7yj7PPzKo86ZWHGI9d8OrMdWDd3jY7fimxSLnIOcIgD2CevT975h/iuqXMiJv8CK8gzzHy84g30jiKsLJGmBGR0Az6h5Uu+DUTWoyRv4PrjiJcvnna7cIegq9ipJo4ZjvjhJEU/ExWOvKGZQHyYeVV4QvhSg741JD9rN1u4Qr69xSh0/Ezvr5LJM4kkismrj4mLOJ8LMATVhboU0m7BvpdI/xQhM6D8DS+9X4gLn8vwr79CgK/CNcKOwktcoUcO2ln7ReGDX2zxPFs9MmIPBKJKDLICqRx5baPK7JjKL5vo90iUsIo8qEzMkZ+NjdHY5gyy0cXC8dJLjrHcX6r+X0x7b0Yk2VSZ+TPC2yBODJALGSxyHrhYb7fjEVxsdJATD2O59nmYW3QUzFfQwk4lKVYoimY0euEf4SbCHPjShVbb9jIjwb2ZVJyK7mtjTlKrvpCguOPOjv/d+CJvKQVBK5JieM5bOR/T5h8C7UYHy/qU2VomQjyx7iZlcDAzTihU4RH2O+PcqasGtCUgI4LuP7kB0xkXcxBr+JAVhLcbQxEgVYJOE14g3ZxZMy0+4E0L86gc4S3iFtsy3Rk/b6e76fSbk4MXfNcmuiTarkljyK2Yu9gansIc0fHObxr+L2a9lFXeqFLEY38x8Kv7KW5EfZfL4HSPkxkriJRht/30b7XO7leGUYuEy4iNvrIZ9DuYJwcUs5lBmspVdyMF80nI7TbT79eUryw4vgZ34yfFSevpHYYRozExazcUuKWMHIcs/kJ/dtC9qsJkN8RzKQ+JdSs9k7UJQuJWRQriC7BXRcjafqtLSLtXMcDGM8D/9fqQZOr4AWrB/3UR6Zhl8tJuiC+ywuUHrOLTh3eicLqvWVC/B7hRnhtyFcxszLz3Xx+TLh6konPDyQ2xuvbfOSdGerCze/Btk6GmN698OgKmPO85N322c3p7vdOfnlWCmlAbw2JTcd4jfw83vAW3HkVXvGuEhE3PW+j1/SvyOW1/QLecFkgItzGaa+dINK1jL8NfVvRn9Nr+wUGzJA8L+e02zujz4RNEUp8+Up/mxi3FT0r0JvJ17GY97CzmI0l3JuSZygkRX0Pe5twZyA72osnDVXJiPIGvIkEozGrHNFHWWOQ+2Ee0IhN5+FnY/4aszK3PjKvoqp2cf57YDO3ii11RoT+vwkvkqREWblY5J1YfaYe81bP7Lp/fVQx++5fH7YqRzCDhwvt6ULynwADAI00WnJoLAMkAAAAAElFTkSuQmCC" /></a>
                </div>
                <div data-v-f2069564="" class="mask" style="display: none;"></div>
                <div data-v-f2069564="" class="submit-loading" style="display: none;">
                    <div data-v-3a737353="" data-v-f2069564="" class="loadEffect">
                        <span data-v-3a737353="" style="background-color: rgb(196, 174, 99);"></span>
                        <span data-v-3a737353="" style="background-color: rgb(196, 174, 99);"></span>
                        <span data-v-3a737353="" style="background-color: rgb(196, 174, 99);"></span>
                        <span data-v-3a737353="" style="background-color: rgb(196, 174, 99);"></span>
                        <span data-v-3a737353="" style="background-color: rgb(196, 174, 99);"></span>
                        <span data-v-3a737353="" style="background-color: rgb(196, 174, 99);"></span>
                        <span data-v-3a737353="" style="background-color: rgb(196, 174, 99);"></span>
                        <span data-v-3a737353="" style="background-color: rgb(196, 174, 99);"></span>
                        <span data-v-3a737353="" style="background-color: rgb(196, 174, 99);"></span>
                        <span data-v-3a737353="" style="background-color: rgb(196, 174, 99);"></span>
                        <span data-v-3a737353="" style="background-color: rgb(196, 174, 99);"></span>
                        <span data-v-3a737353="" style="background-color: rgb(196, 174, 99);"></span>
                    </div> 正在加载，请稍后... ...
                </div>
            </div>
            <div data-v-c9f45fd6="" data-v-087595bc="" class="detailImg" pageid="Hy-0D5N2z" index="6">
                <div data-v-c9f45fd6="" class="replace-img hide">
                    <span data-v-c9f45fd6="">请上传详情图</span>
                </div>
                <li data-v-c9f45fd6=""><img data-v-c9f45fd6="" src="https://res.mall.10010.cn/mall/scaffold-img/detailImage/哔哩哔哩【通用】L卡落地页2020移动端（200G_09_f83cafea23d068610baca7014852a835.jpg" id="image0" usemap="#planetmap0" />
                    <!----></li>
                <li data-v-c9f45fd6=""><img data-v-c9f45fd6="" src="https://res.mall.10010.cn/mall/scaffold-img/detailImage/哔哩哔哩【通用】L卡落地页2020移动端（200G_10_bd536e3df22c38232c2a76730a9706c2.jpg" id="image1" usemap="#planetmap1" />
                    <!----></li>
                <li data-v-c9f45fd6=""><img data-v-c9f45fd6="" src="https://res.mall.10010.cn/mall/scaffold-img/detailImage/哔哩哔哩【通用】L卡落地页2020移动端（200G_11_c4bbca31813c7166aba98a4538828651.jpg" id="image2" usemap="#planetmap2" />
                    <!----></li>
                <li data-v-c9f45fd6=""><img data-v-c9f45fd6="" src="https://res.mall.10010.cn/mall/scaffold-img/detailImage/哔哩哔哩【通用】L卡落地页2020移动端（200G_12_8b9b185530f1b9ad03c2af46097196d1.jpg" id="image3" usemap="#planetmap3" />
                    <!----></li>
                <li data-v-c9f45fd6=""><img data-v-c9f45fd6="" src="https://res.mall.10010.cn/mall/scaffold-img/detailImage/哔哩哔哩卡（月租宝）_02_66574b55b45aa9b0b52167aa6efedd9d.jpg" id="image4" usemap="#planetmap4" />
                    <!----></li>
                <li data-v-c9f45fd6=""><img data-v-c9f45fd6="" src="https://res.mall.10010.cn/mall/scaffold-img/detailImage/哔哩哔哩【通用】L卡落地页2020移动端（200G_15_58f040c2b8c00ff48bb661163a3ff3ad.jpg" id="image5" usemap="#planetmap5" />
                    <!----></li>
                <li data-v-c9f45fd6=""><img data-v-c9f45fd6="" src="https://res.mall.10010.cn/mall/scaffold-img/detailImage/哔哩哔哩【通用】L卡落地页2020移动端（200G_16_e00dc7629d30c964dfe46f9cc232e9e4.jpg" id="image6" usemap="#planetmap6" />
                    <!----></li>
                <li data-v-c9f45fd6=""><img data-v-c9f45fd6="" src="https://res.mall.10010.cn/mall/scaffold-img/detailImage/哔哩哔哩【通用】L卡落地页2020移动端（200G_17_77274ece627aa57ea0be21574f5748b9.jpg" id="image7" usemap="#planetmap7" />
                    <!----></li>
                <li data-v-c9f45fd6=""><img data-v-c9f45fd6="" src="https://res.mall.10010.cn/mall/scaffold-img/detailImage/哔哩哔哩【通用】L卡落地页2020移动端（200G_18_23a40371f8117c02755bd6ea3bdb07da.jpg" id="image8" usemap="#planetmap8" />
                    <!----></li>
                <li data-v-c9f45fd6=""><img data-v-c9f45fd6="" src="https://res.mall.10010.cn/mall/scaffold-img/detailImage/哔哩哔哩【通用】L卡落地页2020移动端（200G_19_8707477af8642f0da35235cf40699b63.jpg" id="image9" usemap="#planetmap9" />
                    <!----></li>
                <li data-v-c9f45fd6=""><img data-v-c9f45fd6="" src="https://res.mall.10010.cn/mall/scaffold-img/detailImage/哔哩哔哩【通用】L卡落地页2020移动端（200G_20_20b48ccaeeb16745878590d6b0a98527.jpg" id="image10" usemap="#planetmap10" />
                    <!----></li>
                <li data-v-c9f45fd6=""><img data-v-c9f45fd6="" src="https://res.mall.10010.cn/mall/scaffold-img/detailImage/哔哩哔哩【通用】L卡落地页2020移动端（200G_21_c3273b3fe2aeca82c725b3cca43fdcbc.jpg" id="image11" usemap="#planetmap11" />
                    <!----></li>
                <li data-v-c9f45fd6=""><img data-v-c9f45fd6="" src="https://res.mall.10010.cn/mall/scaffold-img/detailImage/哔哩哔哩【通用】L卡落地页2020移动端（200G_22_88ca9b5d1c1054153dfc82cd7f228130.jpg" id="image12" usemap="#planetmap12" />
                    <!----></li>
                <li data-v-c9f45fd6=""><img data-v-c9f45fd6="" src="https://res.mall.10010.cn/mall/scaffold-img/detailImage/哔哩哔哩【通用】L卡落地页2020移动端（200G_23_9f8d96700126c1a470771c09361f08f0.jpg" id="image13" usemap="#planetmap13" />
                    <!----></li>
                <li data-v-c9f45fd6=""><img data-v-c9f45fd6="" src="https://res.mall.10010.cn/mall/scaffold-img/detailImage/哔哩哔哩【通用】L卡落地页2020移动端（200G_24_6cb2accde97dedfe85f13c8418c3e443.jpg" id="image14" usemap="#planetmap14" />
                    <!----></li>
                <li data-v-c9f45fd6=""><img data-v-c9f45fd6="" src="https://res.mall.10010.cn/mall/scaffold-img/detailImage/哔哩哔哩【通用】L卡落地页2020移动端（200G_25_f45cefec428b239c1259e749151161a0.jpg" id="image15" usemap="#planetmap15" />
                    <!----></li>
                <li data-v-c9f45fd6=""><img data-v-c9f45fd6="" src="https://res.mall.10010.cn/mall/scaffold-img/detailImage/哔哩哔哩【通用】L卡落地页2020移动端（200G_26_e2dfc7cec4299c2a8b202e6e33836c9e.jpg" id="image16" usemap="#planetmap16" />
                    <!----></li>
                <li data-v-c9f45fd6=""><img data-v-c9f45fd6="" src="https://res.mall.10010.cn/mall/scaffold-img/detailImage/哔哩哔哩卡（月租宝）_04_a3a3da3db57e1c2a37e444e1fba0e6c9.jpg" id="image17" usemap="#planetmap17" />
                    <!----></li>
                <li data-v-c9f45fd6=""><img data-v-c9f45fd6="" src="https://res.mall.10010.cn/mall/scaffold-img/detailImage/哔哩哔哩卡（月租宝）_05_dd9caf5920d863d078fc686c423fc24e.jpg" id="image18" usemap="#planetmap18" />
                    <!----></li>
                <li data-v-c9f45fd6=""><img data-v-c9f45fd6="" src="https://res.mall.10010.cn/mall/scaffold-img/detailImage/哔哩哔哩卡（月租宝）_06_91a51834c63b9fffea7461263b7cbecd.jpg" id="image19" usemap="#planetmap19" />
                    <!----></li>
                <li data-v-c9f45fd6=""><img data-v-c9f45fd6="" src="https://res.mall.10010.cn/mall/scaffold-img/detailImage/20201023【通用】l卡落地页2020移动端_11_f53a79b794c531f75573c18cf8b1f8c8.jpg" id="image20" usemap="#planetmap20" />
                    <!----></li>
                <li data-v-c9f45fd6=""><img data-v-c9f45fd6="" src="https://res.mall.10010.cn/mall/scaffold-img/detailImage/20201023【通用】l卡落地页2020移动端_12_dfd2f891f69c66bd5f1c64174b14dc0d.jpg" id="image21" usemap="#planetmap21" />
                    <!----></li>
                <li data-v-c9f45fd6=""><img data-v-c9f45fd6="" src="https://res.mall.10010.cn/mall/scaffold-img/detailImage/20201023【通用】l卡落地页2020移动端_13_bc5a85ce968c5971aeefce641e53b2a7.jpg" id="image22" usemap="#planetmap22" />
                    <!----></li>
                <li data-v-c9f45fd6=""><img data-v-c9f45fd6="" src="https://res.mall.10010.cn/mall/scaffold-img/detailImage/20201023【通用】l卡落地页2020移动端_14_3d321beae793ee01bec947059fc23463.jpg" id="image23" usemap="#planetmap23" />
                    <!----></li>
                <li data-v-c9f45fd6=""><img data-v-c9f45fd6="" src="https://res.mall.10010.cn/mall/scaffold-img/detailImage/20201023【通用】l卡落地页2020移动端_15_7b834db274b83e4448c1e9771faa532b.jpg" id="image24" usemap="#planetmap24" />
                    <!----></li>
                <li data-v-c9f45fd6=""><img data-v-c9f45fd6="" src="https://res.mall.10010.cn/mall/scaffold-img/detailImage/20201023【通用】l卡落地页2020移动端_16_0677975ed7476241aaa10dcff26f24bb.jpg" id="image25" usemap="#planetmap25" />
                    <!----></li>
                <li data-v-c9f45fd6=""><img data-v-c9f45fd6="" src="https://res.mall.10010.cn/mall/scaffold-img/detailImage/20201023【通用】l卡落地页2020移动端_17_1c803d60db239ba0ab2a6de151e94e5f.jpg" id="image26" usemap="#planetmap26" />
                    <!----></li>
                <li data-v-c9f45fd6=""><img data-v-c9f45fd6="" src="https://res.mall.10010.cn/mall/scaffold-img/detailImage/20201023【通用】l卡落地页2020移动端_18_efd243b76bb3a4a43d3df0d353ca5295.jpg" id="image27" usemap="#planetmap27" />
                    <!----></li>
                <li data-v-c9f45fd6=""><img data-v-c9f45fd6="" src="https://res.mall.10010.cn/mall/scaffold-img/detailImage/20201023【通用】l卡落地页2020移动端_19_404135c0ba87050c40846e47751b9863.jpg" id="image28" usemap="#planetmap28" />
                    <!----></li>
                <li data-v-c9f45fd6=""><img data-v-c9f45fd6="" src="https://res.mall.10010.cn/mall/scaffold-img/detailImage/20201023【通用】l卡落地页2020移动端_20_81e402a5674d56f94f8fad6e1a27540e.jpg" id="image29" usemap="#planetmap29" />
                    <!----></li>
                <li data-v-c9f45fd6=""><img data-v-c9f45fd6="" src="https://res.mall.10010.cn/mall/scaffold-img/detailImage/20201023【通用】l卡落地页2020移动端_21_618703496d8b396ee661713b3116b2be.jpg" id="image30" usemap="#planetmap30" />
                    <!----></li>
                <li data-v-c9f45fd6=""><img data-v-c9f45fd6="" src="https://res.mall.10010.cn/mall/scaffold-img/detailImage/20201023【通用】l卡落地页2020移动端_22_43894f99f35306536fdd9041cc33728c.jpg" id="image31" usemap="#planetmap31" />
                    <!----></li>
                <li data-v-c9f45fd6=""><img data-v-c9f45fd6="" src="https://res.mall.10010.cn/mall/scaffold-img/detailImage/20201023【通用】l卡落地页2020移动端_23_2c3eb7979ec09611204ec297b089a9a3.jpg" id="image32" usemap="#planetmap32" />
                    <!----></li>
                <li data-v-c9f45fd6=""><img data-v-c9f45fd6="" src="https://res.mall.10010.cn/mall/scaffold-img/detailImage/20201023【通用】l卡落地页2020移动端_24_1546d8a252828d8661dc8d60f04cb864.jpg" id="image33" usemap="#planetmap33" />
                    <!----></li>
                <li data-v-c9f45fd6=""><img data-v-c9f45fd6="" src="https://res.mall.10010.cn/mall/scaffold-img/detailImage/20201023【通用】l卡落地页2020移动端_25_f76838c8f9406121e34a366b496b704b.jpg" id="image34" usemap="#planetmap34" />
                    <!----></li>
                <li data-v-c9f45fd6=""><img data-v-c9f45fd6="" src="https://res.mall.10010.cn/mall/scaffold-img/detailImage/20201023【通用】l卡落地页2020移动端_26_0282c973d796c3da359af97be80e5c1b.jpg" id="image35" usemap="#planetmap35" />
                    <!----></li>
                <li data-v-c9f45fd6=""><img data-v-c9f45fd6="" src="https://res.mall.10010.cn/mall/scaffold-img/detailImage/20201023【通用】l卡落地页2020移动端_27_d25615ce0767b532d3ba54c5251ada4b.jpg" id="image36" usemap="#planetmap36" />
                    <!----></li>
                <li data-v-c9f45fd6=""><img data-v-c9f45fd6="" src="https://res.mall.10010.cn/mall/scaffold-img/detailImage/20201023【通用】l卡落地页2020移动端_28_6e05c8bd24ed726e1582c735e8a8339e.jpg" id="image37" usemap="#planetmap37" />
                    <!----></li>
                <li data-v-c9f45fd6=""><img data-v-c9f45fd6="" src="https://res.mall.10010.cn/mall/scaffold-img/detailImage/20201023【通用】l卡落地页2020移动端_29_3819743f0e98e931a6bdef8557b1aa9f.jpg" id="image38" usemap="#planetmap38" />
                    <!----></li>

                <!--顶底部遮盖-->
                <li data-v-c9f45fd6=""><img style="height: 50px" data-v-c9f45fd6="" src="http://bufanyun.cn-bj.ufileos.com/uploads_ml/20201227_28d5e1ac9ea55261327c96b0c875ad4c.png" id="image5" usemap="#planetmap5"></li>

            </div>
            <div data-v-79455969="" data-v-087595bc="" pageid="Hy-0D5N2z" index="15">
                <div data-v-79455969="" class="fixedBox" style="bottom: 0px; display: none;">
       <span data-v-79455969="" class="menu" style="color: rgb(102, 102, 102); background: rgb(255, 255, 255); font-size: 0.6875rem;"><img data-v-79455969="" src="https://res.mall.10010.cn/mall/scaffold-img/optionImage/二维码_f5c5b3d75a777ecf5ae20b7afddaac7a.png" class="menuIcon" /> 二维码
        <ul data-v-79455969="" class="subMenuUl" style="display: none;">
         <li data-v-79455969="" class="subMenuNumLi" style="color: rgb(102, 102, 102); font-size: 0.8125rem;"> 线上购二维码 </li>
         <li data-v-79455969="" class="subMenuNumLi" style="color: rgb(102, 102, 102); font-size: 0.8125rem;"> 现场购二维码 </li>
        </ul></span>
                    <span data-v-79455969="" class="menu" style="color: rgb(102, 102, 102); background: rgb(255, 255, 255); font-size: 0.6875rem;"><img data-v-79455969="" src="https://res.mall.10010.cn/mall/scaffold-img/optionImage/分享_a8fa824c1af5c2058789b5ccd876b62b.png" class="menuIcon" /> 分享
        <ul data-v-79455969="" class="subMenuUl" style="display: none;">
         <li data-v-79455969="" class="subMenuNumLi" style="color: rgb(102, 102, 102); font-size: 0.75rem;"> 线上购分享 </li>
         <li data-v-79455969="" class="subMenuNumLi" style="color: rgb(102, 102, 102); font-size: 0.75rem;"> 现场购分享 </li>
         <li data-v-79455969="" class="subMenuNumLi" style="color: rgb(102, 102, 102); font-size: 0.75rem;"> 小程序分享 </li>
        </ul></span>
                    <span data-v-79455969="" class="button" style="color: rgb(255, 255, 255); background: rgb(132, 165, 207); font-size: 0.875rem;"> 线上购下单 </span>
                    <span data-v-79455969="" class="button" style="color: rgb(255, 255, 255); background: rgb(50, 105, 166); font-size: 0.875rem;"> 现场购下单 </span>
                </div>
                <span data-v-3002e2d0="" data-v-79455969="">
       <section data-v-3002e2d0="" class="popup" style="display: none;">
        <div data-v-3002e2d0="" class="content">
          底部底部底部
        </div>
       </section>
       <div data-v-3002e2d0="" class="mask" style="display: none;"></div> </span>
                <span data-v-d1ffc026="" data-v-79455969="">
       <section data-v-d1ffc026="" class="popup" style="display: none;">
        <div data-v-d1ffc026="" class="content">
         <div data-v-d1ffc026="" class="title">
         </div>
         <div data-v-d1ffc026="" height="200" width="200" class="codeImg">
          <img id="7a5c20ab-fcd2-4147-b135-e30d129aa533" />
         </div>
         <div data-v-d1ffc026="" class="save">
          保存二维码
         </div>
        </div>
       </section>
       <div data-v-d1ffc026="" class="mask" style="display: none;"></div> </span>
            </div>
            <div data-v-cd090aec="" data-v-087595bc="" pageid="Hy-0D5N2z" index="10"></div>
        </section>
        <!---->
    </div>
</div>

<script type="text/javascript" src="{{env('CDN_DOMAIN')}}/static/home/public/assets/js/jquery.min.js"></script>
@include('Home.common.kefu-order-show')
<script type="text/javascript">
    let sku_str = "{{$product->id}}";
    $(document).ready(function () {
        (function (doc, win) {
            var docEl = doc.documentElement,
                resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
                recalc = function () {
                    var clientWidth = docEl.clientWidth;
                    if (!clientWidth) return;
                    docEl.style.fontSize = 16 * (clientWidth / 320) + 'px';
                };
            if (!doc.addEventListener) return;
            win.addEventListener(resizeEvt, recalc, false);
            doc.addEventListener('DOMContentLoaded', recalc, false);
            win.addEventListener('load', recalc, false);
        })(document, window);

        $(window).scroll(function () {
            if ($(this).scrollTop() > 100) {
                $('.back').css('opacity', 1);
            } else {
                $('.back').css('opacity', 0);
            }
        })

        $('.back').click(function () {
            $('html ,body').animate({
                scrollTop: 0
            }, 300);
            return false
        })
    })

    $('#1').click(function () {
        $('#1').addClass('checked')
        $('#1').css({
            "transform": "translate3d(0px, 0px, 0px)",
            "transform": "scale(1.3) translateX(0)"
        })
        $('#2').removeClass('checked')
        $('#2').css({
            "transform": "translate3d(120%, 0px, 0px)",
        })
        $('#3').removeClass('checked')
        $('#3').css({
            "transform": "translate3d(240%, 0px, 0px)",
        })
        sku_name = '22卡';
        sku_str = "6";
    })
    if(sku_str === "6"){
        $('#1').click();
    }
    $('#2').click(function () {
        $('#2').addClass('checked')
        $('#2').css({
            "transform": "translate3d(0px, 0px, 0px)",
            "transform": "scale(1.3) translateX(0)"
        })
        $('#1').removeClass('checked')
        $('#1').css({
            "transform": "translate3d(-120%, 0px, 0px)",
        })
        $('#3').removeClass('checked')
        $('#3').css({
            "transform": "translate3d(120%, 0px, 0px)",
        })
        sku_name = '33卡';
        sku_str = "519822";
    })
    $('#3').click(function () {
        $('#3').addClass('checked');
        $('#3').css({
            "transform": "translate3d(0px, 0px, 0px)",
            "transform": "scale(1.3) translateX(0)"
        });
        $('#1').removeClass('checked');
        $('#1').css({
            "transform": "translate3d(-240%, 0px, 0px)",
        });
        $('#2').removeClass('checked');
        $('#2').css({
            "transform": "translate3d(-120%, 0px, 0px)",
        })
        sku_name = '66小电视卡';
        sku_str = "519823";
    });
    $('.buttonBox').on('click', function () {
        location.href = '/home/spread/plat_apply?sid=' + sku_str + '&{!!http_build_query($reqParam)!!}';
    });
</script>
@include('Home.common.uinapp-sdk')
</body>
</html>