<!DOCTYPE html>
<html lang="zh-HK" xml:lang="zh-HK" data-wf-page="5d898fc45fc1b7981be761ba"
data-wf-site="5d898fc45fc1b7616ce761b9"
>
<head>
<meta charset="utf-8">
<title>主頁|香港地產發展商 | Hip Shing Hong 協成行</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta content="主頁|香港地產發展商 | Hip Shing Hong 協成行" property="og:title">
<meta content="協成行作為實力雄厚的私營香港地產發展商之一,銳意為家庭與企業提供優質家居和辦公環境。作為地產開發商,物業遍佈香港及九龍各區,涵蓋寫字樓、工商大廈、住宅、酒店及服務式住宅等項目。立即點擊了解更多!" property="og:description">
<meta content="/assets/images/hsh.svg" property="og:image">
<meta content="主頁|香港地產發展商 | Hip Shing Hong 協成行" property="twitter:title">
<meta content="" name="keywords">
<meta content="協成行作為實力雄厚的私營香港地產發展商之一,銳意為家庭與企業提供優質家居和辦公環境。作為地產開發商,物業遍佈香港及九龍各區,涵蓋寫字樓、工商大廈、住宅、酒店及服務式住宅等項目。立即點擊了解更多!" name="description">
<meta name="author" content="Website design and built by FirmStudio (www.firmstudio.com)">
<meta name="copyright" content="版權所有 ©2025 Hip Shing Hong 協成行">
<meta http-equiv="Content-Security-Policy" content="frame-ancestors 'none';">
<!-- Google tag (gtag.js) -->
<script async src=https://www.googletagmanager.com/gtag/js?id=G-HVNTS5S29S></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-HVNTS5S29S'); </script>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-T8LDG8MC');</script>
<!-- End Google Tag Manager -->
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src=https://www.googletagmanager.com/ns.html?id=GTM-T8LDG8MC
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<script type="text/javascript" src="/assets/js/jquery.js" ></script>
<script type="text/javascript" src="/assets/js/swiper.min.js"></script>
<script type="text/javascript" src="/assets/js/hsh.js"></script>
<script type="text/javascript" src="/assets/js/map.js"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;900&family=Noto+Sans+TC:wght@300;400;500;600;700;900&family=Noto+Sans+SC:wght@300;400;500;600;700;900&display=swap" rel="stylesheet">
<link type="text/css" rel="stylesheet" href="/assets/css/hsh.css" />
<link type="text/css" rel="stylesheet" href="/assets/css/swiper.min.css" />
<link href="/assets/images/favicon.png" rel="shortcut icon" type="image/x-icon">
<link href="/assets/images/webclip.png" rel="apple-touch-icon">
<script>
var googleMapKey = 'AIzaSyCDXbxogRlTg-_SmujnuvbmuPT4zy7Csk4';
</script>
</head>
<style>
a[href=""] img{
cursor: default;
}
.youtube_overlay{
position: fixed;
background: rgba(0, 0, 0, 0.5);
top: 0;
left: 0;
height: 100vh;
width: 100vw;
z-index: 999;
}
.close{
padding: 20px 40px;
color: white;
font-size: 25px;
flex-direction: flex-end;
display: flex;
justify-content: flex-end;
cursor: pointer;
}
.youtube_player{
display: flex;
justify-content: center;
width: 100%;
height: 100%;
}
.video-container {
position: relative;
padding-bottom: 42%; /* 16:9 */
height: 0;
width:65%;
}
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.hide{
display: none;
}
#trigger_youtube{
cursor:pointer;
}
</style>
<style>
a[href=""] img {
cursor: default;
}
.pop_up_overlay{
position: fixed;
display: flex;
justify-content: center;
align-items: center;
width:100vw;
height:100vh;
top: 0;
left: 0;
background-color: rgba(0,0,0,0.5);
z-index:1000;
transition: all 1s ease-out;
}
.pop_up_container{
max-height: 90vh;
width:50%;
background-color:white;
padding-bottom:10px;
border-radius: 10px;
z-index:1001;
transition: all 1s ease-out;
}
.pop_up_button{
display: flex;
justify-content: center
}
.hsh_link:after {
content: "";
display: block;
position: absolute;
width: 20px;
height: 100%;
top: 0%;
right: 20px;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
filter: brightness(0) invert(1);
transition: 0.3s right ease, 0.3s filter ease;
}
.pop_up_close{
padding:20px 20px 0px;
display: flex;
justify-content: flex-end;
font-size: 25px;
cursor:pointer;
}
.hide{
display: none;
transition: all 1s ease-out;
}
.pop_img{
max-height: 40vh;
width: 100%;
}
</style>
<script>
$( document ).ready(function() {
$("#open_pop_up").click(function(){
$("#pop_up").removeClass('hide');
})
$("#close_pop").click(function(){
$("#pop_up").addClass('hide');
})
});
</script>
<body>
<main class="hsh_banner_page">
<div style="display:none" class="seo">
<h1>協成行</h1>
</div>
<script>
function initSwitchLang() {
if (window.location.pathname.substring(1,8) == "preview") {
$("a[data-lang]").each(function () {
$(this).attr("href", "/preview/" + $(this).attr("data-lang")
+ window.location.pathname.substring(11)
+ window.location.search
+ window.location.hash);
});
} else {
$("a[data-lang]").each(function () {
$(this).attr("href", "/" + $(this).attr("data-lang")
+ window.location.pathname.substring(3)
+ window.location.search
+ window.location.hash);
});
}
}
$(document).on('touchstart click',".search_keyword", function(e){
e.preventDefault();
var keyword = $(this).html();
$("[name='search']").val(keyword);
})
</script>
<header class="hsh_head js-head">
<div class="hsh_main">
<div class="hsh_head_nav">
<div class="hsh_head_logo">
<a href="/tc/home"><img src="/assets/images/hsh.svg" alt="HSH" /></a>
</div>
<div class="hsh_head_menu">
<a onclick="initSwitchLang()" data-lang="en" class="hsh_head_lang">EN</a>
<a onclick="initSwitchLang()" data-lang="sc" class="hsh_head_lang">简</a>
<span class="hsh_head_sep"></span>
<a aria-label="Search" class="hsh_btn hsh_btn--search js-search_toggle"></a>
<a aria-label="Main Menu" class="hsh_btn hsh_btn--menu js-menu_toggle"></a>
</div>
</div>
</div>
</header>
<section class="hsh_menu js-menu">
<div class="hsh_menu_body">
<div class="hsh_menu_body_inner">
<div class="hsh_main">
<div class="hsh_menu_row js-menu_main">
<div class="hsh_menu_col js-menu_main_area">
<a href="/tc/home" class="js-menu_sub current">主頁</a><br class="js-menu_sub"/>
<a href="/tc/our-purpose" class="js-menu_sub " >我們的使命</a><br class="js-menu_sub"/>
<a href="/tc/our-place" class="js-menu_sub " data-target="places">我們的業務</a><br class="js-menu_sub"/>
<div class="hsh_menu_sub" id="places">
<a href="/tc/business">商業</a><br/>
<a href="/tc/residential">住宅</a><br/>
<a href="/tc/hospitality">酒店及服務</a><br/>
<a class="hsh_menu_back js-menu_back">返回</a>
</div>
<a href="/tc/our-community" class="js-menu_sub ">我們的社區</a><br class="js-menu_sub"/>
<a href="/tc/our-people" class="js-menu_sub ">我們的團隊</a><br class="js-menu_sub"/>
<a href="/tc/our-news" class="js-menu_sub " data-target="news">我們的消息</a><br class="js-menu_sub"/>
<div class="hsh_menu_sub" id="news">
<a href="/tc/group-news">集團消息</a><br/>
<a href="/tc/our-news#gallery">多媒體庫</a><br/>
<a class="hsh_menu_back js-menu_back">返回</a>
</div>
<a href="/tc/our-support" class="js-menu_sub ">聯絡我們</a><br class="js-menu_sub"/>
</div>
<div class="hsh_menu_col js-menu_sub_area"></div>
</div>
<div class="hsh_menu_sns">
<a href="https://www.facebook.com/LivingAestheticsHK" target="_blank" class="hsh_sns hsh_sns--facebook js-menu_sns" aria-label="Facebook"></a>
<a href="https://www.instagram.com/livingaestheticshk/" target="_blank" class="hsh_sns hsh_sns--ig js-menu_sns" aria-label="IG"></a>
<a href="https://www.linkedin.com/company/hip-shing-hong-group-of-companies" target="_blank" class="hsh_sns hsh_sns--linkedin js-menu_sns" aria-label="Linkedin"></a>
<a href="https://www.youtube.com/@LivingAesthetics" target="_blank" class="hsh_sns hsh_sns--youtube js-menu_sns" aria-label="Youtube"></a>
<a href="mailto:info@hshd.com.hk" target="_blank" class="hsh_sns hsh_sns--email js-menu_sns" aria-label="Email"></a>
</div>
</div>
</div>
</div>
</section>
<div class="hsh_menu_bg"></div>
<section class="hsh_search js-search">
<div class="hsh_search_body">
<div class="hsh_search_body_inner">
<form action="/tc/search" class="hsh_main js-search_form">
<div class="hsh_input hsh_input--search">
<input type="submit" value="" aria-label="Search" />
<input type="text" name="search" placeholder="你想搜尋什麼..." aria-label="Search" />
<button class="hsh_search_submit"><img src="/assets/images/icon/arrow_white.svg"></button>
</div>
<div class="hsh_search_quick">
<a class="search_keyword">辦公室</a>
<a class="search_keyword">住宅</a>
<a class="search_keyword">Office plus</a>
<a class="search_keyword">Madera Garden</a>
<a class="search_keyword">職業</a>
<a class="search_keyword">Group news</a>
</form>
</div>
</div>
</section>
<section class="hsh_body">
<div class="hsh_banner swiper-root swiper-container" data-auto="0">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="hsh_media hsh_media--video">
<video muted autoplay playsinline webkit-playsinline loop>
<source src="/files/page/home/1/HSH_Corp_Video_Short_R4_240105-1704452499.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</div>
</div>
</div>
<div class="hsh_banner_text">
<div class="hsh_content effect effect_up_child">
<div class="h3">我們相信</div>
<div class="h0">協力成長</div>
<p><span style="font-size: 18px;">協成行,與您攜手協力, 擁抱成長。</span></p> <div class="">
<div id="trigger_youtube" target="_blank" class="hsh_link">企業影片</div>
</div>
</div>
</div>
<div class="hsh_banner_nav swiper-bullets"></div>
</div>
<div class="hsh_main">
<div class="hsh_section hsh_section--med effect effect_up">
<div class="hsh_row hsh_row--2_1 hsh_row--center">
<div class="hsh_col">
<div class="hsh_content">
<div class="h2 orange_dot effect effect_left richtext"><p>協力成長,<br>成就幸福</p></div>
<div class="p effect effect_right"><div class="p">協成行自1948年創立以來,一直與香港社會共同成長。作為私營香港地產發展商之一,協成行旗下的物業地產及投資項目遍佈香港及九龍各區,為無數家庭與企業提供豐沃的成長土壤,讓美好的生活薪火相傳,業務得到蓬勃的發展。</div></div>
<div class="effect effect_left">
<a href="our-purpose" target="_self" class="hsh_link">了解更多</a>
</div>
</div>
</div>
<div class="hsh_col">
<div class="hsh_media hsh_media--1x1 hsh_media--center hsh_media--home-h">
<img src="/files/page/home/1/home6.png" alt="page/home/1/home6.png" />
</div>
</div>
</div>
</div>
<div class="hsh_section hsh_section--heading effect effect_up">
<div class="hsh_content">
<div class="hsh_section_title" >
<div class="h5">我們的業務</div>
</div>
<div class="hsh_tags h2">
<a href="/tc/business">商業</a>
<a href="/tc/residential">住宅</a>
<a href="/tc/hospitality">酒店及服務</a>
</div>
</div>
</div>
<div class="hsh_swiper hsh_swiper--has-fraction swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="hsh_media hsh_media--2x1 hsh_media--m2x3">
<img class="effect effect_up" src="/files/page/home/1/ORIAbespoke_Banner-1736393935.jpg" alt="ORIA傲華" />
<div class="hsh_media_text hsh_media_text--align_bottom hsh_media_text--left">
<div class="hsh_content effect effect_up_child">
<div class="p">一步繁華 一步寧謐</div>
<div class="h2">ORIA傲華</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="hsh_media hsh_media--2x1 hsh_media--m2x3">
<img class="effect effect_up" src="/files/page/home/1/op-1714120708-1717388989.jpg" alt="Office Plus" />
<div class="hsh_media_text hsh_media_text--align_bottom hsh_media_text--left">
<div class="hsh_content effect effect_up_child">
<div class="p">香港一站式辦公室</div>
<div class="h2">Office Plus</div>
<a href="business/office-plus" target="_self" class="hsh_link hsh_link--transparent_white">詳情</a>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="hsh_media hsh_media--2x1 hsh_media--m2x3">
<img class="effect effect_up" src="/files/page/home/1/1540x770a_genesis-1703757309-1713771598.jpg" alt="創協坊 Genesis" />
<div class="hsh_media_text hsh_media_text--align_bottom hsh_media_text--left">
<div class="hsh_content effect effect_up_child">
<div class="p">黃竹坑優質辦公室</div>
<div class="h2">創協坊 Genesis</div>
<a href="business/genesis" target="_self" class="hsh_link hsh_link--transparent_white">詳情</a>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="hsh_media hsh_media--2x1 hsh_media--m2x3">
<img class="effect effect_up" src="/files/page/home/1/collab-1704440263-1713771506.jpg" alt="The Collab" />
<div class="hsh_media_text hsh_media_text--align_bottom hsh_media_text--left">
<div class="hsh_content effect effect_up_child">
<div class="p">香港多功能場地</div>
<div class="h2">The Collab</div>
<a href="business/the-collab" target="_self" class="hsh_link hsh_link--transparent_white">詳情</a>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="hsh_media hsh_media--2x1 hsh_media--m2x3">
<img class="effect effect_up" src="/files/page/home/1/DSC_9398_R-1709027644-1713771660.jpg" alt="萬有引力 Gravity" />
<div class="hsh_media_text hsh_media_text--align_bottom hsh_media_text--left">
<div class="hsh_content effect effect_up_child">
<div class="p">觀塘智能工廈</div>
<div class="h2">萬有引力 Gravity</div>
<a href="business/gravity" target="_self" class="hsh_link hsh_link--transparent_white">詳情</a>
</div>
</div>
</div>
</div>
</div>
<a class="hsh_btn hsh_btn--prev swiper-prev" aria-label="Prev"></a>
<a class="hsh_btn hsh_btn--next swiper-next" aria-label="Next"></a>
<div class="hsh_swiper_nav swiper-pagination"></div>
</div>
<div class="hsh_section hsh_swiper_outer_desc hsh_section--sml effect effect_up">
<div class="hsh_row hsh_row--content-center hsh_row--txt-center">
<div class="hsh_content">
</div>
</div>
</div>
<div class="hsh_pill hsh_pill--center effect effect_up">
<div class="hsh_media hsh_media--4x3 hsh_media--m3x2">
<a href="our-community" target="_self"><img src="/files/page/home/1/780x585-1703670476.jpg" alt="協成行家族-香港地產發展商-地產開發商-芳菲-何文田樓盤" /></a>
</div>
<div class="hsh_pill_text">
<div class=" hsh_content">
<div class="h5">我們的社區</div>
<div class="h2 orange_dot">與社群心連心,福祉一脈相承</div>
<p>協成行一直堅守「以善為本」及「以人為本」的營運方針,致力為大眾勾劃美好生活藍圖,創造幸福與夢想。</p> <a href="our-community" target="_self" class="hsh_link hsh_link">了解更多</a>
</div>
</div>
</div>
<div class="hsh_section hsh_section--med hsh_section--top effect effect_up">
<div class="hsh_content ">
<div class="hsh_section_title hsh_section_title--side" >
<div class="h2 orange_dot">集團消息</div>
<a href="/tc/our-news" class="hsh_link hsh_link--transparent">了解更多</a>
</div>
</div>
</div>
<div class="hsh_swiper swiper-container effect effect_up" data-col="3">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="hsh_content">
<div class="hsh_media hsh_media--8x5 hsh_media--round">
<a href="/tc/nb-sroi"><img src="/files/record/news/35/Photo_1-1745388494.jpg" alt="遊沐" /></a>
</div>
<div class="p">2025-04-23
</div>
<div class="h4"><a href="/tc/nb-sroi">協成行聯手社企作先驅 推動量化社區活動社會價值 首設指標創績效 大自然療癒社會效益回報率(SROI)顯著達1:5</a></div>
</div>
</div>
<div class="swiper-slide">
<div class="hsh_content">
<div class="hsh_media hsh_media--8x5 hsh_media--round">
<a href="/tc/oria-easter-promotion"><img src="/files/record/news/34/IMG_6375-1744620923.jpg" alt="協成行筲箕灣全新現樓精品發展項目「ORIA傲華」推復活節優惠 新增3%印花稅優惠¹⁶ ¹³ 加推第5號價單⁴共16伙⁴ 包括8個兩房優「則」單位⁴ " /></a>
</div>
<div class="p">2025-04-11
| 物業消息
</div>
<div class="h4"><a href="/tc/oria-easter-promotion">協成行筲箕灣全新現樓精品發展項目「ORIA傲華」推復活節優惠 新增3%印花稅優惠¹⁶ ¹³ 加推第5號價單⁴共16伙⁴ 包括8個兩房優「則」單位⁴ </a></div>
</div>
</div>
<div class="swiper-slide">
<div class="hsh_content">
<div class="hsh_media hsh_media--8x5 hsh_media--round">
<a href="/tc/oria-sales-launched-with-club-oria"><img src="/files/record/news/33/Picture1-1738739008.jpg" alt="協成行筲箕灣全新精品發展項目「ORIA傲華」 金蛇年頭炮 原價加推第4號價單⁴ 2月9日公開發售⁵ 約5,000平方呎住客會所「CLUB ORIA」首度曝光" /></a>
</div>
<div class="p">2025-02-05
| 物業消息
</div>
<div class="h4"><a href="/tc/oria-sales-launched-with-club-oria">協成行筲箕灣全新精品發展項目「ORIA傲華」 金蛇年頭炮 原價加推第4號價單⁴ 2月9日公開發售⁵ 約5,000平方呎住客會所「CLUB ORIA」首度曝光</a></div>
</div>
</div>
</div>
<div class="hsh_swiper_nav swiper-bullets"></div>
</div>
</div>
</section>
<footer class="hsh_foot js-foot">
<div class="hsh_main">
<div class="hsh_foot_container">
<div class="hsh_foot_left hsh_foot_left--s">
<div class="hsh_foot_logo">
<a href="/tc/home"><img src="/assets/images/hsh.svg" alt="HSH" class="logo" /></a>
<img src="/assets/images/logo_grow.svg" alt="Grow" class='tagline' />
</div>
</div>
<div class="hsh_foot_right hsh_foot_right--l">
<div class="hsh_foot_menu">
<span class="hsh_foot_menu_title">關於我們</span>
<a href="/tc/our-purpose">我們的使命</a>
<a href="/tc/our-community">我們的社區</a>
</div>
<div class="hsh_foot_menu">
<a href="/tc/our-place" class="hsh_foot_menu_title">我們的業務</a>
<a href="/tc/business" class="hsh_foot_menu_sub">商業</a>
<a href="/tc/residential" class="hsh_foot_menu_sub">住宅</a>
<a href="/tc/hospitality" class="hsh_foot_menu_sub">酒店及服務</a>
</div>
<div class="hsh_foot_menu">
<a href="/tc/our-news" class="hsh_foot_menu_title">我們的消息</a>
<a href="/tc/group-news">集團消息</a>
</div>
<div class="hsh_foot_menu">
<a href="/tc/our-people" class="hsh_foot_menu_title">我們的團隊</a>
<a href="/tc/our-support" class="hsh_foot_menu_title">聯絡我們</a>
</div>
<div class="hsh_foot_menu">
<a href="/tc/faqs"></a>
<a href="/tc/disclaimer">免責聲明</a>
<a href="/tc/privacy">私隱政策</a>
<a href="/tc/conduct">供應商守則</a>
<a href="/tc/whistle">舉報政策</a>
<a href="/tc/sitemap">網站地圖</a>
</div>
</div>
</div>
<div class="hsh_foot_container hsh_foot_container--award">
<div class="hsh_foot_left">
<div class="hsh_foot_award">
<a><img src="/files/record/footer_awards/10/2024_Supporter_Excellence_Logo_v1-1742546669.png" alt="社企" /></a>
<a><img src="/files/record/footer_awards/1/20_logo_R2-1709259644.png" alt="20 Caring Company" /></a>
<a><img src="/files/record/footer_awards/9/Silver_Member_25_26_OL-1741228089.png" alt="WWF" /></a>
<a><img src="/files/record/footer_awards/2/2025開心工作間-LOGO_Happy_Company_10Years+-1738921598.png" alt="HAPPY COMPANY 10 YEARS" /></a>
<a><img src="/files/record/footer_awards/7/Premium_GEC_logo2_-_HSH-1727689656.png" alt="僱主" /></a>
<a><img src="/files/record/footer_awards/8/SFFGE_logo2_-_HSH-1727689719.png" alt="僱主" /></a>
<a><img src="/files/record/footer_awards/4/Artboard 1-1703823707.png" alt="" /></a>
<a><img src="/files/record/footer_awards/3/logo_Age_Friendly_Hong_Kong-1703820739.png" alt="" /></a>
</div>
<div class="hsh_foot_text">
2025©協成行發展有限公司版權所有<br/>
<a href="https://firmstudio.com/" target="_blank" class="a11y-hidden">網站由 FirmStudio 設計</a>
</div>
</div>
<div class="hsh_foot_right">
<a href="https://www.facebook.com/LivingAestheticsHK" target="_blank" class="hsh_sns hsh_sns--facebook" aria-label="Facebook"></a>
<a href="https://www.instagram.com/livingaestheticshk/" target="_blank" class="hsh_sns hsh_sns--ig" aria-label="IG"></a>
<a href="https://www.linkedin.com/company/hip-shing-hong-group-of-companies" target="_blank" class="hsh_sns hsh_sns--linkedin" aria-label="Linkedin"></a>
<a href="https://www.youtube.com/@LivingAesthetics" target="_blank" class="hsh_sns hsh_sns--youtube" aria-label="Youtube"></a>
<a href="mailto:info@hshd.com.hk" target="_blank" class="hsh_sns hsh_sns--email" aria-label="Email"></a>
</div>
</div>
</div>
</footer>
<div class="hsh_pop js-pop">
<div class="hsh_pop_head">
<div class="hsh_pop_head_row">
<div class="hsh_pop_head_logo">
<img src="/assets/images/hsh.svg" alt="HSH" />
</div>
<div class="hsh_pop_head_btn">
<a class="hsh_btn hsh_btn--close js-pop_close"></a>
</div>
</div>
</div>
<div class="hsh_pop_body">
<div class="hsh_main">
<div class="hsh_content js-pop_content"></div>
</div>
</div>
</div>
<div class="wechat_popup">
<button class="wechat_popup_close" aria-label="Close this popup"></button>
<div class="wechat_popup_img_container">
<img src="" alt="Wechat Qrcode">
</div>
<p></p>
</div>
<div class="youtube_overlay hide" id="youtube_pop_id">
<div class="close" id="close_yt">X</div>
<div class="youtube_player">
<div class="video-container" >
<iframe width="560" height="315" src="https://www.youtube.com/embed/5jC8ED6kS-Q?autoplay=1&mute=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allow="autoplay" allowfullscreen></iframe>
</div>
</div>
</div>
</body>
<script>
$(document).ready(function () {
$(document).on("click",`a[href=""]`, function (e) {
e.preventDefault();
e.stopPropagation();
});
$("#trigger_youtube").click(function(){
$("#youtube_pop_id").removeClass("hide");
});
$("#close_yt").click(function(){
$("#youtube_pop_id").addClass("hide");
})
});
</script>
</html>