admin2 1.0.0

package/src/pages/overview/components/IntroduceBox/constants.js

@@ -0,0 +1,96 @@
+import marketActivity from './img/market-activity.svg';
+import antiTheftCrawlint from './img/anti-theft-crawling.svg';
+import channelTraffic from './img/channel-traffic.svg';
+import brushListProtection from './img/brush-list-protection.svg';
+import virtualUserFission from './img/virtual-user-fission.svg';
+import paymentRiskControl from './img/payment-risk-control.svg';
+import deviceRiskSdk from './img/device-risk-sdk.svg';
+import captcha from './img/captcha.svg';
+import text from './img/text.svg';
+import pic from './img/pic.svg';
+import audio from './img/audio.svg';
+import video from './img/video.svg';
+
+export const tjIntroduceData = lang => [
+    {
+        name: '智能文本识别',
+        desc: '精准高效识别各类场景涉政、色情、辱骂、违禁、垃圾广告等违规内容',
+        imgUrl: text,
+        serviceId: 'POST_TEXT',
+        path: lang === 'en-US' ? 'https://intl.ishumei.com/product/text' : 'https://www.ishumei.com/new/product/tj/text',
+    }, {
+        name: '智能图片识别',
+        desc: '精准高效识别各类场景涉政、色情、暴恐、垃圾广告等违规内容',
+        imgUrl: pic,
+        serviceId: 'POST_IMG',
+        path: lang === 'en-US' ? 'https://intl.ishumei.com/product/image' : 'https://www.ishumei.com/new/product/tj/image',
+    }, {
+        name: '智能音频识别',
+        desc: '精准高效识别各类场景的涉政、色情、娇喘、广告、辱骂、歪唱国歌等违规内容',
+        imgUrl: audio,
+        serviceId: 'POST_AUDIO',
+        path: lang === 'en-US' ? 'https://intl.ishumei.com/product/audio' : 'https://www.ishumei.com/new/product/tj/audio',
+    }, {
+        name: '智能视频识别',
+        desc: '精准高效识别各类场景的涉政、色情、娇喘、广告、辱骂、歪唱国歌等违规内容',
+        imgUrl: video,
+        serviceId: 'POST_VIDEO',
+        path: lang === 'en-US' ? 'https://intl.ishumei.com/product/video' : 'https://www.ishumei.com/new/product/tj/video',
+    },
+];
+
+export const serviceIdMap = 'ANTI_ROBOT_MARKETING,ACCOUNT_FRAUD_BROWSE,ACCOUNT_FRAUD_ACTIVATION,ACCOUNT_FRAUD_ORDER,'
+    + 'ACCOUNT_FRAUD_CREATEUSER,ACCOUNT_FRAUD_PAYMENT,DEVICE_PROFILE,SVERIFY_CAPTCHA,'
+    + 'POST_TEXT,POST_IMG,POST_AUDIO,POST_VIDEO';
+
+export const twIntroduceData = [
+    {
+        name: '营销风控',
+        desc: '实时防御现金红包奖励、优惠劵促销、电商秒杀等营销活动场景下薅羊毛行为',
+        imgUrl: marketActivity,
+        serviceId: 'ANTI_ROBOT_MARKETING',
+        path: 'https://www.ishumei.com/new/product/tw/marketing',
+    }, {
+        name: '数据防盗爬',
+        desc: '实时防御行业竞争数据、高价值内容、隐私数据等被恶意盗爬，保障平台利益',
+        imgUrl: antiTheftCrawlint,
+        serviceId: 'ACCOUNT_FRAUD_BROWSE',
+        path: 'https://www.ishumei.com/new/product/tw/fdp',
+    }, {
+        name: '渠道风控',
+        desc: '精准防御iOS、国内外Android等各类渠道推广流量作弊行为，保证推广效果',
+        imgUrl: channelTraffic,
+        serviceId: 'ACCOUNT_FRAUD_ACTIVATION',
+        path: 'https://www.ishumei.com/new/product/tw/channel',
+    }, {
+        name: '刷榜刷单防护',
+        desc: '实时防御直播热度排行、电商销量排行、热门内容推荐等场景下恶意刷榜刷单行为',
+        imgUrl: brushListProtection,
+        serviceId: 'ACCOUNT_FRAUD_ORDER',
+        path: 'https://www.ishumei.com/product/tw-post-brush.html',
+    }, {
+        name: '虚假用户裂变识别',
+        desc: '实时防御拉新、助力砍价、电商拼团等场景下虚假用户裂变行为',
+        imgUrl: virtualUserFission,
+        serviceId: 'ACCOUNT_FRAUD_CREATEUSER',
+        path: 'https://www.ishumei.com/product/tw-post-fission.html',
+    }, {
+        name: '支付风控',
+        desc: '深度融合全栈式模型体系，实时防御盗卡交易、游戏代充等欺诈行为',
+        imgUrl: paymentRiskControl,
+        serviceId: 'ACCOUNT_FRAUD_PAYMENT',
+        path: 'https://www.ishumei.com/new/product/tw/risk',
+    }, {
+        name: '设备风险识别',
+        desc: '物理设备和终端环境等多维度信息。为设备生成唯一识别码，从源头识别欺诈风险',
+        imgUrl: deviceRiskSdk,
+        serviceId: 'DEVICE_PROFILE',
+        path: 'https://www.ishumei.com/new/product/tw/sdk',
+    }, {
+        name: '智能验证码',
+        desc: '深度对抗网络自学习模型，精准拦截机器行为。最大程度地保护业务安全',
+        imgUrl: captcha,
+        serviceId: 'SVERIFY_CAPTCHA',
+        path: 'https://www.ishumei.com/new/product/tw/code',
+    },
+];

package/src/pages/overview/components/IntroduceBox/img/anti-theft-crawling.svg

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 53.2 (72643) - https://sketchapp.com -->
+    <title>内容防盗爬</title>
+    <desc>Created with Sketch.</desc>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="SaaS概览页1440" transform="translate(-470.000000, -1296.000000)">
+            <g id="内容防盗爬" transform="translate(470.000000, 1296.000000)">
+                <path d="M2,8.4 L2,30 L23.6,30 L23.6,8.4 L2,8.4 Z M2,6.4 L23.6,6.4 C24.7045695,6.4 25.6,7.2954305 25.6,8.4 L25.6,30 C25.6,31.1045695 24.7045695,32 23.6,32 L2,32 C0.8954305,32 1.3527075e-16,31.1045695 0,30 L0,8.4 C-1.3527075e-16,7.2954305 0.8954305,6.4 2,6.4 Z" id="矩形" fill="#394B66" fill-rule="nonzero"></path>
+                <path d="M28.0502253,27.2 L28.0502253,25.6 L30.4,25.6 L30.4,1.6 L9.6,1.6 L9.6,3.98987271 L8,3.98987271 L8,1.6 C8,0.7163444 8.7163444,-3.55271368e-15 9.6,-3.55271368e-15 L30.4,-3.55271368e-15 C31.2836556,-3.55271368e-15 32,0.7163444 32,1.6 L32,25.6 C32,26.4836556 31.2836556,27.2 30.4,27.2 L28.0502253,27.2 Z" id="路径" fill="#394B66" fill-rule="nonzero"></path>
+                <path d="M4.78215503,12.258488 L4.78215503,10.258488 L6.78215503,10.258488 L6.78215503,12.258488 L4.78215503,12.258488 Z M8.78215503,12.258488 L8.78215503,10.258488 L10.782155,10.258488 L10.782155,12.258488 L8.78215503,12.258488 Z M12.782155,12.258488 L12.782155,10.258488 L12.8,10.258488 L12.8,12.258488 L12.782155,12.258488 Z" id="路径-120" fill="#394B66" fill-rule="nonzero"></path>
+                <path d="M4.8,16.6 L4.8,14.6 L6.8,14.6 L6.8,16.6 L4.8,16.6 Z M8.8,16.6 L8.8,14.6 L10.8,14.6 L10.8,16.6 L8.8,16.6 Z M12.8,16.6 L12.8,14.6 L12.817845,14.6 L12.817845,16.6 L12.8,16.6 Z" id="路径-120" fill="#394B66" fill-rule="nonzero"></path>
+                <polygon id="路径-120" fill="#394B66" fill-rule="nonzero" points="4.8 21.4 4.8 19.4 20.8 19.4 20.8 21.4"></polygon>
+                <polygon id="路径-120" fill="#394B66" fill-rule="nonzero" points="4.8 26.2 4.8 24.2 20.8 24.2 20.8 26.2"></polygon>
+                <rect id="矩形" stroke="#394B66" stroke-width="2" x="15.4" y="11.4" width="4.4" height="4.4" rx="2"></rect>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/pages/overview/components/IntroduceBox/img/audio.svg

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 53.2 (72643) - https://sketchapp.com -->
+    <title>智能音频识别</title>
+    <desc>Created with Sketch.</desc>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="SaaS概览页4.30-" transform="translate(-897.000000, -1974.000000)" stroke="#394B66" stroke-width="2">
+            <g id="智能音频识别" transform="translate(897.000000, 1974.000000)">
+                <rect id="矩形" x="1" y="1" width="38" height="38" rx="4"></rect>
+                <g id="分组-20" transform="translate(6.000000, 7.000000)">
+                    <path d="M13.5394152,0 L13.5394152,11.9320951 M13.5394152,13.9700583 L13.5394152,25.9487536" id="形状"></path>
+                    <path d="M19.6337403,3.43649394 L19.6337403,11.9021312 M19.6337403,14.0098705 L19.6337403,22.5031606" id="形状"></path>
+                    <path d="M7.51979316,3.43070373 L7.51979316,11.9666688 M7.51979316,13.967963 L7.51979316,22.4973704" id="形状"></path>
+                    <path d="M1.43333333,7.80875669 L1.43333333,11.9614303 M1.43333333,13.9419803 L1.43333333,18.1155477" id="形状"></path>
+                    <path d="M25.7090193,7.76799783 L25.7090193,11.9220372 M25.7090193,14.0172043 L25.7090193,18.1625874" id="形状"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/pages/overview/components/IntroduceBox/img/brush-list-protection.svg

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 53.2 (72643) - https://sketchapp.com -->
+    <title>刷榜刷单防护</title>
+    <desc>Created with Sketch.</desc>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="SaaS概览页4.30-" transform="translate(-1209.000000, -1590.000000)" stroke="#394B66" stroke-width="2">
+            <g id="刷榜刷单防护" transform="translate(1209.000000, 1591.000000)">
+                <path d="M2.6764102,16.7985057 C1.65015167,17.3030483 1,18.3471595 1,19.4907371 L1,31 C1,31.5522847 1.44771525,32 2,32 L10,32 C10.5522847,32 11,31.5522847 11,31 L11,14.3123046 C11,14.1593281 10.9649032,14.0083908 10.8974105,13.871108 C10.6537443,13.3754819 10.0544295,13.171228 9.5588034,13.4148941 L2.6764102,16.7985057 Z" id="矩形"></path>
+                <path d="M16.4671007,13.0949918 C16.3231479,13.0189455 16.1628049,12.9791959 16,12.9791959 C15.4477153,12.9791959 15,13.4269111 15,13.9791959 L15,31 C15,31.5522847 15.4477153,32 16,32 L24,32 C24.5522847,32 25,31.5522847 25,31 L25,19.4107523 C25,18.298564 24.3847037,17.2776439 23.4013022,16.7581399 L16.4671007,13.0949918 Z" id="矩形"></path>
+                <path d="M29.9407258,16.5432318 C29.3402971,17.1099929 29,17.8991633 29,18.7248344 L29,31 C29,31.5522847 29.4477153,32 30,32 L38,32 C38.5522847,32 39,31.5522847 39,31 L39,10.3109985 C39,10.0557606 38.9024025,9.81018304 38.7272008,9.62457378 C38.3480989,9.22295185 37.7151972,9.20469577 37.3135753,9.58379769 L29.9407258,16.5432318 Z" id="矩形"></path>
+                <polyline id="路径-118" points="0.541572066 10.8963172 13.1399369 4.10819037 25.0500983 10.6703724 38 -5.5067062e-14"></polyline>
+                <polyline id="路径" points="31.060192 -6.03961325e-14 38 -6.03961325e-14 38 6.92139032"></polyline>
+                <path d="M0,37.5 L40,37.5" id="路径-119" stroke-dasharray="2"></path>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/pages/overview/components/IntroduceBox/img/captcha.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 53.2 (72643) - https://sketchapp.com -->
+    <title>智能验证码</title>
+    <desc>Created with Sketch.</desc>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="SaaS概览页4.30-" transform="translate(-1209.000000, -1719.000000)">
+            <g id="智能验证码" transform="translate(1209.000000, 1719.000000)">
+                <path d="M35.6900781,0 L4.30992188,0 C1.9334375,0 0,1.9334375 0,4.30992188 L0,35.6900781 C0,38.0665625 1.9334375,40 4.30992188,40 L35.6900781,40 C38.0665625,40 40,38.0665625 40,35.6900781 L40,4.30992188 C40,1.9334375 38.0665625,0 35.6900781,0 Z M38,4.02767299 L38,19 L34.0438905,19 C34.0444406,18.9713981 34.0446764,18.9427156 34.0446764,18.9141137 C34.0446764,16.4632938 32.0999016,14.4693791 29.709482,14.4693791 C27.3190624,14.4693791 25.3742876,16.4632938 25.3742876,18.9141137 C25.3742876,18.9427156 25.3745234,18.9714787 25.3750734,19 L21.418964,19 L21.418964,13.4661374 C21.4190745,13.0583884 21.2185954,12.6780845 20.8858288,12.4547931 C20.5530622,12.2315017 20.1328977,12.1953444 19.7684829,12.3586398 C19.5191549,12.4705367 19.2498695,12.5280976 18.9777011,12.527673 C17.8872033,12.527673 17,11.6180521 17,10.5 C17,9.38194787 17.8872033,8.47232701 18.9777011,8.47232701 C19.2519562,8.47232701 19.5180386,8.52920853 19.7684829,8.64136019 C20.1329036,8.80447692 20.5529738,8.76823937 20.8856866,8.5449841 C21.2183993,8.32172883 21.4189124,7.94154567 21.418964,7.53386256 L21.418964,2 L36.0222989,2 C37.1127967,2 38,2.90962085 38,4.02767299 Z M4.02767299,2 L19,2 L19,5.95610946 C18.9713981,5.95555938 18.9427962,5.95532363 18.9141137,5.95532363 C16.4632938,5.95532363 14.4693791,7.90009842 14.4693791,10.290518 C14.4693791,12.6809376 16.4632938,14.6257124 18.9141137,14.6257124 C18.9427962,14.6257124 18.9713981,14.6254766 19,14.6249266 L19,18.581036 L13.4661374,18.581036 C13.0584672,18.5810437 12.6782754,18.7815165 12.455001,19.114202 C12.2317265,19.4468874 12.195464,19.8669438 12.3585592,20.2313599 C12.4704989,20.4807327 12.5280875,20.7500727 12.527673,21.0222989 C12.527673,22.1127967 11.6180521,23 10.5,23 C9.38194787,23 8.47232701,22.1127967 8.47232701,21.0222989 C8.47232701,20.748201 8.52920853,20.48204 8.64144076,20.2313599 C8.80453603,19.8669438 8.76827351,19.4468874 8.54499905,19.114202 C8.32172458,18.7815165 7.94153278,18.5810437 7.53386256,18.581036 L2,18.581036 L2,3.97770111 C2,2.8872033 2.90962085,2 4.02767299,2 Z M2,35.972327 L2,21 L5.95610946,21 C5.95555938,21.0286019 5.95532363,21.0572038 5.95532363,21.0858863 C5.95532363,23.5367062 7.90009842,25.5306209 10.290518,25.5306209 C12.6809376,25.5306209 14.6257124,23.5367062 14.6257124,21.0858863 C14.6257124,21.0572038 14.6254766,21.0286019 14.6249266,21 L18.581036,21 L18.581036,26.5338626 C18.5810032,26.9415493 18.7814675,27.3217712 19.1141664,27.5450547 C19.4468653,27.7683382 19.8669453,27.8045807 20.2313599,27.6414408 C20.4807327,27.5295011 20.7500727,27.4719125 21.0222989,27.472327 C22.1127967,27.472327 23,28.3819479 23,29.5 C23,30.6180521 22.1127967,31.527673 21.0222989,31.527673 C20.748201,31.527673 20.48204,31.4707915 20.2313599,31.3585592 C19.8669438,31.195464 19.4468874,31.2317265 19.114202,31.455001 C18.7815165,31.6782754 18.5810437,32.0584672 18.581036,32.4661374 L18.581036,38 L3.97770111,38 C2.8872033,38 2,37.0903791 2,35.972327 Z M35.972327,38 L21,38 L21,34.0439053 C21.0286019,34.0444554 21.0572038,34.0446912 21.0858863,34.0446912 C23.5367062,34.0446912 25.5306209,32.0999237 25.5306209,29.709513 C25.5306209,27.3191024 23.5367062,25.3743349 21.0858863,25.3743349 C21.0572038,25.3743349 21.0286019,25.3745706 21,25.3751207 L21,21.419026 L26.5338626,21.419026 C26.9416245,21.4190927 27.3219198,21.218574 27.545192,20.8857814 C27.7684641,20.5529888 27.8045965,20.132812 27.6412796,19.768394 C27.5293674,19.5191022 27.4718318,19.2498347 27.472327,18.9776937 C27.472327,17.8872 28.3819479,17 29.5,17 C30.6180521,17 31.527673,17.8872 31.527673,18.9776937 C31.5281588,19.2498337 31.4706236,19.5190994 31.3587204,19.768394 C31.1955092,20.1328263 31.2316493,20.5529513 31.4548389,20.885763 C31.6781417,21.2185102 32.0583977,21.4190211 32.4661374,21.419026 L38,21.419026 L38,36.0223063 C38,37.1128 37.0903791,38 35.972327,38 Z" id="形状" fill="#394B66" fill-rule="nonzero"></path>
+                <rect id="矩形" stroke="#44546D" stroke-width="2" x="1" y="1" width="38" height="38" rx="2"></rect>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/pages/overview/components/IntroduceBox/img/channel-traffic.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 53.2 (72643) - https://sketchapp.com -->
+    <title>渠道流量反作弊</title>
+    <desc>Created with Sketch.</desc>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="SaaS概览页4.30-" transform="translate(-900.000000, -1489.000000)">
+            <g id="渠道流量反作弊" transform="translate(900.000000, 1489.000000)">
+                <path d="M14,29 L14,32 L26,32 L26,29 L14,29 Z M14,27 L26,27 C27.1045695,27 28,27.8954305 28,29 L28,32 C28,33.1045695 27.1045695,34 26,34 L14,34 C12.8954305,34 12,33.1045695 12,32 L12,29 C12,27.8954305 12.8954305,27 14,27 Z" id="矩形" fill="#394B66" fill-rule="nonzero"></path>
+                <path d="M9,2 L9,38 L31,38 L31,2 L9,2 Z M9,0 L31,0 C32.1045695,-2.02906125e-16 33,0.8954305 33,2 L33,38 C33,39.1045695 32.1045695,40 31,40 L9,40 C7.8954305,40 7,39.1045695 7,38 L7,2 C7,0.8954305 7.8954305,2.02906125e-16 9,0 Z" id="矩形" fill="#394B66" fill-rule="nonzero"></path>
+                <path d="M8.25572538,28 L8.25572538,30 L2,30 L2,38 L38,38 L38,30 L32.1553129,30 L32.1553129,28 L38,28 C39.1045695,28 40,28.8954305 40,30 L40,38 C40,39.1045695 39.1045695,40 38,40 L2,40 C0.8954305,40 0,39.1045695 0,38 L0,30 C0,28.8954305 0.8954305,28 2,28 L8.25572538,28 Z" id="路径" fill="#394B66" fill-rule="nonzero"></path>
+                <path d="M26.0266667,12.68 L22.6666667,12.68 L22.6666667,7.70666667 C22.6666667,7.31638544 22.3502812,7 21.96,7 L17.96,7 C17.6012522,7.04086818 17.331013,7.34560602 17.3333333,7.70666667 L17.3333333,12.68 L13.9733333,12.68 C13.7134196,12.6712696 13.4751229,12.8239769 13.3744694,13.063769 C13.2738159,13.3035612 13.3317246,13.5806016 13.52,13.76 L19.5466667,19.8 C19.8023688,20.0371448 20.1976312,20.0371448 20.4533333,19.8 L26.48,13.76 C26.6682754,13.5806016 26.7261841,13.3035612 26.6255306,13.063769 C26.5248771,12.8239769 26.2865804,12.6712696 26.0266667,12.68 L26.0266667,12.68 Z" id="路径" fill="#44546D" fill-rule="nonzero"></path>
+                <path d="M11,21.9344775 L29,22" id="路径-121" stroke="#394B66" stroke-width="2" stroke-dasharray="2"></path>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/pages/overview/components/IntroduceBox/img/device-risk-sdk.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="41px" height="40px" viewBox="0 0 41 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 53.2 (72643) - https://sketchapp.com -->
+    <title>设备风险</title>
+    <desc>Created with Sketch.</desc>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="SaaS概览页4.30-" transform="translate(-897.000000, -1719.000000)" fill-rule="nonzero">
+            <g id="设备风险" transform="translate(898.000000, 1720.000000)">
+                <path d="M0.283674569,10.0471414 L19.2163254,0 L19.7836746,0 L38.7163254,10.0471414 C39.0945582,10.2367101 39.0945582,10.7843531 38.7163254,10.9528586 L19.7836746,21 L19.2163254,21 L0.283674569,10.9528586 C-0.0945581897,10.5947844 -0.0945581897,10.2156469 0.283674569,10.0471414 Z" id="形状" stroke="#394B66" stroke-width="2"></path>
+                <path d="M38.7163254,19.0471414 C39.0945582,19.2367101 39.0945582,19.7843531 38.7163254,19.9528586 L19.7836746,30 L19.2163254,30 L0.283674569,19.9528586 C-0.0945581897,19.5947844 -0.0945581897,19.2156469 0.283674569,19.0471414 L0.283674569,19.0471414" id="路径" stroke="#394B66" stroke-width="2" stroke-dasharray="2"></path>
+                <path d="M38.7163254,27 C39.0945582,27.1895687 39.0945582,27.7372116 38.7163254,27.9057172 L19.7836746,37.9528586 L19.2163254,37.9528586 L0.283674569,27.9057172 C-0.0945581897,27.5476429 -0.0945581897,27.1685055 0.283674569,27 L0.283674569,27" id="路径" stroke="#394B66" stroke-width="2"></path>
+                <path d="M12.22,6.72 C13.06,6.72 13.72,6.89 14.19,7.24 C14.69,7.61 14.98,8.19 15.05,8.97 L13.89,8.97 C13.79,8.53 13.6,8.21 13.34,8.02 C13.08,7.82 12.68,7.73 12.16,7.73 C11.71,7.73 11.37,7.79 11.13,7.92 C10.83,8.07 10.69,8.32 10.69,8.66 C10.69,8.96 10.85,9.21 11.19,9.39 C11.34,9.47 11.75,9.62 12.41,9.83 C13.38,10.13 14,10.37 14.28,10.53 C14.9,10.9 15.21,11.41 15.21,12.07 C15.21,12.71 14.96,13.22 14.46,13.59 C13.96,13.95 13.25,14.14 12.34,14.14 C11.46,14.14 10.77,13.97 10.28,13.63 C9.68,13.21 9.35,12.55 9.3,11.64 L10.46,11.64 C10.54,12.18 10.73,12.57 11.04,12.8 C11.32,13 11.75,13.11 12.34,13.11 C12.86,13.11 13.28,13.02 13.58,12.85 C13.88,12.67 14.04,12.44 14.04,12.14 C14.04,11.76 13.81,11.46 13.37,11.24 C13.23,11.17 12.77,11.01 11.98,10.77 C11.1,10.49 10.55,10.29 10.34,10.17 C9.79,9.84 9.52,9.36 9.52,8.73 C9.52,8.1 9.78,7.6 10.32,7.24 C10.82,6.89 11.45,6.72 12.22,6.72 Z M16.21,6.86 L18.82,6.86 C19.98,6.86 20.85,7.18 21.45,7.82 C22.02,8.42 22.31,9.29 22.31,10.43 C22.31,11.56 22.02,12.43 21.45,13.04 C20.85,13.68 19.98,14 18.82,14 L16.21,14 L16.21,6.86 Z M17.38,7.86 L17.38,13 L18.6,13 C19.49,13 20.14,12.79 20.55,12.38 C20.95,11.96 21.15,11.31 21.15,10.43 C21.15,9.53 20.95,8.87 20.55,8.47 C20.14,8.06 19.49,7.86 18.6,7.86 L17.38,7.86 Z M27.9,6.86 L29.38,6.86 L26.24,9.92 L29.85,14 L28.27,14 L25.45,10.69 L24.58,11.54 L24.58,14 L23.41,14 L23.41,6.86 L24.58,6.86 L24.58,10.23 L27.9,6.86 Z" id="SDK" fill="#394B66"></path>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/pages/overview/components/IntroduceBox/img/market-activity.svg

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 53.2 (72643) - https://sketchapp.com -->
+    <title>营销活动</title>
+    <desc>Created with Sketch.</desc>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="SaaS概览页4.30-" transform="translate(-273.000000, -1591.000000)" stroke="#394B66" stroke-width="2">
+            <g id="营销活动" transform="translate(273.000000, 1592.000000)">
+                <path d="M39,30.2338536 C35.6862915,30.2338536 33,27.5475621 33,24.2338536 C33,20.9201451 35.6862915,18.2338536 39,18.2338536 L39,14.2338536 C39,12.5769993 37.6568542,11.2338536 36,11.2338536 L4,11.2338536 C2.34314575,11.2338536 1,12.5769993 1,14.2338536 L1,18.2338536 C4.3137085,18.2338536 7,20.9201451 7,24.2338536 C7,27.5475621 4.3137085,30.2338536 1,30.2338536 L1,34.2338536 C1,35.8907078 2.34314575,37.2338536 4,37.2338536 L36,37.2338536 C37.6568542,37.2338536 39,35.8907078 39,34.2338536 L39,30.2338536 Z" id="合并形状"></path>
+                <path d="M32.0931185,11.2338536 L15.8028955,0.337791928 C14.8894564,-0.273181227 13.6541731,-0.0327135863 13.036622,0.8762913 L6,11.2338536" id="路径-122"></path>
+                <path d="M4.99721118,11.2338536 L6.83782604,3.92973763 C7.1077361,2.85865298 8.1948271,2.20917264 9.26591175,2.47908269 C9.34347938,2.49862949 9.41980444,2.52281232 9.49447561,2.55150083 L32.0931185,11.2338536" id="路径-123"></path>
+                <path d="M12.5,15.2338536 L12.5,33.2338536" id="路径-124" stroke-dasharray="2"></path>
+                <polyline id="路径-125" points="20.2588266 16.3608006 24.117081 22.2338536 27.6643371 16.2338536"></polyline>
+                <path d="M20,23.7338536 L28.0535387,23.7338536" id="路径-126"></path>
+                <path d="M20,27.7338536 L28.0535387,27.7338536" id="路径-126"></path>
+                <path d="M24.0267694,20.1939068 L24.0267694,32.2338536" id="路径-127"></path>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/pages/overview/components/IntroduceBox/img/payment-risk-control.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 53.2 (72643) - https://sketchapp.com -->
+    <title>支付风控</title>
+    <desc>Created with Sketch.</desc>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="SaaS概览页4.30-" transform="translate(-585.000000, -1724.000000)" stroke="#394B66" stroke-width="2">
+            <g id="支付风控" transform="translate(585.000000, 1725.000000)">
+                <rect id="矩形" x="1" y="11" width="38" height="27" rx="4"></rect>
+                <rect id="矩形" x="29" y="20" width="10" height="9" rx="2"></rect>
+                <path d="M36,11.4575468 L31.4151706,1.7067635 C30.9645384,0.748381744 29.8449291,0.307422795 28.8617835,0.70111011 L2,11.4575468" id="路径-133"></path>
+                <path d="M7.5,19.5 L7.5,30.5" id="路径-5" stroke-dasharray="2"></path>
+                <path d="M13.5,15.5 L13.5,33.5" id="路径-5" stroke-dasharray="2"></path>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/pages/overview/components/IntroduceBox/img/pic.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 53.2 (72643) - https://sketchapp.com -->
+    <title>智能图片识别</title>
+    <desc>Created with Sketch.</desc>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="SaaS概览页4.30-" transform="translate(-586.000000, -1974.000000)">
+            <g id="智能图片识别" transform="translate(586.000000, 1974.000000)">
+                <rect id="矩形" stroke="#394B66" stroke-width="2" x="1" y="1" width="38" height="38" rx="4"></rect>
+                <path d="M1,37.9005675 L11.6108761,23.8929942 C12.277842,23.0125226 13.532288,22.8394421 14.4127596,23.5064081 C14.5036477,23.5752568 14.5884818,23.6517517 14.6663346,23.7350569 L21.802785,31.371303 C22.1798811,31.7748088 22.8126841,31.796218 23.2161899,31.4191219 C23.2317278,31.4046009 23.2467985,31.389588 23.2613791,31.374106 L27.1085925,27.2890428 C27.865881,26.4849358 29.131642,26.4469819 29.935749,27.2042704 C29.9874557,27.2529665 30.0365316,27.3043825 30.0827682,27.3582998 L39.123241,37.9005675" id="路径" stroke="#394B66" stroke-width="2"></path>
+                <circle id="椭圆形" fill="#394B66" cx="29" cy="18" r="3"></circle>
+                <path d="M7,8.5 C7,8.5 15.6175629,8.5 32.8526887,8.5" id="路径-115" stroke="#394B66" stroke-width="2" stroke-dasharray="2"></path>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/pages/overview/components/IntroduceBox/img/text.svg

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 53.2 (72643) - https://sketchapp.com -->
+    <title>智能文本识别</title>
+    <desc>Created with Sketch.</desc>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="SaaS概览页4.30-" transform="translate(-260.000000, -1855.000000)" fill="#394B66" fill-rule="nonzero">
+            <g id="智能文本识别" transform="translate(260.000000, 1855.000000)">
+                <g id="分组-6" transform="translate(0.000000, -0.000000)">
+                    <path d="M18.7156144,32.5454545 L26.9090909,32.5454545 C28.0136604,32.5454545 28.9090909,31.650024 28.9090909,30.5454545 L28.9090909,13.0909091 C28.9090909,11.9863396 28.0136604,11.0909091 26.9090909,11.0909091 L4,11.0909091 C2.8954305,11.0909091 2,11.9863396 2,13.0909091 L2,30.5454545 C2,31.650024 2.8954305,32.5454545 4,32.5454545 L8.47339709,32.5454545 L10.4733971,32.5454545 L10.4733971,36.7385855 L18.7156144,32.5454545 Z M4,9.09090909 L26.9090909,9.09090909 C29.1182299,9.09090909 30.9090909,10.8817701 30.9090909,13.0909091 L30.9090909,30.5454545 C30.9090909,32.7545935 29.1182299,34.5454545 26.9090909,34.5454545 L19.1951107,34.5454545 L8.47339709,40 L8.47339709,34.5454545 L4,34.5454545 C1.790861,34.5454545 -4.99115392e-14,32.7545935 -5.01820807e-14,30.5454545 L-4.97379915e-14,13.0909091 C-5.0008533e-14,10.8817701 1.790861,9.09090909 4,9.09090909 Z" id="矩形"></path>
+                    <path d="M33.6030332,25.4545455 L33.6030332,23.4545455 L36.3636364,23.4545455 C37.267375,23.4545455 38,22.7219205 38,21.8181818 L38,3.63636364 C38,2.73262495 37.267375,2 36.3636364,2 L12.7272727,2 C11.823534,2 11.0909091,2.73262495 11.0909091,3.63636364 L11.0909091,6.32057842 L9.09090909,6.32057842 L9.09090909,3.63636364 C9.09090909,1.62805546 10.7189645,3.73034936e-14 12.7272727,3.73034936e-14 L36.3636364,3.73034936e-14 C38.3719445,3.73034936e-14 40,1.62805546 40,3.63636364 L40,21.8181818 C40,23.82649 38.3719445,25.4545455 36.3636364,25.4545455 L33.6030332,25.4545455 Z" id="路径"></path>
+                    <polygon id="路径-113" points="6.46430408 16.9090909 6.46430408 14.9090909 24.5454545 14.9090909 24.5454545 16.9090909"></polygon>
+                    <polygon id="路径-113" points="6.46430408 22.3636364 6.46430408 20.3636364 24.5454545 20.3636364 24.5454545 22.3636364"></polygon>
+                    <polygon id="路径-113" points="6.46430408 27.8181818 6.46430408 25.8181818 19 25.8181818 19 27.8181818"></polygon>
+                </g>
+                <path d="M15.5048793,6.82993691 L15.5048793,4.82993691 L17.5048793,4.82993691 L17.5048793,6.82993691 L15.5048793,6.82993691 Z M19.5048793,6.82993691 L19.5048793,4.82993691 L21.5048793,4.82993691 L21.5048793,6.82993691 L19.5048793,6.82993691 Z M23.5048793,6.82993691 L23.5048793,4.82993691 L25.5048793,4.82993691 L25.5048793,6.82993691 L23.5048793,6.82993691 Z M27.5048793,6.82993691 L27.5048793,4.82993691 L29.5048793,4.82993691 L29.5048793,6.82993691 L27.5048793,6.82993691 Z M31.5048793,6.82993691 L31.5048793,4.82993691 L33.5048793,4.82993691 L33.5048793,6.82993691 L31.5048793,6.82993691 Z" id="路径-114"></path>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/pages/overview/components/IntroduceBox/img/video.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 53.2 (72643) - https://sketchapp.com -->
+    <title>智能视频识别</title>
+    <desc>Created with Sketch.</desc>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="SaaS概览页4.30-" transform="translate(-1209.000000, -1974.000000)" stroke="#394B66" stroke-width="2">
+            <g id="智能视频识别" transform="translate(1209.000000, 1974.000000)">
+                <rect id="矩形" x="1" y="1" width="38" height="38" rx="4"></rect>
+                <path d="M7.14339721,7.14131623 L32.6837135,7.14131623" id="路径-116" stroke-dasharray="2"></path>
+                <path d="M7.14339721,32.5 L32.6837135,32.5" id="路径-116" stroke-dasharray="2"></path>
+                <path d="M15,14.8216732 L15,25.1783268 C15,25.7306116 15.4477153,26.1783268 16,26.1783268 C16.190184,26.1783268 16.3764246,26.1240935 16.5368755,26.0219883 L24.6742462,20.8436615 C25.1401876,20.5471533 25.2775404,19.9290659 24.9810322,19.4631245 C24.9024535,19.3396437 24.797727,19.2349172 24.6742462,19.1563385 L16.5368755,13.9780117 C16.0709341,13.6815035 15.4528467,13.8188563 15.1563385,14.2847977 C15.0542334,14.4452486 15,14.6314891 15,14.8216732 Z" id="路径-117"></path>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/pages/overview/components/IntroduceBox/img/virtual-user-fission.svg

@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 53.2 (72643) - https://sketchapp.com -->
+    <title>虚假用户裂变</title>
+    <desc>Created with Sketch.</desc>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="SaaS概览页4.30-" transform="translate(-273.000000, -1724.000000)" stroke="#394B66" stroke-width="2">
+            <g id="虚假用户裂变" transform="translate(274.000000, 1725.000000)">
+                <circle id="椭圆形" cx="19" cy="6" r="6"></circle>
+                <circle id="椭圆形" cx="32" cy="32" r="6"></circle>
+                <circle id="椭圆形" cx="6" cy="32" r="6"></circle>
+                <circle id="椭圆形" cx="19" cy="22" r="5"></circle>
+                <circle id="椭圆形" cx="30" cy="17" r="3"></circle>
+                <circle id="椭圆形" cx="8" cy="17" r="3"></circle>
+                <circle id="椭圆形" cx="19" cy="34" r="3"></circle>
+                <path d="M10.1025844,27.9791112 L15.3471953,24.658897" id="路径-128"></path>
+                <path d="M23.1368054,25.0936749 L27.8697312,27.9791112" id="路径-129"></path>
+                <path d="M23.1368054,20 L27.8697312,17.8873009" id="路径-130"></path>
+                <path d="M18.9238786,11.5251607 L19,17.4274015" id="路径-131"></path>
+                <path d="M19,27 L19,30.9022408" id="路径-131"></path>
+                <path d="M10.614341,18.5496438 L14.7162438,20" id="路径-132"></path>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/pages/overview/components/IntroduceBox/index.jsx

@@ -0,0 +1,155 @@
+/* eslint-disable max-len */
+import {Button} from 'antd';
+import {useEffect, useCallback, useState} from 'react';
+
+import SMReply from '@/components/SMReply';
+import {useLanguage} from '@/hooks';
+
+import SMPopConfirm from '../../../pageComponents/mdPage/components/SMPopConfirm';
+
+import styles from './index.less';
+import {twIntroduceData, tjIntroduceData} from './constants';
+
+const IntroduceBox = props => {
+    const {isNewUser, applyOpenService, newServiceMap, isNa} = props;
+
+    const {t, currentLang} = useLanguage();
+
+    const [serviceId, setServiceId] = useState();
+    const [replyVisible, setReplyVisible] = useState(false);
+
+    const handleConfirm = useCallback(async (serviceId, cb) => {
+        await cb();
+        setReplyVisible(true);
+        applyOpenService(serviceId);
+        setServiceId(serviceId);
+    }, [applyOpenService]);
+
+    const handleClick = useCallback(() => {
+        setReplyVisible(false);
+    }, [setReplyVisible]);
+
+    return (
+        <div>
+            <div className={styles['introduce-box']}>
+                {
+                    !isNa ? (
+                        <>
+                            <div className={styles.title}><span>{t('天网-全栈式智能风控引擎')}</span></div>
+                            <div className={styles['prod-container']}>
+                                {twIntroduceData.map(item => {
+                                    const disabled = newServiceMap.map(
+                                        itemm => itemm[item.serviceId] === 'PENDING'
+                                    ).includes(true);
+
+                                    return (
+                                        <div key={item.serviceId} className={styles['prod-box']}>
+                                            <img src={item.imgUrl} className={styles['box-img']} />
+                                            <span className={styles['box-content']}>
+                                                {
+                                                    currentLang === 'zh-CN'
+                                                        ? (
+                                                            <a
+                                                                href={item.path}
+                                                                target="_blank"
+                                                                className={styles['box-name']}
+                                                                rel="noreferrer"
+                                                            >
+                                                                {t(item.name)}
+                                                            </a>
+                                                        )
+                                                        : t(item.name)
+                                                }
+
+                                                <p className={styles['box-desc']}>{t(item.desc)}</p>
+                                            </span>
+                                            {isNewUser ? (
+                                                <div className={styles['box-button']}>
+                                                    <SMPopConfirm
+                                                        title={t('是否确认开通?')}
+                                                        icon={false}
+                                                        submitText={t('是')}
+                                                        cancelText={t('否')}
+                                                        isNewUser
+                                                        width="250px"
+                                                        customVisible={disabled ? false : undefined}
+                                                        onConfirm={(value, cb) => handleConfirm(item.serviceId, cb)}
+                                                    >
+                                                        <div className={styles['button-container']}>
+                                                            <Button
+                                                                type="primary"
+                                                                disabled={disabled}
+                                                                size="small"
+                                                            >
+                                                                <span className={'button-span'}>{t('立即申请')}</span>
+                                                            </Button>
+                                                        </div>
+                                                    </SMPopConfirm>
+                                                    <a className={styles['box-view']} href={item.path}>{t('了解详情')}</a>
+                                                </div>
+                                            ) : null}
+                                        </div>
+                                    );
+                                })}
+                            </div>
+                        </>
+                    )
+                        : null
+                }
+            </div>
+            <div className={styles['introduce-box']}>
+                <div className={styles.title}><span>{t('天净-智能内容识别')}</span></div>
+                <div className={styles['prod-container']}>
+                    {tjIntroduceData(currentLang).map(item => {
+                        const disabled = newServiceMap.map(itemm => itemm[item.serviceId] === 'PENDING').includes(true);
+                        return (
+                            <div key={item.serviceId} className={styles['prod-box']}>
+                                <img src={item.imgUrl} className={styles['box-img']} />
+                                <span className={styles['box-content']}>
+                                    <a
+                                        href={item.path}
+                                        target="_blank"
+                                        className={styles['box-name']}
+                                        rel="noreferrer"
+                                    >
+                                        {t(item.name)}
+                                    </a>
+                                    <p className={styles['box-desc']}>{t(item.desc)}</p>
+                                </span>
+                                {isNewUser && !isNa ? (
+                                    <div className={styles['box-button']}>
+                                        <SMPopConfirm
+                                            title={t('是否确认开通?')}
+                                            icon={false}
+                                            submitText={t('是')}
+                                            cancelText={t('否')}
+                                            isNewUser
+                                            width="250px"
+                                            customVisible={disabled ? false : undefined}
+                                            onConfirm={(value, cb) => handleConfirm(item.serviceId, cb)}
+                                        >
+                                            <div className={styles['button-container']}>
+                                                <Button
+                                                    type="primary"
+                                                    disabled={disabled}
+                                                    size="small"
+                                                >
+                                                    <span className={'button-span'}>{t('立即申请')}</span>
+                                                </Button>
+                                            </div>
+                                        </SMPopConfirm>
+                                        <a className={styles['box-view']} href={item.path}>{t('了解详情')}</a>
+                                    </div>
+                                ) : null}
+                            </div>
+                        );
+                    })}
+                </div>
+
+            </div>
+            {replyVisible ? <SMReply visible={replyVisible} onClick={handleClick} /> : null}
+        </div>
+    );
+};
+
+export default IntroduceBox;

package/src/pages/overview/components/IntroduceBox/index.less

@@ -0,0 +1,75 @@
+.introduce-box {
+    background-color: #fff;
+    border-radius: 2px;
+    margin-top: 20px;
+    box-shadow: 0 0 6px 0 #C9DBF7;
+    padding-top: 1px;
+    .title {
+        height: 20px;
+        line-height: 20px;
+        padding-left: 14px;
+        border-left: 4px solid #13CBB9;
+        color: #394B66;
+        font-size: 14px;
+        font-weight: 600;
+        margin: 10px 0 0 18px;
+    }
+    .prod-container {
+        margin: 20px 30px;
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: space-between;
+        .prod-box {
+            width: 22.5%;
+            height: auto;
+            margin-bottom: 22px;
+            .box-button {
+                margin-left: 60px;
+                width: calc(100% - 48px);
+                display: flex;
+                flex-wrap: wrap;
+                .box-view {
+                    margin-left: 10px;
+                    margin-top: 3px;
+                    font-size: 11px;
+                }
+                .button-container {
+                    text-align: center;
+                    width: 70px;
+                    margin-bottom: 5px;
+                    :global {
+                        .ant-btn {
+                            font-size: 13px;
+                        }
+                    }
+                }
+            }
+            .box-img {
+                margin-top: 5px;
+                width: 34px;
+                height: 34px;
+                float: left;
+            }
+            .box-content {
+                display: inline-block;
+                width: calc(100% - 48px);
+                padding-left: 14px;
+                margin-left: 14px;
+                .box-name {
+                    font-size: 14px;
+                    color: #394B66;
+                    &:hover {
+                        color: #13CBB9;
+                    }
+                }
+                .box-desc {
+                    font-size: 12px;
+                    color: #60718C;
+                    margin-top: 10px;
+                    display: block;
+                    width: 100%;
+                }
+            }
+        }
+    }
+}