gaojian/ts_aimz
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

首页下载弹窗布局修改

Browse Source
This commit is contained in:
itgaojian163 2025-06-19 17:01:49 +08:00
parent 48f9222d76
commit 4cb053df89
5 changed files with 246 additions and 130 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

132
pages/index/index.wxml
View File

@ -108,62 +108,96 @@
</view>
<custom-tabbar tabList="{{tabList}}" color="var(--tabbar-normal-color)" selectedColor="var(--tabbar-select-color)"></custom-tabbar>
<mp-half-screen-dialog show="{{showDownload}}" ext-class="custom-dialog">
<view slot="title" style="font-size: 16px;font-weight: bold;">资料下载</view>
<view slot="title" style="font-size: 16px;font-weight: bold;">
<view style="font-size: 16px;font-weight: bold;align-self: center;display: flex;flex-direction: row;justify-content: center;align-items: center;">
<view class="icon-download-blue size-48"></view>
<text class="ml-10">资料下载</text>
</view>
</view>
<view slot="desc" style="margin-top: 10px;">
<view class="download-desc">
<view class="link-title">项目预览链接</view>
<text class="link" bind:tap="copyLink" data-value="{{sysPreviewUrl}}" user-select>{{sysPreviewUrl}}</text>
</view>
<view class="download-item">
<view class="download-title">
<view class="icon-table"></view>
<view class="download-title-txt">申请表</view>
</view>
<view class="download-btn-box">
<view class="download-btn" bind:tap="download" data-path="/route/proj/download/apply/">
<view class="ic-doc" style="width: 20px;height: 20px;"></view>
<view class="download-btn-txt">Word格式下载</view>
<scroll-view scroll-y style="height: 60vh;background-color: var(--divider-color);">
<view class="download-box">
<view class="download-desc">
<view class="link-title">
<view class="bg-yellow">
<view class="icon-link-yellow size-48"></view>
</view>
<text class="ml-10">项目预览链接</text>
</view>
<text class="download-item-desc">复制下方链接查看项目演示</text>
<view class="link-box">
<text selectable="{{true}}" class="link" bind:tap="copyLink">{{sysPreviewUrl}}</text>
</view>
</view>
<view class="download-btn" bind:tap="download" data-path="/route/proj/download/apply-txt/">
<view class="ic-txt" style="width: 20px;height: 20px;"></view>
<view class="download-btn-txt">TXT格式下载</view>
<view class="download-item">
<view class="download-title">
<view class="bg-green">
<view class="icon-table size-48"></view>
</view>
<view class="download-title-txt">申请表</view>
</view>
<text class="download-item-desc">软件著作权登记申请表,包含软件名称、版本号、开发完成日期、著作权人信息等</text>
<view class="download-btn-box">
<view class="download-btn blue" bind:tap="download" data-path="/route/proj/download/apply/" data-type="docx">
<view class="ic-doc" style="width: 20px;height: 20px;"></view>
<view class="download-btn-txt">Word格式</view>
</view>
<view class="download-btn gray" bind:tap="download" data-path="/route/proj/download/apply-txt/" data-type="txt">
<view class="ic-txt" style="width: 20px;height: 20px;"></view>
<view class="download-btn-txt">TXT格式</view>
</view>
</view>
</view>
</view>
</view>
<view class="download-item">
<view class="download-title">
<view class="icon-source"></view>
<view class="download-title-txt">操作手册</view>
</view>
<view class="download-btn-box">
<view class="download-btn" bind:tap="download" data-path="/route/proj/download/manual/">
<view class="ic-doc" style="width: 20px;height: 20px;"></view>
<view class="download-btn-txt">Word格式下载</view>
<view class="download-item">
<view class="download-title">
<view class="bg-yellow">
<view class="icon-source size-48"></view>
</view>
<view class="download-title-txt">操作手册</view>
</view>
<text class="download-item-desc">软件的鉴别材料-操作手册</text>
<view class="download-btn-box">
<view class="download-btn blue" bind:tap="download" data-path="/route/proj/download/manual/" data-type="docx">
<view class="ic-doc" style="width: 20px;height: 20px;"></view>
<view class="download-btn-txt">Word格式</view>
</view>
<view class="download-btn red" bind:tap="download" data-path="/route/proj/download/manual/pdf/" data-type="pdf">
<view class="ic-pdf" style="width: 20px;height: 20px;"></view>
<view class="download-btn-txt">PDF格式</view>
</view>
</view>
</view>
<view class="download-btn" bind:tap="download" data-path="/route/proj/download/manual/pdf/">
<view class="ic-pdf" style="width: 20px;height: 20px;"></view>
<view class="download-btn-txt">PDF格式下载</view>
<view class="download-item">
<view class="download-title">
<view class="bg-blue">
<view class="icon-tool size-48"></view>
</view>
<view class="download-title-txt">源代码</view>
</view>
<text class="download-item-desc">软件的鉴别材料-项目源代码</text>
<view class="download-btn-box">
<view class="download-btn blue" bind:tap="download" data-path="/route/proj/download/code/" data-type="docx">
<view class="ic-doc" style="width: 20px;height: 20px;"></view>
<view class="download-btn-txt">Word格式</view>
</view>
<view class="download-btn red" bind:tap="download" data-path="/route/proj/download/code/pdf/" data-type="pdf">
<view class="ic-pdf" style="width: 20px;height: 20px;"></view>
<view class="download-btn-txt">PDF格式</view>
</view>
</view>
</view>
<view class="download-notes mt-20">
<icon type="info" size="14" color="#3270FF" style="margin-top: 6rpx;"></icon>
<view class="notes-content-box ml-10">
<text style="font-weight: bold;font-size: 28rpx;">使用提示</text>
<text class="mt-10">注: 受系统条件限制,如需下载程序、购买服务或查看演示视频,建议通过电脑端进行操作.</text>
<text class="mt-20">温馨提示: 若您想把下载的文件留存到本地，打开预览页面后，在界面右上角操作栏内，选择使用其他软件打开或者保存文件功能就能实现。
</text>
</view>
</view>
</view>
</view>
<view class="download-item">
<view class="download-title">
<view class="icon-tool"></view>
<view class="download-title-txt">源代码</view>
</view>
<view class="download-btn-box">
<view class="download-btn" bind:tap="download" data-path="/route/proj/download/code/">
<view class="ic-doc" style="width: 20px;height: 20px;"></view>
<view class="download-btn-txt">Word格式下载</view>
</view>
<view class="download-btn" bind:tap="download" data-path="/route/proj/download/code/pdf/">
<view class="ic-pdf" style="width: 20px;height: 20px;"></view>
<view class="download-btn-txt">PDF格式下载</view>
</view>
</view>
</view>
<view class="hint mt-10">温馨提示:若您想把下载的文件留存到本地，打开预览页面后，在界面右上角操作栏内，选择使用其他软件打开或者保存文件功能就能实现。</view>
</scroll-view>
</view>
</mp-half-screen-dialog>
<down-progress isShow="{{downloading}}" progress="{{downloadProgress}}"></down-progress>

206
pages/index/index.wxss
View File

@ -13,7 +13,6 @@
border-bottom-left-radius: 10rpx;
border-bottom-right-radius: 10rpx;
background-color: var(--white-color);
/* box-shadow: 0rpx 2rpx 6rpx 0rpx rgba(233, 233, 233, 0.6); */
}
.container-title {
@ -109,12 +108,11 @@
.container-box {
display: flex;
flex-direction: column;
background-color: white;
padding: 20rpx;
border-top-left-radius: 10rpx;
border-top-right-radius: 10rpx;
margin-top: 20rpx;
background-color: rgba(255, 255, 255, 1);
background-color: var(--white-color);
box-shadow: 0rpx -6rpx 6rpx 0rpx rgba(206, 206, 206, 0.1);
}
@ -126,9 +124,6 @@
}
.title-line {
/* width: 10rpx;
height: 32rpx;
border-radius: 17rpx; */
width: 16rpx;
height: 34rpx;
border-radius: 34rpx;
@ -294,6 +289,7 @@
flex-direction: row;
justify-content: space-between;
align-items: center;
min-width: 0;
}
@ -318,13 +314,6 @@
white-space: nowrap;
}
.item-content-title {
display: flex;
flex-direction: row;
justify-content: space-between;
min-width: 0;
}
.project-aff {
color: var(--text-color);
margin-top: 2px;
@ -417,22 +406,21 @@
}
.custom-dialog {
background-color: var(--white-color);
background-color: var(--divider-color);
}
.download-item {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 10px;
flex-direction: column;
background-color: var(--white-color);
border-radius: 5px;
height: 80px;
border-radius: 15rpx;
box-shadow: 0rpx 0rpx 0rpx 5rpx var(--bg-gray-input-color);
padding: 30rpx;
}
.download-item:nth-of-type(n+2) {
margin-top: 10px;
.download-item:nth-of-type(n+2),
.download-item:nth-last-of-type(n+2) {
margin-top: 20rpx;
}
.download-item:last-child {
@ -441,115 +429,141 @@
.download-title {
display: flex;
flex-direction: column;
justify-content: center;
flex-direction: row;
align-items: center;
padding: 10px;
width: 75px;
}
.download-title-txt {
font-size: 16px;
font-size: 32rpx;
font-weight: bold;
margin-top: 10px;
margin-left: 15rpx;
}
.download-item-desc {
font-size: 24rpx;
margin-top: 10rpx;
}
.download-btn-box {
display: flex;
flex-direction: column;
flex-direction: row;
justify-content: space-between;
align-items: center;
height: 70px;
flex: .6;
padding: 30rpx 0rpx 0rpx 0rpx;
}
.download-btn {
display: flex;
flex-direction: row;
justify-content: space-between;
justify-content: center;
align-items: center;
color: var(--text-color);
padding: 5px 10px;
padding: 15rpx;
border-radius: 5px;
border: 1px solid var(--divider-color);
width: 105px;
flex: 1;
}
.download-btn:nth-child(2) {
margin-left: 40rpx;
}
.download-btn.blue {
background-color: var(--bg-blue-shallow-color);
color: var(--text-blue-color);
}
.download-btn.gray {
background-color: var(--bg-gray-input-light-color);
color: var(--text-brown-color);
}
.download-btn.red {
background-color: var(--bg-red-shallow-color);
color: var(--text-red-color);
}
.download-btn-txt {
font-size: 12px;
font-size: 24rpx;
text-align: center;
margin-left: 10rpx;
}
.download-btn:active {
background-color: var(--divider-color);
background-color: #d1d1d0;
}
.icon-table {
content: "";
background-image: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHdpZHRoPSI2NCIgaGVpZ2h0PSI2NCIgc3R5bGU9IiIgZmlsdGVyPSJub25lIj4KICAgIAogICAgPGc+CiAgICA8cGF0aCBkPSJNMTYgMjFoLTR2Mmg0di0yek0xNyAyMWg0djJoLTR2LTJ6TTE2IDI2aC00di0yaDR2MnpNMTcgMjZoNHYtMmgtNHYyek0xNiAxOGgtNHYyaDR2LTJ6TTE3IDE4aDR2MmgtNHYtMnpNMTYgMTVoLTR2Mmg0di0yek0xNyAxNWg0djJoLTR2LTJ6TTE5IDN2Ni4wMDJjMCAxLjExMSAwLjg5OCAxLjk5OCAyLjAwNiAxLjk5OGg0Ljk5NHYxNy4wMDNjMCAxLjEwNy0wLjg5NCAxLjk5Ny0xLjk5NyAxLjk5N2gtMTUuMDA1Yy0xLjEwNyAwLTEuOTk3LTAuODk5LTEuOTk3LTIuMDA3di0yMi45ODVjMC0xLjEwOSAwLjg5OS0yLjAwNyAyLjAwOS0yLjAwN2g5Ljk5MXpNMjAgM3Y1Ljk5N2MwIDAuNTU0IDAuNDUxIDEuMDAzIDAuOTkxIDEuMDAzaDUuMDA5bC02LTd6TTExIDEzdjE0aDExdi0xNGgtMTF6IiBmaWxsPSJyZ2JhKDI1NSwxNjksMCwxKSI+PC9wYXRoPgogICAgPC9nPgogIDwvc3ZnPg==');
background-size: cover;
background-repeat: no-repeat;
width: 48px;
height: 48px;
}
.icon-tool {
background-image: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSI2NCA2NCA4OTYgODk2IiB3aWR0aD0iNTIiIGhlaWdodD0iNTIiIHN0eWxlPSIiIGZpbHRlcj0ibm9uZSI+CiAgICAKICAgIDxnPgogICAgPHBhdGggZD0iTTg4MCAxMTJIMTQ0Yy0xNy43IDAtMzIgMTQuMy0zMiAzMnY3MzZjMCAxNy43IDE0LjMgMzIgMzIgMzJoNzM2YzE3LjcgMCAzMi0xNC4zIDMyLTMyVjE0NGMwLTE3LjctMTQuMy0zMi0zMi0zMnpNNTEzLjEgNTE4LjFsLTE5MiAxNjFjLTUuMiA0LjQtMTMuMS43LTEzLjEtNi4xdi02Mi43YzAtMi4zIDEuMS00LjYgMi45LTYuMUw0MjAuNyA1MTJsLTEwOS44LTkyLjJhNy42MyA3LjYzIDAgMCAxLTIuOS02LjFWMzUxYzAtNi44IDcuOS0xMC41IDEzLjEtNi4xbDE5MiAxNjAuOWMzLjkgMy4yIDMuOSA5LjEgMCAxMi4zek03MTYgNjczYzAgNC40LTMuNCA4LTcuNSA4aC0xODVjLTQuMSAwLTcuNS0zLjYtNy41LTh2LTQ4YzAtNC40IDMuNC04IDcuNS04aDE4NWM0LjEgMCA3LjUgMy42IDcuNSA4djQ4eiIgZmlsbD0icmdiYSg1MiwxMjQsMTc1LDEpIj48L3BhdGg+CiAgICA8L2c+CiAgPC9zdmc+');
background-size: cover;
background-repeat: no-repeat;
width: 42px;
height: 42px;
}
.icon-source {
background-image: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSI2NCA2NCA4OTYgODk2IiB3aWR0aD0iNTIiIGhlaWdodD0iNTIiIHN0eWxlPSIiIGZpbHRlcj0ibm9uZSI+CiAgICAKICAgIDxnPgogICAgPHBhdGggZD0iTTkyOCAxNjFINjk5LjJjLTQ5LjEgMC05Ny4xIDE0LjEtMTM4LjQgNDAuN0w1MTIgMjMzbC00OC44LTMxLjNBMjU1LjIgMjU1LjIgMCAwIDAgMzI0LjggMTYxSDk2Yy0xNy43IDAtMzIgMTQuMy0zMiAzMnY1NjhjMCAxNy43IDE0LjMgMzIgMzIgMzJoMjI4LjhjNDkuMSAwIDk3LjEgMTQuMSAxMzguNCA0MC43bDQ0LjQgMjguNmMxLjMuOCAyLjggMS4zIDQuMyAxLjNzMy0uNCA0LjMtMS4zbDQ0LjQtMjguNkM2MDIgODA3LjEgNjUwLjEgNzkzIDY5OS4yIDc5M0g5MjhjMTcuNyAwIDMyLTE0LjMgMzItMzJWMTkzYzAtMTcuNy0xNC4zLTMyLTMyLTMyek00MDQgNTUzLjVjMCA0LjEtMy4yIDcuNS03LjEgNy41SDIxMS4xYy0zLjkgMC03LjEtMy40LTcuMS03LjV2LTQ1YzAtNC4xIDMuMi03LjUgNy4xLTcuNWgxODUuN2MzLjkgMCA3LjEgMy40IDcuMSA3LjV2NDV6bTAtMTQwYzAgNC4xLTMuMiA3LjUtNy4xIDcuNUgyMTEuMWMtMy45IDAtNy4xLTMuNC03LjEtNy41di00NWMwLTQuMSAzLjItNy41IDcuMS03LjVoMTg1LjdjMy45IDAgNy4xIDMuNCA3LjEgNy41djQ1em00MTYgMTQwYzAgNC4xLTMuMiA3LjUtNy4xIDcuNUg2MjcuMWMtMy45IDAtNy4xLTMuNC03LjEtNy41di00NWMwLTQuMSAzLjItNy41IDcuMS03LjVoMTg1LjdjMy45IDAgNy4xIDMuNCA3LjEgNy41djQ1em0wLTE0MGMwIDQuMS0zLjIgNy41LTcuMSA3LjVINjI3LjFjLTMuOSAwLTcuMS0zLjQtNy4xLTcuNXYtNDVjMC00LjEgMy4yLTcuNSA3LjEtNy41aDE4NS43YzMuOSAwIDcuMSAzLjQgNy4xIDcuNXY0NXoiIGZpbGw9InJnYmEoMTI5LDE3OSw1NSwxKSI+PC9wYXRoPgogICAgPC9nPgogIDwvc3ZnPg==');
background-size: cover;
background-repeat: no-repeat;
width: 42px;
height: 42px;
}
.download-all {
.bg-blue {
display: flex;
flex-direction: row;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100vw;
background-color: var(--primary-color);
color: white;
padding: 5px 0px;
border-radius: 5px;
background-color: var(--bg-blue-shallow-color);
width: 72rpx;
height: 72rpx;
border-radius: 15rpx;
}
.download-all:active {
background-color: var(--primary-color-active);
.bg-yellow {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: var(--bg-primary-shallow-color);
width: 72rpx;
height: 72rpx;
border-radius: 15rpx;
}
.bg-green {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: var(--bg-green-light-color);
width: 72rpx;
height: 72rpx;
border-radius: 15rpx;
}
.bg-gray {
background-color: var(--bg-gray-input-color);
}
.download-desc {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100vw;
background-color: var(--white-color);
padding: 30rpx;
border-radius: 15rpx;
margin-top: 20rpx;
}
.link-title {
font-size: 14px;
display: flex;
flex-direction: row;
align-items: center;
font-size: 28rpx;
font-weight: bold;
}
.link-box {
background-color: var(--bg-gray-input-light-color);
border-radius: 15rpx;
padding: 10rpx;
margin-top: 10rpx;
}
.link {
margin-top: 5px;
word-wrap: break-word;
word-break: break-all;
width: 85vw;
font-size: 14px;
color: var(--blue-color);
color: var(--text-blue-color);
}
.custom-tips {
@ -562,3 +576,39 @@
color: var(--primary-color);
font-weight: bold;
}
.download-notes {
display: flex;
flex-direction: row;
border-left: 8rpx solid var(--blue-color);
border-radius: 5rpx;
background-color: var(--bg-blue-shallow-color);
font-size: 24rpx;
margin-bottom: 10rpx;
padding: 20rpx;
box-shadow: 0rpx 0rpx 0rpx 5rpx var(--divider-color);
}
.notes-title-box {
display: flex;
flex-direction: row;
align-items: center;
color: var(--text-blue-color);
}
.notes-content-box {
display: flex;
flex-direction: column;
align-items: flex-start;
color: var(--text-blue-color);
}
.weui-half-screen-dialog__ft {
height: 0;
padding: 0;
}
.weui-half-screen-dialog__bd {
padding-bottom: 20rpx;
}

3
pages/shop/saveAssigneeInfo/saveAssigneeInfo.wxml
View File

@ -1,8 +1,5 @@
<view class="page-container" style="background-color: var(--divider-color);">
<view class="content-box">
<view class="upload-img-box">
<mp-uploader max-count="1" delete="true" select="{{selectFile}}" upload="{{uploadFile}}" bind:delete="deleteImage" files="{{files}}" title=""></mp-uploader>
</view>
<view class="content-container">
<view class="info-title">受让人信息</view>
<!-- 第一部分 -->

5
static/style/common.wxss
View File

@ -21,6 +21,8 @@ page {
--text-gray-desc-color: #5c5c5c;
--text-blue-color: #3270FF;
--text-primary-deep-color: #FF6700;
--text-blue-color: #3270FF;
--text-red-color: #FF0000;
/* 背景棕色 */
--bg-brown-color: #42210B;
--bg-gray-color: #FAFAFA;
@ -36,6 +38,9 @@ page {
--bg-red-deep-color: #F7312A;
--bg-gray-shade-color: #00000025;
--bg-gray-input-color: #F9FAFB;
--bg-red-shallow-color: #FEF2F2;
--bg-gray-input-light-color: #f9fafbc5;
--bg-blue-shallow-color: #EFF6FF;
/* 按钮颜色 */
--btn-cyan-color: #39C7C1;
--btn-cyan-active: #39c7c08f;

30
static/style/icon.wxss
View File

@ -2,6 +2,12 @@
--icon-wechat: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB0PSIxNzQyOTU5MzMxNTk5IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjMwNzIiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PHBhdGggZD0iTTEwMjQgNjE5LjUyYzAtMTQzLjM2LTEzOC4yNC0yNTYtMzA3LjItMjU2cy0zMDcuMiAxMTIuNjQtMzA3LjIgMjU2IDEzOC4yNCAyNTYgMzA3LjIgMjU2YzMwLjcyIDAgNjEuNDQtNS4xMiA5Mi4xNi0xMC4yNGw5Ny4yOCA1MS4yLTI1LjYtNzYuOGM4Ny4wNC01MS4yIDE0My4zNi0xMjggMTQzLjM2LTIyMC4xNnogbS00MTQuNzItNDAuOTZjLTMwLjcyIDAtNTEuMi0yMC40OC01MS4yLTUxLjJzMjAuNDgtNTEuMiA1MS4yLTUxLjIgNTEuMiAyMC40OCA1MS4yIDUxLjJjMCAyNS42LTI1LjYgNTEuMi01MS4yIDUxLjJ6IG0yMDkuOTIgMGMtMzAuNzIgMC01MS4yLTIwLjQ4LTUxLjItNTEuMnMyMC40OC01MS4yIDUxLjItNTEuMiA1MS4yIDIwLjQ4IDUxLjIgNTEuMmMwIDI1LjYtMjUuNiA1MS4yLTUxLjIgNTEuMnoiIGZpbGw9IiM0Q0JGMDAiIHAtaWQ9IjMwNzMiPjwvcGF0aD48cGF0aCBkPSJNMzU4LjQgNjA5LjI4YzAtMTU4LjcyIDE1My42LTI4Ni43MiAzNDguMTYtMjg2LjcyaDE1LjM2Yy00MC45Ni0xMzMuMTItMTc5LjItMjM1LjUyLTM1My4yOC0yMzUuNTItMjA0LjggMC0zNjguNjQgMTM4LjI0LTM2OC42NCAzMDcuMiAwIDEwNy41MiA2Ni41NiAyMDQuOCAxNjguOTYgMjU2bC0zMC43MiA5Mi4xNkwyNTYgNjg2LjA4YzM1Ljg0IDEwLjI0IDcxLjY4IDE1LjM2IDExMi42NCAxNS4zNmgxMC4yNGMtMTUuMzYtMzAuNzItMjAuNDgtNjEuNDQtMjAuNDgtOTIuMTZ6IG0xMzguMjQtNDE0LjcyYzM1Ljg0IDAgNjYuNTYgMzAuNzIgNjYuNTYgNjYuNTZzLTMwLjcyIDY2LjU2LTY2LjU2IDY2LjU2QzQ2MC44IDMyMi41NiA0MzAuMDggMjkxLjg0IDQzMC4wOCAyNTZTNDYwLjggMTk0LjU2IDQ5Ni42NCAxOTQuNTZ6TTI0NS43NiAzMjIuNTZjLTM1Ljg0IDAtNjEuNDQtMzAuNzItNjEuNDQtNjYuNTZzMzAuNzItNjYuNTYgNjYuNTYtNjYuNTYgNjEuNDQgMzAuNzIgNjEuNDQgNjYuNTYtMzAuNzIgNjYuNTYtNjYuNTYgNjYuNTZ6IiBmaWxsPSIjNENCRjAwIiBwLWlkPSIzMDc0Ij48L3BhdGg+PC9zdmc+')
}
.icon-download-blue {
background-image: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB0PSIxNzQ4NDA1MzgwNDA3IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEzMDcgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjExNDAxIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiPjxwYXRoIGQ9Ik02NTUuNDUwNTg0IDEwMjMuOTk5Nzg3YTYzLjc4NzM2MiA2My43ODczNjIgMCAwIDEtNDQuODk5MjE2LTE4LjMyMTE0OGwtMTM1LjMzNTUyLTEzMi44OTAzMzdhMzIuOTkyMjQxIDMyLjk5MjI0MSAwIDAgMS0zLjU0Mzc0Mi00NC4xMTk1OTMgMzEuODkzNjgxIDMxLjg5MzY4MSAwIDAgMSA0Ny4wMjU0NjEtMi41NTE0OTRsMTM2LjI5MjMzIDEzMy44MTE3MTFhMC4zMTg5MzcgMC4zMTg5MzcgMCAwIDAgMC40MjUyNDkgMGwxMTUuMDI5ODc3LTExNi41NTM2ODZhMzEuODkzNjgxIDMxLjg5MzY4MSAwIDAgMSA0Ny4wNjA4OTggMS43MzY0MzQgMzMuMDI3Njc5IDMzLjAyNzY3OSAwIDAgMS0yLjcyODY4MiA0NC4xOTA0NjdsLTExMy43MTg2OTEgMTE1LjU5Njg3NWE2My43ODczNjIgNjMuNzg3MzYyIDAgMCAxLTQ1LjYwNzk2NCAxOS4xMDA3NzF6IiBmaWxsPSIjMTI5NmRiIiBwLWlkPSIxMTQwMiI+PC9wYXRoPjxwYXRoIGQ9Ik02NTUuOTQ2NzA4IDEwMjAuNzM5NTQ0YTMxLjg5MzY4MSAzMS44OTM2ODEgMCAwIDEtMzEuODkzNjgxLTMxLjE4NDkzMmwtMTEuMDIxMDM5LTQ3Ny44MDI3OGEzMS45MDA3NjkgMzEuOTAwNzY5IDAgMSAxIDYzLjc4NzM2Mi0xLjQ1MjkzNWwxMS4wMjEwMzkgNDc3LjgwMjc4YTMxLjg5MzY4MSAzMS44OTM2ODEgMCAwIDEtMzEuMTQ5NDk1IDMyLjYwMjQzeiIgZmlsbD0iIzEyOTZkYiIgcC1pZD0iMTE0MDMiPjwvcGF0aD48cGF0aCBkPSJNOTgxLjk3MTAwMyA5ODkuMjM1Njc1YTMyNS41NjM2MDkgMzI1LjU2MzYwOSAwIDAgMS04OC41OTM1NTgtMTIuMjI1OTExYy0xNi4zMzY2NTItNC42NDIzMDItMjcuNTcwMzE1LTIwLjg3MjY0Mi0yNC4xNjgzMjMtMzcuNDkyNzk0YTMxLjg5MzY4MSAzMS44OTM2ODEgMCAwIDEgNDAuMTE1MTYzLTI0LjMxMDA3MyAyNjEuNTI4MTg1IDI2MS41MjgxODUgMCAxIDAgMjMuMzUzMjYyLTUwNy45OTU0NjQgMzEuODkzNjgxIDMxLjg5MzY4MSAwIDAgMS0zNy4zNTEwNDQtMzYuOTYxMjMzIDI2My44NjcwNTUgMjYzLjg2NzA1NSAwIDAgMCA0LjIxNzA1My00Ni41MjkzMzcgMjYwLjYwNjgxMiAyNjAuNjA2ODEyIDAgMCAwLTIzMi41NDAzNzItMjU5Ljg2MjYyNmgtMjYuNzkwNjkyYTI2MC42MDY4MTIgMjYwLjYwNjgxMiAwIDAgMC0yMzIuNTA0OTM1IDI1OS44NjI2MjYgMjYzLjg2NzA1NSAyNjMuODY3MDU1IDAgMCAwIDQuMjE3MDUzIDQ2LjUyOTMzNyAzMS44OTM2ODEgMzEuODkzNjgxIDAgMCAxLTM3LjM4NjQ4MiAzNi45NjEyMzMgMjYxLjQyMTg3MyAyNjEuNDIxODczIDAgMSAwIDIxLjk3MTIwMyA1MDguMzg1Mjc2IDMzLjA5ODU1MyAzMy4wOTg1NTMgMCAwIDEgMzkuOTAyNTM5IDE4LjQyNzQ2IDMxLjg5MzY4MSAzMS44OTM2ODEgMCAwIDEtMjAuODAxNzY4IDQyLjUyNDkwOCAzMjUuMjgwMTEgMzI1LjI4MDExIDAgMSAxLTkwLjMyOTk5Mi02MzcuODczNjIxaDMuMzMxMTE3YTE1LjA5NjM0MiAxNS4wOTYzNDIgMCAwIDAgMTUuMzA4OTY3LTE1LjAyNTQ2OEEzMjQuMjg3ODYyIDMyNC4yODc4NjIgMCAwIDEgNjM1LjI1MTI1MiAwLjE0MTc1aDM2LjcxMzE3MWEzMjQuMjg3ODYyIDMyNC4yODc4NjIgMCAwIDEgMjkxLjMzMTA1OCAzMjMuNTA4MjM4IDE0LjkxOTE1NSAxNC45MTkxNTUgMCAwIDAgMTUuMTMxNzggMTQuODgzNzE4aDMuNTQzNzQyYTMyNS4zNTA5ODQgMzI1LjM1MDk4NCAwIDAgMSAwIDY1MC43MDE5Njl6IiBmaWxsPSIjMTI5NmRiIiBwLWlkPSIxMTQwNCI+PC9wYXRoPjwvc3ZnPg==');
background-size: cover;
background-repeat: no-repeat;
}
.icon-wechat {
background-image: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB0PSIxNzQyOTU5MzMxNTk5IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjMwNzIiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PHBhdGggZD0iTTEwMjQgNjE5LjUyYzAtMTQzLjM2LTEzOC4yNC0yNTYtMzA3LjItMjU2cy0zMDcuMiAxMTIuNjQtMzA3LjIgMjU2IDEzOC4yNCAyNTYgMzA3LjIgMjU2YzMwLjcyIDAgNjEuNDQtNS4xMiA5Mi4xNi0xMC4yNGw5Ny4yOCA1MS4yLTI1LjYtNzYuOGM4Ny4wNC01MS4yIDE0My4zNi0xMjggMTQzLjM2LTIyMC4xNnogbS00MTQuNzItNDAuOTZjLTMwLjcyIDAtNTEuMi0yMC40OC01MS4yLTUxLjJzMjAuNDgtNTEuMiA1MS4yLTUxLjIgNTEuMiAyMC40OCA1MS4yIDUxLjJjMCAyNS42LTI1LjYgNTEuMi01MS4yIDUxLjJ6IG0yMDkuOTIgMGMtMzAuNzIgMC01MS4yLTIwLjQ4LTUxLjItNTEuMnMyMC40OC01MS4yIDUxLjItNTEuMiA1MS4yIDIwLjQ4IDUxLjIgNTEuMmMwIDI1LjYtMjUuNiA1MS4yLTUxLjIgNTEuMnoiIGZpbGw9IiM0Q0JGMDAiIHAtaWQ9IjMwNzMiPjwvcGF0aD48cGF0aCBkPSJNMzU4LjQgNjA5LjI4YzAtMTU4LjcyIDE1My42LTI4Ni43MiAzNDguMTYtMjg2LjcyaDE1LjM2Yy00MC45Ni0xMzMuMTItMTc5LjItMjM1LjUyLTM1My4yOC0yMzUuNTItMjA0LjggMC0zNjguNjQgMTM4LjI0LTM2OC42NCAzMDcuMiAwIDEwNy41MiA2Ni41NiAyMDQuOCAxNjguOTYgMjU2bC0zMC43MiA5Mi4xNkwyNTYgNjg2LjA4YzM1Ljg0IDEwLjI0IDcxLjY4IDE1LjM2IDExMi42NCAxNS4zNmgxMC4yNGMtMTUuMzYtMzAuNzItMjAuNDgtNjEuNDQtMjAuNDgtOTIuMTZ6IG0xMzguMjQtNDE0LjcyYzM1Ljg0IDAgNjYuNTYgMzAuNzIgNjYuNTYgNjYuNTZzLTMwLjcyIDY2LjU2LTY2LjU2IDY2LjU2QzQ2MC44IDMyMi41NiA0MzAuMDggMjkxLjg0IDQzMC4wOCAyNTZTNDYwLjggMTk0LjU2IDQ5Ni42NCAxOTQuNTZ6TTI0NS43NiAzMjIuNTZjLTM1Ljg0IDAtNjEuNDQtMzAuNzItNjEuNDQtNjYuNTZzMzAuNzItNjYuNTYgNjYuNTYtNjYuNTYgNjEuNDQgMzAuNzIgNjEuNDQgNjYuNTYtMzAuNzIgNjYuNTYtNjYuNTYgNjYuNTZ6IiBmaWxsPSIjNENCRjAwIiBwLWlkPSIzMDc0Ij48L3BhdGg+PC9zdmc+');
background-size: contain;
@ -74,6 +80,30 @@
background-repeat: no-repeat;
}
.icon-link-yellow {
background-image: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB0PSIxNzQ4NDA0NDgxMDU0IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjEwMjc0IiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiPjxwYXRoIGQ9Ik00MzEuOCAzNTBjMzYuOCAwIDcxLjUgNy45IDEwNC4zIDIzLjYgMjQuNiAxMS42IDQ2LjggMjcuNCA2Ni44IDQ3LjMgMTkuOSAxOS45IDM1LjcgNDIuMiA0Ny4zIDY2LjctMTUuOCAxNS44LTM0LjggMjMuNi01NyAyMy42LTcuOCAwLTE1LjYtMS4yLTIzLjYtMy41LTEzLjQtMjEuOC0zMS44LTQwLjEtNTMuNi01My42LTI1LjgtMTUuNy01My45LTIzLjYtODQuMS0yMy42LTIxIDAtNDEuNCA0LTYxLjEgMTItMTkuNyA4LTM3LjQgMTkuOC01Mi45IDM1LjNsLTEyMSAxMjFjLTE1LjUgMTUuNS0yNy4zIDMzLjItMzUuMyA1Mi45LTcuOSAxOS40LTEyIDQwLjEtMTIgNjEuMXM0IDQxLjQgMTIgNjEuMWM4IDE5LjggMTkuNyAzNy40IDM1LjMgNTIuOSAxNS42IDE1LjYgMzMuMiAyNy4zIDUyLjkgMzUuMyAxOS40IDcuOSA0MC4yIDEyIDYxLjIgMTJzNDEuNC00IDYxLjEtMTJjMTkuNy04IDM3LjQtMTkuOCA1Mi45LTM1LjNsODQuNy04NC43YzI2LjkgNy4zIDU0LjcgMTEgODMuNSAxMSA0LjYgMCAxMS4xLTAuMiAxOS41LTAuNi0zLjIgMy41LTYuNCA3LTkuNyAxMC40bC0xMjEgMTIxYy0yMy4zIDIzLjMtNDkuNyA0MC45LTc5LjMgNTIuOS0yOS4xIDExLjktNjAuMyAxOC05MS44IDE4cy02Mi4yLTYtOTEuOC0xOC4xYy0yOS43LTEyLjEtNTYuMS0yOS43LTc5LjMtNTIuOC0yMy4zLTIzLjMtNDAuOS00OS43LTUyLjktNzkuMi0xMS45LTI5LjEtMTgtNjAuMy0xOC05MS44czYuMS02Mi43IDE4LTkxLjhjMTItMjkuNSAyOS42LTU1LjkgNTIuOS03OS4ybDEyMS0xMjFjMi4zLTIuMyA1LjgtNS41IDEwLjQtOS44IDIyLjUtMjAgNDcuNi0zNS4xIDc1LjMtNDUuNSAyNy43LTEwLjMgNTYuMS0xNS41IDg1LjMtMTUuNnpNNzE0LjEgNjcuOGMzMS41IDAgNjIuNyA2LjEgOTEuOCAxOCAyOS41IDExLjkgNTUuOSAyOS42IDc5LjMgNTIuOSAyMy4zIDIzLjMgNDEgNDkuNyA1Mi45IDc5LjIgMTEuOSAyOS4yIDE4IDYwLjMgMTcuOSA5MS44IDAgMzEuNS02LjEgNjIuMS0xOC4xIDkxLjgtMTIuMSAyOS43LTI5LjcgNTYuMS01Mi44IDc5LjJsLTEyMSAxMjFjLTIuMyAyLjQtNS44IDUuNi0xMC40IDkuOC0yMi40IDIwLTQ3LjUgMzUuMS03NS4zIDQ1LjUtMjcuMyAxMC4zLTU2LjIgMTUuNi04NS40IDE1LjYtMzYuNyAwLTcxLjUtNy45LTEwNC4zLTIzLjYtMjQuNi0xMS42LTQ2LjgtMjcuNC02Ni44LTQ3LjMtMTkuOS0xOS45LTM1LjctNDIuMi00Ny4zLTY2LjcgMTUuNy0xNS44IDM0LjctMjMuNiA1Ny0yMy42IDcuOCAwIDE1LjcgMS4yIDIzLjYgMy41IDEzLjQgMjEuOCAzMS43IDQwLjEgNTMuNSA1My42IDI1LjkgMTUuNyA1My45IDIzLjYgODQuMSAyMy42IDIxIDAgNDEuNC00IDYxLjEtMTIgMTkuOC04IDM3LjQtMTkuOCA1Mi45LTM1LjNsMTIxLTEyMWMxNS42LTE1LjUgMjcuMy0zMy4yIDM1LjMtNTIuOSA3LjktMTkuNCAxMi00MC4xIDEyLTYxLjFzLTQtNDEuNC0xMi02MS4xYy04LTE5LjgtMTkuOC0zNy40LTM1LjMtNTIuOS0xNS42LTE1LjYtMzMuMi0yNy4zLTUyLjktMzUuMy0xOS40LTcuOS00MC4yLTEyLTYxLjEtMTItMjEgMC00MS40IDQtNjEuMSAxMi0xOS44IDgtMzcuNCAxOS44LTUyLjkgMzUuM0w1MTUgMjgwLjVjLTI2LjktNy4zLTU0LjctMTEtODMuNS0xMS00LjYgMC0xMS4xIDAuMi0xOS41IDAuNiAzLjItMy41IDYuNC03IDkuOC0xMC40bDEyMS0xMjFjMjMuMS0yMy4xIDQ5LjUtNDAuNyA3OS4yLTUyLjggMjkuOS0xMi4xIDYwLjUtMTguMiA5Mi4xLTE4LjF6IG0wIDAiIHAtaWQ9IjEwMjc1IiBmaWxsPSIjRkU5OTQ0Ij48L3BhdGg+PC9zdmc+');
background-size: cover;
background-repeat: no-repeat;
}
.icon-tool {
background-image: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSI2NCA2NCA4OTYgODk2IiB3aWR0aD0iNTIiIGhlaWdodD0iNTIiIHN0eWxlPSIiIGZpbHRlcj0ibm9uZSI+CiAgICAKICAgIDxnPgogICAgPHBhdGggZD0iTTg4MCAxMTJIMTQ0Yy0xNy43IDAtMzIgMTQuMy0zMiAzMnY3MzZjMCAxNy43IDE0LjMgMzIgMzIgMzJoNzM2YzE3LjcgMCAzMi0xNC4zIDMyLTMyVjE0NGMwLTE3LjctMTQuMy0zMi0zMi0zMnpNNTEzLjEgNTE4LjFsLTE5MiAxNjFjLTUuMiA0LjQtMTMuMS43LTEzLjEtNi4xdi02Mi43YzAtMi4zIDEuMS00LjYgMi45LTYuMUw0MjAuNyA1MTJsLTEwOS44LTkyLjJhNy42MyA3LjYzIDAgMCAxLTIuOS02LjFWMzUxYzAtNi44IDcuOS0xMC41IDEzLjEtNi4xbDE5MiAxNjAuOWMzLjkgMy4yIDMuOSA5LjEgMCAxMi4zek03MTYgNjczYzAgNC40LTMuNCA4LTcuNSA4aC0xODVjLTQuMSAwLTcuNS0zLjYtNy41LTh2LTQ4YzAtNC40IDMuNC04IDcuNS04aDE4NWM0LjEgMCA3LjUgMy42IDcuNSA4djQ4eiIgZmlsbD0icmdiYSg1MiwxMjQsMTc1LDEpIj48L3BhdGg+CiAgICA8L2c+CiAgPC9zdmc+');
background-size: cover;
background-repeat: no-repeat;
}
.icon-table {
background-image: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB0PSIxNzQ4NDE0ODE1MDc2IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjkwMDMiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTkyNi4wOCAxOTJMNDI1LjYgOTIuMTZsLTIzLjA0IDY0LTE1MS4wNCA0MTEuNTJhNDEuNiA0MS42IDAgMCAxLTMzLjkyIDMyIDM5LjA0IDM5LjA0IDAgMCAxLTM5LjY4LTU2LjMybDQ4LjY0LTEzMy4xMkwzNjEuNiA0MC45NmE0MC45NiA0MC45NiAwIDAgMSA1My43Ni0zMC4wOGw1NjIuNTYgMTExLjM2YTQwLjMyIDQwLjMyIDAgMCAxIDMzLjkyIDU2LjMyYy02NCAyMDYuNzItMTM1LjA0IDQxMy40NC0yMTUuMDQgNjE1LjA0YTY0MCA2NDAgMCAwIDEtNjQgMTI4IDIwNy4zNiAyMDcuMzYgMCAwIDEtMTY3LjA0IDkyLjhBMjM2LjE2IDIzNi4xNiAwIDAgMSA0NDggOTkwLjcyYy0xMDYuMjQtNDcuMzYtMjExLjItOTQuNzItMzE2LjgtMTQyLjA4YTIwOC42NCAyMDguNjQgMCAwIDEtNzkuMzYtNTUuMDQgMTkyIDE5MiAwIDAgMS00Mi4yNC0xNDEuNDRjMC0xNy4yOCA0LjQ4LTM1LjIgNy4wNC01NC40bDEwLjg4IDMuODRjMTQxLjQ0IDU2Ljk2IDI4Mi4yNCAxMTQuNTYgNDIzLjY4IDE3MC44OGExMy40NCAxMy40NCAwIDAgMSA5LjYgMTQuMDggMjAzLjUyIDIwMy41MiAwIDAgMCAxOC41NiA5OS4yIDkyLjggOTIuOCAwIDAgMCA5Ni42NCA0OS4yOCAxMzYuMzIgMTM2LjMyIDAgMCAwIDk4LjU2LTcyLjk2IDg1OC4yNCA4NTguMjQgMCAwIDAgNjQtMTQ1LjkyYzYwLjE2LTE1Ni44IDExMy45Mi0zMTYuMTYgMTY2LjQtNDc2LjE2IDUuNzYtMTYgMTAuODgtMzIgMTYtNDguNjR6IG0wIDAiIGZpbGw9IiMxNkEzNEEiIHAtaWQ9IjkwMDQiPjwvcGF0aD48cGF0aCBkPSJNNjQ1Ljc2IDY4OS45MmEzNy43NiAzNy43NiAwIDAgMS01MC41NiAzNS44NGwtMTYzLjg0LTU0LjRhMzkuNjggMzkuNjggMCAwIDEtMjYuMjQtNDAuMzIgMzcuNzYgMzcuNzYgMCAwIDEgMzMuMjgtMzMuMjggNTIuNDggNTIuNDggMCAwIDEgMTkuODQgMGwxNTguMDggNTIuNDhhMzcuNzYgMzcuNzYgMCAwIDEgMjkuNDQgMzcuNzZ6IG02NC0xNTUuNTJhMzUuODQgMzUuODQgMCAwIDEtMTAuMjQgMjYuODggMzYuNDggMzYuNDggMCAwIDEtMjYuODggMTAuODggNDQuMTYgNDQuMTYgMCAwIDEtMTYgMGwtMTU5LjM2LTU0LjRhMzguNCAzOC40IDAgMCAxLTI4LjE2LTQ3LjM2IDM2LjQ4IDM2LjQ4IDAgMCAxIDQyLjg4LTI3LjUyYzE5LjIgNS4xMiAzNy4xMiAxMi4xNiA1NS42OCAxNy45MmwxMDguOCAzNS44NGEzNy43NiAzNy43NiAwIDAgMSAzMC4wOCAzNy4xMnogbTY3Ljg0LTE2Ni40YTM2LjQ4IDM2LjQ4IDAgMCAxLTQwLjk2IDM3LjEyYy0yMy42OC00LjQ4LTQ2LjcyLTExLjUyLTY5Ljc2LTE3LjkybC0xMDIuNC0yNy41MmEzNy4xMiAzNy4xMiAwIDAgMS0zMC4wOC0zMy45MiAzNi40OCAzNi40OCAwIDAgMSAxOC41Ni0zNi40OCA0Mi4yNCA0Mi4yNCAwIDAgMSAzNS4yIDBMNzA0IDMyMGw0NC44IDEyLjE2YTM5LjA0IDM5LjA0IDAgMCAxIDI4LjggMzcuMTJ6IG0tMzgwLjE2IDM5LjA0YTQwLjk2IDQwLjk2IDAgMCAxIDQwLjk2IDQwLjk2IDM5LjY4IDM5LjY4IDAgMCAxLTM4LjQgMzguNCA0MC45NiA0MC45NiAwIDAgMS00Mi44OC0zOC40IDM4LjQgMzguNCAwIDAgMSAzOC40LTM4LjR6IG02NC04MS45MmE0MC4zMiA0MC4zMiAwIDAgMS00MS42LTM5LjA0IDM1Ljg0IDM1Ljg0IDAgMCAxIDExLjUyLTI2Ljg4IDM3Ljc2IDM3Ljc2IDAgMCAxIDI2Ljg4LTEwLjg4IDM5LjY4IDM5LjY4IDAgMCAxIDQyLjI0IDM5LjY4IDM1Ljg0IDM1Ljg0IDAgMCAxLTM5LjA0IDM2LjQ4ek0zMzYgNTU0Ljg4YTM5LjY4IDM5LjY4IDAgMCAxIDQxLjYgMzkuMDQgMzcuNzYgMzcuNzYgMCAwIDEtMTAuODggMjYuODggNDAuMzIgNDAuMzIgMCAwIDEtMjYuMjQgMTAuODggNDAuOTYgNDAuOTYgMCAwIDEtNDQuMTYtMzkuMDQgMzguNCAzOC40IDAgMCAxIDM5LjY4LTM3Ljc2eiBtMCAwIiBmaWxsPSIjMTZBMzRBIiBwLWlkPSI5MDA1Ij48L3BhdGg+PC9zdmc+');
background-size: cover;
background-repeat: no-repeat;
}
.icon-source {
background-image: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSI2NCA2NCA4OTYgODk2IiB3aWR0aD0iNTIiIGhlaWdodD0iNTIiIHN0eWxlPSIiIGZpbHRlcj0ibm9uZSI+CiAgICAKICAgIDxnPgogICAgPHBhdGggZD0iTTkyOCAxNjFINjk5LjJjLTQ5LjEgMC05Ny4xIDE0LjEtMTM4LjQgNDAuN0w1MTIgMjMzbC00OC44LTMxLjNBMjU1LjIgMjU1LjIgMCAwIDAgMzI0LjggMTYxSDk2Yy0xNy43IDAtMzIgMTQuMy0zMiAzMnY1NjhjMCAxNy43IDE0LjMgMzIgMzIgMzJoMjI4LjhjNDkuMSAwIDk3LjEgMTQuMSAxMzguNCA0MC43bDQ0LjQgMjguNmMxLjMuOCAyLjggMS4zIDQuMyAxLjNzMy0uNCA0LjMtMS4zbDQ0LjQtMjguNkM2MDIgODA3LjEgNjUwLjEgNzkzIDY5OS4yIDc5M0g5MjhjMTcuNyAwIDMyLTE0LjMgMzItMzJWMTkzYzAtMTcuNy0xNC4zLTMyLTMyLTMyek00MDQgNTUzLjVjMCA0LjEtMy4yIDcuNS03LjEgNy41SDIxMS4xYy0zLjkgMC03LjEtMy40LTcuMS03LjV2LTQ1YzAtNC4xIDMuMi03LjUgNy4xLTcuNWgxODUuN2MzLjkgMCA3LjEgMy40IDcuMSA3LjV2NDV6bTAtMTQwYzAgNC4xLTMuMiA3LjUtNy4xIDcuNUgyMTEuMWMtMy45IDAtNy4xLTMuNC03LjEtNy41di00NWMwLTQuMSAzLjItNy41IDcuMS03LjVoMTg1LjdjMy45IDAgNy4xIDMuNCA3LjEgNy41djQ1em00MTYgMTQwYzAgNC4xLTMuMiA3LjUtNy4xIDcuNUg2MjcuMWMtMy45IDAtNy4xLTMuNC03LjEtNy41di00NWMwLTQuMSAzLjItNy41IDcuMS03LjVoMTg1LjdjMy45IDAgNy4xIDMuNCA3LjEgNy41djQ1em0wLTE0MGMwIDQuMS0zLjIgNy41LTcuMSA3LjVINjI3LjFjLTMuOSAwLTcuMS0zLjQtNy4xLTcuNXYtNDVjMC00LjEgMy4yLTcuNSA3LjEtNy41aDE4NS43YzMuOSAwIDcuMSAzLjQgNy4xIDcuNXY0NXoiIGZpbGw9InJnYmEoMTI5LDE3OSw1NSwxKSI+PC9wYXRoPgogICAgPC9nPgogIDwvc3ZnPg==');
background-size: cover;
background-repeat: no-repeat;
}
.ic-txt {
background-image: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB0PSIxNzQzNjU5NzY3NTYzIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjI3NDkzIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxwYXRoIGQ9Ik04MzIuODcgMzE1LjYzYzEuMDMtMTcuNTUtNS4xNS0zNS40NC0xOC41Ni00OC44NUw3MDEuMzUgMTUzLjgyYy0xMS42Mi0xNS42Ny0zMC4yNi0yNS44My01MS4yNy0yNS44M0gyNTYuODNjLTI2LjUyIDAtNDkuMjUgMTYuMTgtNTguODggMzkuMjFhNjMuNTYgNjMuNTYgMCAwIDAtNS4wNSAyNC45MVY1NDVoLTI0Ljg4Yy0yMi4wOSAwLTQwIDE3LjkxLTQwIDQwdjE0Mi44YzAgMjIuMDkgMTcuOTEgNDAgNDAgNDBoMjQuODh2NzAuNDhoMC40NmMzLjI2IDMyLjE4IDMwLjQzIDU3LjI5IDYzLjQ3IDU3LjI5aDUxMi4zOXYwLjA2YzM1LjIzIDAgNjMuNzktMjguNTYgNjMuNzktNjMuNzlWMzE5Ljc1YzAuMDEtMS4zOS0wLjA1LTIuNzYtMC4xNC00LjEyek0yMjcuNTIgNjE2LjY3di0zMi41OWgxMDcuNnYzMi41OWgtMzUuODd2MTE2LjE0aC0zNS44N1Y2MTYuNjdoLTM1Ljg2eiBtNTQxLjcgMjE1LjExSDI1Ni43Vjc2Ny44aDQwNi42NGMyMi4wOSAwIDQwLTE3LjkxIDQwLTQwVjU4NWMwLTIyLjA5LTE3LjkxLTQwLTQwLTQwSDI1Ni43VjE5MS43OGgzMjcuNTF2MTIxLjQ1YzAgMzUuMjMgMjguNTYgNjMuNzkgNjMuNzkgNjMuNzloMTIxLjIydjQ1NC43NnogbS00MjUuMDgtMjQ3LjdoNDAuNzlsMjEuMzIgNDEuOTkgMjEuMzItNDEuOTloNDAuNzlsLTQyLjYzIDcyLjQ5IDQ1LjUgNzYuMjVoLTQwLjk5bC0yMy45OC00NS43NS0yMy45OCA0NS43NWgtNDAuOTlsNDUuNS03Ni4yNS00Mi42NS03Mi40OXogbTEzMy4yMiAzMi41OXYtMzIuNTloMTA3LjZ2MzIuNTlINTQ5LjF2MTE2LjE0aC0zNS44N1Y2MTYuNjdoLTM1Ljg3eiBtMjkxLjg2LTMwMy40NEg2NDhWMTkxLjc4aDEuMDlsMTIwLjEzIDEyMC4xM3YxLjMyeiIgZmlsbD0iIzI0QTBDNiIgcC1pZD0iMjc0OTQiPjwvcGF0aD48cGF0aCBkPSJNMzUxLjQ3IDMyMC4yMkg0NzkuMmMxNy43NSAwIDMyLjE0LTE0LjM5IDMyLjE0LTMyLjE0cy0xNC4zOS0zMi4xNC0zMi4xNC0zMi4xNEgzNTEuNDdjLTE3Ljc1IDAtMzIuMTQgMTQuMzktMzIuMTQgMzIuMTQgMCAxNy43NiAxNC4zOSAzMi4xNCAzMi4xNCAzMi4xNHpNNTQzLjk4IDM4NC4wNEgzNTEuNDdjLTE3Ljc1IDAtMzIuMTQgMTQuMzktMzIuMTQgMzIuMTRzMTQuMzkgMzIuMTQgMzIuMTQgMzIuMTRoMTkyLjUxYzE3Ljc1IDAgMzIuMTQtMTQuMzkgMzIuMTQtMzIuMTQtMC4wMS0xNy43NS0xNC40LTMyLjE0LTMyLjE0LTMyLjE0eiIgZmlsbD0iIzI0QTBDNiIgcC1pZD0iMjc0OTUiPjwvcGF0aD48L3N2Zz4=');
background-size: cover;