diff --git a/src/main/ui/static/images/act/heart_gray.png b/src/main/ui/static/images/act/heart_gray.png
new file mode 100644
index 000000000..f23fa7c19
Binary files /dev/null and b/src/main/ui/static/images/act/heart_gray.png differ
diff --git a/src/main/ui/static/images/act/heart_red.png b/src/main/ui/static/images/act/heart_red.png
new file mode 100644
index 000000000..a81e354db
Binary files /dev/null and b/src/main/ui/static/images/act/heart_red.png differ
diff --git a/src/main/ui/static/templates/payment/payment.css b/src/main/ui/static/templates/payment/payment.css
index dd5055f81..e32c60cf9 100644
--- a/src/main/ui/static/templates/payment/payment.css
+++ b/src/main/ui/static/templates/payment/payment.css
@@ -1,4 +1,3 @@
-
 body {
     -webkit-touch-callout: none;
     -webkit-user-select: none;
@@ -582,4 +581,14 @@ input {
 
 .weui_dialog {
     border-radius: 5px;
+}
+
+
+.actCharity-red{
+    color: #FB5252;
+    display: inline;
+}
+
+.actCharity{
+    display: inline;
 }
\ No newline at end of file
diff --git a/src/main/ui/static/templates/payment/v1/payment.css b/src/main/ui/static/templates/payment/v1/payment.css
index 733c2cb1f..c61863f70 100644
--- a/src/main/ui/static/templates/payment/v1/payment.css
+++ b/src/main/ui/static/templates/payment/v1/payment.css
@@ -462,4 +462,14 @@ input.value:focus {
     float: right;
     display: block;
     cursor: pointer;
+}
+
+
+.actCharity-red{
+    color: #FB5252;
+    display: inline;
+}
+
+.actCharity{
+    display: inline;
 }
\ No newline at end of file