diff --git a/app/Classes/ValueObjects/Constants/BankAccountType.php b/app/Classes/ValueObjects/Constants/BankAccountType.php
index c1ae288e..0393091f 100644
--- a/app/Classes/ValueObjects/Constants/BankAccountType.php
+++ b/app/Classes/ValueObjects/Constants/BankAccountType.php
@@ -8,6 +8,8 @@ final class BankAccountType {
 
     public const EXTERNAL = 2;
 
-    public const ALIPAY= 3;
+    public const ALIPAY_1688 = 3;
+
+    public const ALIPAY_RECIPIENT = 4;
 
 }
diff --git a/app/Console/Commands/DeleteDuplicate1688BankAccount.php b/app/Console/Commands/DeleteDuplicate1688BankAccount.php
new file mode 100644
index 00000000..57b65733
--- /dev/null
+++ b/app/Console/Commands/DeleteDuplicate1688BankAccount.php
@@ -0,0 +1,75 @@
+<?php
+
+namespace App\Console\Commands;
+
+use App\Models\Bank;
+use App\Models\Booking;
+use Illuminate\Console\Command;
+use Carbon\Carbon;
+use Illuminate\Support\Facades\Log;
+
+class DeleteDuplicate1688BankAccount extends Command
+{
+    /**
+     * The name and signature of the console command.
+     *
+     * @var string
+     */
+    protected $signature = 'banks:deleteDuplicate1688Account';
+
+    /**
+     * The console command description.
+     *
+     * @var string
+     */
+    protected $description = 'Delete duplicate 1688 account in banks table';
+
+    /**
+     * Create a new command instance.
+     *
+     * @return void
+     */
+    public function __construct()
+    {
+        parent::__construct();
+    }
+
+    /**
+     * Execute the console command.
+     *
+     * @return int
+     */
+    public function handle()
+    {
+        // account_no: 1688 LOGIN ID/EMAIL/PHONE
+        // holder_name: password
+        // bank_branch: 6-digit pin
+
+        $records = Bank::where('type', 3)->get();
+
+        $groupedBanks = $records->groupBy(function($item, $key) {
+            return $item['company_id'] . '-' . $item['account_no'];
+        });
+        
+        foreach ($groupedBanks as $key => $banksWithSameUserAndAccountNo) {
+            // Sort banks by created_at or updated_at to find the latest one
+            $sortedBanks = $banksWithSameUserAndAccountNo->sortByDesc('created_at');
+        
+            // Retain the latest bank
+            $latestBank = $sortedBanks->first();
+        
+            // Get all IDs except the latest one
+            $idsToDelete = $sortedBanks->pluck('id')->slice(1);
+
+            foreach ($idsToDelete as $id) {
+                Booking::where('bank_id', $id)->update([
+                    'bank_id' => $latestBank->id
+                ]);
+            }
+        
+            $this->info('for company id: ' . $latestBank->company_id . ', account no: ' . $latestBank->account_no . ', duplicated id: ' . $idsToDelete);
+            // Delete the rest
+            Bank::whereIn('id', $idsToDelete)->delete();
+        }
+    }
+}
diff --git a/app/Http/Resources/CompanyResource.php b/app/Http/Resources/CompanyResource.php
index eff2bd1b..a8103e8b 100644
--- a/app/Http/Resources/CompanyResource.php
+++ b/app/Http/Resources/CompanyResource.php
@@ -56,7 +56,7 @@ class CompanyResource extends JsonResource
             'last_payment' => $lastPayment ? $lastPayment->created_at->diffForHumans() : 'No Payments',
             'personal_banks' => BankResource::collection($this->banks->where('type', BankAccountType::PERSONAL)),
             'recipient_banks' => [
-                'accounts' => BankResource::collection($this->banks->where('type', BankAccountType::EXTERNAL)),
+                'accounts' => BankResource::collection($this->banks->whereIn('type', [BankAccountType::EXTERNAL, BankAccountType::ALIPAY_1688, BankAccountType::ALIPAY_RECIPIENT])),
                 'default' => new BankResource($this->banks->where('type', BankAccountType::EXTERNAL)->where('default', true)->first())
             ],
             'segments' => SegmentResource::collection($this->segments),
diff --git a/public/images/alipay_logo.png b/public/images/alipay_logo.png
new file mode 100644
index 00000000..5bd88d72
Binary files /dev/null and b/public/images/alipay_logo.png differ
diff --git a/resources/assets/vue/components/banks/elements/BankAccountComponent.vue b/resources/assets/vue/components/banks/elements/BankAccountComponent.vue
index 0585e4aa..54d01e04 100644
--- a/resources/assets/vue/components/banks/elements/BankAccountComponent.vue
+++ b/resources/assets/vue/components/banks/elements/BankAccountComponent.vue
@@ -11,7 +11,7 @@
         <div class="col-5">
             <div class="row">
                 <div class="col-auto p-r-10">
-                    <div class="font-heading all-caps fs-11">{{item.type === 2 ? item.reference : item.company_business_type === 1 ? 'Company\'s Bank Account' : 'Personal Bank Account'}}</div>
+                    <div class="font-heading all-caps fs-11">{{item.type === 2 ? item.reference : item.type === 4 ? 'Alipay' : item.company_business_type === 1 ? 'Company\'s Bank Account' : 'Personal Bank Account'}}</div>
                 </div>
                 <div class="col-auto p-l-0">
                     <div class="bg-success-light fs-7 all-caps text-white b-rad-sm lh-18 p-l-10 p-r-10" v-if="item.company_business_type !== 1 && item.default">default</div>
diff --git a/resources/assets/vue/components/banks/forms/AlipayAccountFormComponent.vue b/resources/assets/vue/components/banks/forms/AlipayAccountFormComponent.vue
new file mode 100644
index 00000000..e1d71d62
--- /dev/null
+++ b/resources/assets/vue/components/banks/forms/AlipayAccountFormComponent.vue
@@ -0,0 +1,127 @@
+<template>
+    <div class="row">
+        <div class="col">
+            <loading-component style="height: 50px; top: 0;" key="1" color="success" v-show="$store.getters.isLoading(section)"></loading-component>
+            <div class="row" v-show="!$store.getters.isLoading(section)">
+                <div class="col">
+                    <div class="row m-b-5 animate__animated animate__fadeInUpBig animate__fast" v-if="error">
+                        <div class="col">
+                            <small class="bold fs-10 text-danger">{{error}}</small>
+                        </div>
+                    </div>
+                    <div class="row m-b-10">
+                        <div class="col">
+                            <validation-wrapper-component :validator="$v.parameters.account_no">
+                                <label>ALIPAY Account No.</label>
+                                <input type="text" class="form-control" v-model="parameters.account_no" :disabled="disabled">
+                            </validation-wrapper-component>
+                        </div>
+                    </div>
+                    <div class="row m-b-10">
+                        <div class="col">
+                            <validation-wrapper-component :validator="$v.parameters.holder_name">
+                                <label>ALIPAY Account Holder Name</label>
+                                <input type="text" class="form-control" v-model="parameters.holder_name" @keyup="onlyChinese($event)" :disabled="disabled">
+                            </validation-wrapper-component>
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="col p-r-5">
+                            <div class="btn btn-sm btn-default bg-master-lightest btn-block b-rad-none" :data-dismiss="closable ? 'modal' : ''" @click="$emit('close')">{{disabled ? 'Change Recipient Account' : 'Cancel'}}</div>
+                        </div>
+                        <div class="col p-l-5" v-if="!disabled">
+                            <button class="btn btn-sm btn-success btn-block b-rad-none" @click="submitForm()">Add Account</button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+<script>
+    import FormHandler from '../../../general/mixins/formHandler';
+    import { required, requiredIf } from "vuelidate/lib/validators";
+    export default {
+        props : {
+            company_id: {
+                type: Number,
+                default: 1
+            },
+            type: {
+                type: Number,
+                default: 1
+            },
+            closable: {
+                type: Boolean,
+                default: true
+            },
+            disabled: {
+                type: Boolean,
+                default: false
+            },
+            country_id: {
+                type: Number,
+                default: 1
+            },
+            serviceType: {
+                type: Object,
+                required: false,
+                default: null
+            }
+        },
+        data(){
+            return {
+                parameters: {
+                    company_id: this.company_id,
+                    account_type: 4,
+                    reference: '',
+                    bank_name: '-',
+                    holder_name: '',
+                    account_no: '',
+                    bank_branch: '',
+                    country_id: this.country_id,
+                },
+                englishTextWarning: false,
+                confirmProceedEnglishText: false,
+            }
+        },
+        validations: {
+            parameters: {
+                holder_name: {
+                    required
+                },
+                account_no: {
+                    required
+                },
+            }
+        },
+        methods: {
+            submitForm(){
+                this.parameters.account_type = 4;
+                this.parameters.bank_name = '-';
+                this.submit(route('api.bank.create'), 'post', this.section, true, false);
+            },
+            successHandler(response){
+                this.type !== 2 ? this.closeModal() : this.$emit('createdBank', response.payload.data);
+                this.formHandler();
+                this.resetForm();
+            },
+            errorHandler(error){
+                this.formHandler(error.message);
+            },
+            onlyChinese(event){
+                let value = event.target.value,
+                    regex = /^[^~`!@#$%^&*()_+=[\]\{}|;':",.\/<>?a-zA-Z0-9-]+$/;
+
+                event.preventDefault();
+
+                this.englishTextWarning = false;
+                if(regex.test(value) === false){
+                    this.englishTextWarning = true;
+                }
+            },
+        },
+        mixins: [FormHandler]
+
+    }
+</script>
\ No newline at end of file
diff --git a/resources/assets/vue/components/bookings/elements/BookingConfirmationComponent.vue b/resources/assets/vue/components/bookings/elements/BookingConfirmationComponent.vue
index 84cba3e6..3e19e8e3 100644
--- a/resources/assets/vue/components/bookings/elements/BookingConfirmationComponent.vue
+++ b/resources/assets/vue/components/bookings/elements/BookingConfirmationComponent.vue
@@ -100,12 +100,14 @@
                                                             </div>
                                                         </div>
                                                     </div>
-                                                    <div class="row" v-show="!createBank">
+                                                    <div class="row" v-show="!createBank && !existingBank">
                                                         <div class="col-7 p-r-0">
                                                             <div class="row" id="select-list" name="select-list">
                                                                 <div class="col">
                                                                     <div class="form-group no-margin form-group-default">
-                                                                        <label>{{ isOneSizEightEightOrder ? '1688 Login Id/Email/Phone' : 'Account No.' }}</label>
+                                                                        <label v-if="isOneSizEightEightOrder">1688 Login Id/Email/Phone</label>
+                                                                        <label v-else-if="isAlipayOrder">ALIPAY Account No.</label>
+                                                                        <label v-else>Account No.</label>
                                                                         <input type="text" class="form-control" v-model="account_no" @keyup="parameters.bankAccount = {}" @focus="dropdownStatus = true">
                                                                     </div>
                                                                 </div>
@@ -116,7 +118,7 @@
                                                                         <div class="absolute w-100 b-l b-b b-r b-grey" :class="[{'hide': !dropdownStatus}]" style="top: 100%; right: 0; z-index: 1;">
                                                                             <div class="row text-left no-margin bg-white">
                                                                                 <div class="col no-padding">
-                                                                                    <div class="row no-margin"  v-for="bank in data.recipientBanks.filter(AccountNumber)" v-bind:key="bank.id" >
+                                                                                    <div class="row no-margin"  v-for="bank in data.recipientBanks.filter(bank => filterBankType.includes(bank.type)).filter(AccountNumber)" v-bind:key="bank.id" >
                                                                                         <div id="select-option" name="select-option" class="col b-b b-grey p-t-10 p-b-10 pointer  p-t-10 p-b-10" :class="[{'bg-master-lightest': parameters.bankAccount.id === bank.id}, {'text-master': parameters.bankAccount.id === bank.id}, {'hover-primary': parameters.bankAccount.id !== bank.id}, {'pointer': parameters.bankAccount.id !== bank.id}]" @click="selectBank(bank)">
                                                                                             <div class="row align-items-center justify-content-center">
                                                                                                 <div class="col">
@@ -142,16 +144,17 @@
                                                             </div>
                                                         </div>
                                                         <div class="col-auto p-l-0" v-show="!createBank && account_no && !Object.keys(parameters.bankAccount).length">
-                                                            <button class="btn btn-sm h-100 btn-primary b-rad-none all-caps" @click="createBank = !createBank; dropdownStatus = false">
+                                                            <button class="btn btn-sm h-100 btn-primary b-rad-none all-caps" @click="createBank = true; existingBank = false; dropdownStatus = false">
                                                                 <i class="fa fa-plus m-r-5"></i>
                                                                 Create New
                                                             </button>
                                                         </div>
                                                     </div>
-                                                    <div class="row" v-show="createBank">
+                                                    <div class="row" v-show="createBank || existingBank">
                                                         <div class="col">
-                                                            <bank-account-form-component v-if="!isOneSizEightEightOrder" section="customerProfileSection" :disabled="formDisabled" :data="Object.keys(parameters.bankAccount).length ? parameters.bankAccount  : {account_no: account_no, company_id: data.company.id, country_id: 2, account_type: 2}" :company_id="data.company.id" :country_id="2" :type="2" :currency="data.serviceType.selectedCurrency.short_code" v-on:createdBank="updateBank($event)" :serviceType="data.serviceType" :closable=false v-on:close="clearAccount()"></bank-account-form-component>
+                                                            <bank-account-form-component v-if="!isOneSizEightEightOrder && !isAlipayOrder" section="customerProfileSection" :disabled="formDisabled" :data="Object.keys(parameters.bankAccount).length ? parameters.bankAccount  : {account_no: account_no, company_id: data.company.id, country_id: 2, account_type: 2}" :company_id="data.company.id" :country_id="2" :type="2" :currency="data.serviceType.selectedCurrency.short_code" v-on:createdBank="updateBank($event)" :serviceType="data.serviceType" :closable=false v-on:close="clearAccount()"></bank-account-form-component>
                                                             <phone-account-form-component v-if="isOneSizEightEightOrder" section="customerProfileSection" :disabled="formDisabled" :data="Object.keys(parameters.bankAccount).length ? parameters.bankAccount  : {account_no: account_no, company_id: data.company.id, country_id: 2, account_type: 2}" :company_id="data.company.id" :country_id="2" :type="2" v-on:createdBank="updateBank($event)" :serviceType="data.serviceType" :closable=false v-on:close="clearAccount()"></phone-account-form-component>
+                                                            <alipay-account-form-component v-if="isAlipayOrder" section="customerProfileSection" :disabled="formDisabled" :data="Object.keys(parameters.bankAccount).length ? parameters.bankAccount  : {account_no: account_no, company_id: data.company.id, country_id: 2, account_type: 2}" :company_id="data.company.id" :country_id="2" :type="2" v-on:createdBank="updateBank($event)" :serviceType="data.serviceType" :closable=false v-on:close="clearAccount()"></alipay-account-form-component>
                                                         </div>
                                                     </div>
                                                 </div>
@@ -315,6 +318,7 @@
         data(){
           return {
               createBank: false,
+              existingBank: false,
               recipientBanks: [],
               dropdownStatus: false,
               account_no: '',
@@ -323,12 +327,36 @@
               oneSixEightEightServiceIds: [4, 10],
           }
         },
+        watch: {
+            'data.serviceType.id': function() {
+                this.clearAccount();
+            }
+        },
         computed: {
           formDisabled(){
-              return !!Object.keys(this.parameters.bankAccount).length;
+              return this.existingBank;
           },
           isOneSizEightEightOrder() {
             return this.oneSixEightEightServiceIds.includes(this.data.serviceType.id);
+          },
+          isAlipayOrder() {
+            return this.data.serviceType.id === 11;
+          },
+          filterBankType() {
+            if (this.isAlipayOrder) {
+                return [4];
+            }
+
+            if (this.isOneSizEightEightOrder) {
+                return [3];
+            }
+
+            if (!this.isAlipayOrder && !this.isOneSizEightEightOrder) {
+                return [1, 2];
+            }
+
+
+            return [];
           }
         },
         created(){
@@ -345,12 +373,14 @@
             },
             selectBank(bank){
                 this.account_no = bank.account_no;
-                this.createBank = true;
+                this.createBank = false;
+                this.existingBank = true;
                 this.parameters.bankAccount = bank;
                 this.dropdownStatus = false;
             },
             clearAccount(){
                 this.createBank = false;
+                this.existingBank = false;
                 this.account_no = '';
                 this.parameters.bankAccount = {};
             }
diff --git a/resources/assets/vue/components/bookings/forms/BookingPaymentQuotationComponent.vue b/resources/assets/vue/components/bookings/forms/BookingPaymentQuotationComponent.vue
index 10246745..a3116164 100644
--- a/resources/assets/vue/components/bookings/forms/BookingPaymentQuotationComponent.vue
+++ b/resources/assets/vue/components/bookings/forms/BookingPaymentQuotationComponent.vue
@@ -61,7 +61,8 @@
                     <div class="row align-items-center">
                         <div class="col-auto p-r-0">
                             <img v-if="item.service.id === 4" src="/images/1688_logo.png" alt="" width="40">
-                            <div v-if="item.service.id !== 4" class="padding-5 bg-master-light">
+                            <img v-else-if="item.service.id === 11" src="/images/alipay_logo.png" alt="" width="40">
+                            <div v-else class="padding-5 bg-master-light">
                                 <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
                                      width="30" height="30"
                                      viewBox="0 0 172 172"
@@ -71,10 +72,10 @@
                         <div class="col-auto">
                             <div class="row">
                                 <div class="col-auto p-r-10">
-                                    <div class="font-heading fs-12">{{item.bank.holder_name}} <span class="text-complete m-l-5 bold">{{item.bank.type === 3 ? item.bank.account_no : item.bank.account_no.replace(/[^\dA-Z]/g, '').replace(/(.{4})/g, '$1 ').trim()}}</span></div>
+                                    <div class="font-heading fs-12">{{item.bank.holder_name}} <span class="text-complete m-l-5 bold">{{[3, 4].includes(item.bank.type) ? item.bank.account_no : item.bank.account_no.replace(/[^\dA-Z]/g, '').replace(/(.{4})/g, '$1 ').trim()}}</span></div>
                                 </div>
                             </div>
-                            <div class="row" v-if="item.bank.type !== 3 ">
+                            <div class="row" v-if="![3, 4].includes(item.bank.type)">
                                 <div class="col-auto p-r-10">
                                     <div class="font-heading fs-10 small">{{item.bank.bank_name}} <span class="m-l-5">({{item.bank.bank_branch}})</span> <span class="m-l-5">({{item.bank.swift}})</span></div>
                                 </div>
diff --git a/resources/assets/vue/components/companies/elements/CompanyBankAccountComponent.vue b/resources/assets/vue/components/companies/elements/CompanyBankAccountComponent.vue
index 913dd328..1b911592 100644
--- a/resources/assets/vue/components/companies/elements/CompanyBankAccountComponent.vue
+++ b/resources/assets/vue/components/companies/elements/CompanyBankAccountComponent.vue
@@ -11,7 +11,7 @@
         <div class="col-4">
             <div class="row">
                 <div class="col-auto p-r-10">
-                    <div class="font-heading all-caps fs-11">{{item.type === 2 ? item.reference : item.company_business_type === 1 ? 'Company\'s Bank Account' : 'Personal Bank Account'}}</div>
+                    <div class="font-heading all-caps fs-11">{{item.type === 2 ? item.reference : item.type === 4 ? 'Alipay' : item.company_business_type === 1 ? 'Company\'s Bank Account' : 'Personal Bank Account'}}</div>
                 </div>
             </div>
             <div class="row">