diff --git a/app/src/main/res/color/color_pay.xml b/app/src/main/res/color/color_pay.xml
new file mode 100644
index 0000000..a9873e5
--- /dev/null
+++ b/app/src/main/res/color/color_pay.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:color="#FF3232" android:state_checked="true"/>
+    <item android:color="#5E7585" android:state_checked="false"/>
+</selector>
\ No newline at end of file
diff --git a/app/src/main/res/drawable-xxhdpi/check_red.png b/app/src/main/res/drawable-xxhdpi/check_red.png
new file mode 100644
index 0000000..a91ec7c
Binary files /dev/null and b/app/src/main/res/drawable-xxhdpi/check_red.png differ
diff --git a/app/src/main/res/drawable-xxhdpi/pay_cash_checked.png b/app/src/main/res/drawable-xxhdpi/pay_cash_checked.png
new file mode 100644
index 0000000..f5abbe5
Binary files /dev/null and b/app/src/main/res/drawable-xxhdpi/pay_cash_checked.png differ
diff --git a/app/src/main/res/drawable-xxhdpi/pay_cash_normal.png b/app/src/main/res/drawable-xxhdpi/pay_cash_normal.png
new file mode 100644
index 0000000..e0e3d4c
Binary files /dev/null and b/app/src/main/res/drawable-xxhdpi/pay_cash_normal.png differ
diff --git a/app/src/main/res/drawable-xxhdpi/pay_face_checked.png b/app/src/main/res/drawable-xxhdpi/pay_face_checked.png
new file mode 100644
index 0000000..5b7c1b6
Binary files /dev/null and b/app/src/main/res/drawable-xxhdpi/pay_face_checked.png differ
diff --git a/app/src/main/res/drawable-xxhdpi/pay_face_normal.png b/app/src/main/res/drawable-xxhdpi/pay_face_normal.png
new file mode 100644
index 0000000..eb3322e
Binary files /dev/null and b/app/src/main/res/drawable-xxhdpi/pay_face_normal.png differ
diff --git a/app/src/main/res/drawable-xxhdpi/pay_number_checked.png b/app/src/main/res/drawable-xxhdpi/pay_number_checked.png
new file mode 100644
index 0000000..b4772cf
Binary files /dev/null and b/app/src/main/res/drawable-xxhdpi/pay_number_checked.png differ
diff --git a/app/src/main/res/drawable-xxhdpi/pay_number_normal.png b/app/src/main/res/drawable-xxhdpi/pay_number_normal.png
new file mode 100644
index 0000000..c474c71
Binary files /dev/null and b/app/src/main/res/drawable-xxhdpi/pay_number_normal.png differ
diff --git a/app/src/main/res/drawable-xxhdpi/pay_qrcode_checked.png b/app/src/main/res/drawable-xxhdpi/pay_qrcode_checked.png
new file mode 100644
index 0000000..dd68a49
Binary files /dev/null and b/app/src/main/res/drawable-xxhdpi/pay_qrcode_checked.png differ
diff --git a/app/src/main/res/drawable-xxhdpi/pay_qrcode_normal.png b/app/src/main/res/drawable-xxhdpi/pay_qrcode_normal.png
new file mode 100644
index 0000000..2b92cb7
Binary files /dev/null and b/app/src/main/res/drawable-xxhdpi/pay_qrcode_normal.png differ
diff --git a/app/src/main/res/drawable/bg_pay_icon.xml b/app/src/main/res/drawable/bg_pay_icon.xml
new file mode 100644
index 0000000..9c84482
--- /dev/null
+++ b/app/src/main/res/drawable/bg_pay_icon.xml
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+
+    <item android:state_checked="false">
+        <shape android:shape="rectangle">
+            <corners android:radius="8dp"/>
+            <solid android:color="#F4FAFF"/>
+            <stroke android:color="@color/white" android:width="2dp"/>
+        </shape>
+    </item>
+    <item android:state_checked="true">
+        <layer-list>
+            <item>
+                <shape android:shape="rectangle">
+                    <corners android:radius="8dp"/>
+                    <solid android:color="#FFF0F0"/>
+                    <stroke android:color="#FF3232" android:width="2dp"/>
+                </shape>
+            </item>
+            <item android:width="32dp" android:height="32dp" android:gravity="bottom|end">
+                <bitmap android:src="@drawable/check_red"/>
+            </item>
+        </layer-list>
+    </item>
+
+</selector>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/pay_cash.xml b/app/src/main/res/drawable/pay_cash.xml
new file mode 100644
index 0000000..4934979
--- /dev/null
+++ b/app/src/main/res/drawable/pay_cash.xml
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:state_checked="false" >
+        <layer-list>
+            <item android:width="60dp" android:height="60dp">
+                <bitmap android:src="@drawable/pay_cash_normal" />
+            </item>
+        </layer-list>
+    </item>
+    <item android:state_checked="true">
+        <layer-list>
+            <item android:width="60dp" android:height="60dp">
+                <bitmap android:src="@drawable/pay_cash_checked" />
+            </item>
+        </layer-list>
+    </item>
+</selector>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/pay_face.xml b/app/src/main/res/drawable/pay_face.xml
new file mode 100644
index 0000000..674dc4c
--- /dev/null
+++ b/app/src/main/res/drawable/pay_face.xml
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:state_checked="false" >
+        <layer-list>
+            <item android:width="60dp" android:height="60dp">
+                <bitmap android:src="@drawable/pay_face_normal" />
+            </item>
+        </layer-list>
+    </item>
+    <item android:state_checked="true">
+        <layer-list>
+            <item android:width="60dp" android:height="60dp">
+                <bitmap android:src="@drawable/pay_face_checked" />
+            </item>
+        </layer-list>
+    </item>
+</selector>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/pay_number.xml b/app/src/main/res/drawable/pay_number.xml
new file mode 100644
index 0000000..75cd755
--- /dev/null
+++ b/app/src/main/res/drawable/pay_number.xml
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:state_checked="false" >
+        <layer-list>
+            <item android:width="60dp" android:height="60dp">
+                <bitmap android:src="@drawable/pay_number_normal" />
+            </item>
+        </layer-list>
+    </item>
+    <item android:state_checked="true">
+        <layer-list>
+            <item android:width="60dp" android:height="60dp">
+                <bitmap android:src="@drawable/pay_number_checked" />
+            </item>
+        </layer-list>
+    </item>
+</selector>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/pay_qrcode.xml b/app/src/main/res/drawable/pay_qrcode.xml
new file mode 100644
index 0000000..7dff941
--- /dev/null
+++ b/app/src/main/res/drawable/pay_qrcode.xml
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:state_checked="false" >
+        <layer-list>
+            <item android:width="60dp" android:height="60dp">
+                <bitmap android:src="@drawable/pay_qrcode_normal" />
+            </item>
+        </layer-list>
+    </item>
+    <item android:state_checked="true">
+        <layer-list>
+            <item android:width="60dp" android:height="60dp">
+                <bitmap android:src="@drawable/pay_qrcode_checked" />
+            </item>
+        </layer-list>
+    </item>
+</selector>
\ No newline at end of file
diff --git a/app/src/main/res/layout/activity_pay.xml b/app/src/main/res/layout/activity_pay.xml
new file mode 100644
index 0000000..d1cfb38
--- /dev/null
+++ b/app/src/main/res/layout/activity_pay.xml
@@ -0,0 +1,95 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:background="#E7EFF8"
+    android:orientation="vertical">
+
+    <Space
+        android:layout_width="wrap_content"
+        android:layout_height="0dp"
+        android:layout_weight="1" />
+
+    <LinearLayout
+        android:layout_width="match_parent"
+        android:layout_height="167dp"
+        android:layout_gravity="bottom"
+        android:layout_marginHorizontal="32dp"
+        android:layout_marginBottom="64dp"
+        android:gravity="center_vertical"
+        android:orientation="horizontal">
+
+        <androidx.appcompat.widget.AppCompatCheckedTextView
+            android:id="@+id/btnPayQrCode"
+            android:layout_width="0dp"
+            android:layout_height="match_parent"
+            android:layout_weight="1"
+            android:background="@drawable/bg_pay_icon"
+            android:checked="true"
+            android:drawablePadding="10dp"
+            android:gravity="center_horizontal"
+            android:paddingTop="30dp"
+            android:text="在线支付"
+            android:textAlignment="center"
+            android:textColor="@color/color_pay"
+            android:textSize="30sp"
+            android:textStyle="bold"
+            app:drawableTopCompat="@drawable/pay_qrcode" />
+
+        <androidx.appcompat.widget.AppCompatCheckedTextView
+            android:id="@+id/btnPayCash"
+            android:layout_width="0dp"
+            android:layout_height="match_parent"
+            android:layout_marginStart="32dp"
+            android:layout_weight="1"
+            android:background="@drawable/bg_pay_icon"
+            android:checked="false"
+            android:drawablePadding="10dp"
+            android:gravity="center_horizontal"
+            android:paddingTop="30dp"
+            android:text="现金"
+            android:textAlignment="center"
+            android:textColor="@color/color_pay"
+            android:textSize="30sp"
+            android:textStyle="bold"
+            app:drawableTopCompat="@drawable/pay_cash" />
+
+        <androidx.appcompat.widget.AppCompatCheckedTextView
+            android:id="@+id/btnPayNumber"
+            android:layout_width="0dp"
+            android:layout_height="match_parent"
+            android:layout_marginStart="32dp"
+            android:layout_weight="1"
+            android:background="@drawable/bg_pay_icon"
+            android:checked="false"
+            android:drawablePadding="11dp"
+            android:gravity="center_horizontal"
+            android:paddingTop="30dp"
+            android:text="消费码"
+            android:textAlignment="center"
+            android:textColor="@color/color_pay"
+            android:textSize="30sp"
+            android:textStyle="bold"
+            app:drawableTopCompat="@drawable/pay_number" />
+
+        <androidx.appcompat.widget.AppCompatCheckedTextView
+            android:id="@+id/btnPayFace"
+            android:layout_width="0dp"
+            android:layout_height="match_parent"
+            android:layout_marginStart="32dp"
+            android:layout_weight="1"
+            android:background="@drawable/bg_pay_icon"
+            android:checked="false"
+            android:drawablePadding="11dp"
+            android:gravity="center_horizontal"
+            android:paddingTop="30dp"
+            android:text="刷脸"
+            android:textAlignment="center"
+            android:textColor="@color/color_pay"
+            android:textSize="30sp"
+            android:textStyle="bold"
+            app:drawableTopCompat="@drawable/pay_face" />
+    </LinearLayout>
+
+</LinearLayout>
\ No newline at end of file