diff --git a/src/App.vue b/src/App.vue
index 8089d91..55d7e62 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -18,7 +18,7 @@ export default {
 </script>
 
 <style lang="scss">
-@import "common/common.scss";
+@import "~dvcp-wui/common";
 /* #ifdef MP-BAIDU */
 page {
   width: 100%;
diff --git a/src/common/common.css b/src/common/common.css
deleted file mode 100644
index 9756a94..0000000
--- a/src/common/common.css
+++ /dev/null
@@ -1,270 +0,0 @@
-@font-face {
-    font-family: 'iconfont';
-    /* project id 1862352 */
-    src: url('https://at.alicdn.com/t/font_1862352_i00id3q02qr.eot');
-    src: url('https://at.alicdn.com/t/font_1862352_i00id3q02qr.eot?#iefix') format('embedded-opentype'),
-        url('https://at.alicdn.com/t/font_1862352_i00id3q02qr.woff2') format('woff2'),
-        url('https://at.alicdn.com/t/font_1862352_i00id3q02qr.woff') format('woff'),
-        url('https://at.alicdn.com/t/font_1862352_i00id3q02qr.ttf') format('truetype'),
-        url('https://at.alicdn.com/t/font_1862352_i00id3q02qr.svg#iconfont') format('svg');
-}
-
-.iconfont {
-    font-family: "iconfont" !important;
-    font-size: 32px;
-    font-style: normal;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-}
-
-ul,
-li,
-span,
-div,
-p {
-    padding: 0;
-    margin: 0;
-}
-
-ul,
-li {
-    padding: 0;
-    margin: 0;
-    list-style: none
-}
-
-page {
-    width: 100%;
-    min-height: 100%;
-    background-color: #f3f6f9;
-}
-
-::-webkit-scrollbar {
-    width: 0;
-    height: 0;
-    color: transparent;
-}
-
-.page {
-    width: 100%;
-    height: 100%;
-    background-color: #f3f6f9;
-}
-
-.span-hover {
-    background: transparent;
-    opacity: 0.5;
-}
-
-.bg-hover {
-    background: #eee !important;
-}
-
-.flex {
-    display: flex;
-}
-
-.flex-align {
-    display: flex;
-    align-items: center;
-}
-
-.flex-between {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-}
-
-.flex1 {
-    flex: 1;
-}
-
-.solid {
-    border-bottom: 2px solid #E8E8E8;
-}
-
-.flex-row {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-}
-
-.flex-column {
-    display: flex;
-    flex-direction: column;
-}
-
-uni-button[disabled] {
-    background-color: #F7F7F7 !important;
-    color: #999 !important;
-    border: 0;
-}
-
-uni-button:after {
-    border: none !important;
-}
-
-.break-word {
-    word-break: break-all;
-}
-
-.masking-layer {
-    position: absolute;
-    left: 0;
-    top: 0;
-    height: 100%;
-    width: 100%;
-    background-color: rgb(0, 0, 0);
-    opacity: 0.6;
-}
-
-/* 入口页列表 */
-.list {
-    justify-content: space-between;
-    align-items: center;
-    height: 112px;
-    background-color: #fff;
-    padding-left: 32px;
-    padding-right: 32px;
-    box-sizing: border-box;
-}
-
-.list-cell {
-    width: 48px;
-    height: 48px;
-}
-
-.image {
-    width: 48px;
-    height: 48px;
-}
-
-.title-sub {
-    height: 112px;
-    margin-left: 16px;
-    width: 654px;
-    justify-content: space-between;
-    align-items: center;
-    background: rgba(255, 255, 255, 1);
-    font-size: 32px;
-    color: #333333;
-}
-
-.more {
-    width: 32px;
-    height: 32px;
-}
-
-.title-line {
-    border-bottom: 2px solid #DDDDDD;
-}
-
-.last {
-    margin-top: 16px;
-}
-
-.no-content-pds {
-    margin-top: 360px;
-    width: 100%;
-    text-align: center;
-}
-
-.no-content-pds div {
-    height: 40px;
-    font-size: 28px;
-    line-height: 40px;
-    font-family: PingFangSC-Regular, PingFangSC;
-}
-
-.no-content-pds .span {
-    color: rgba(51, 51, 51, 1);
-}
-
-.no-content-pds .span-p {
-    color: rgba(153, 153, 153, 1);
-    margin-top: 16px;
-}
-
-/* margin */
-.mar-t8 {
-    margin-top: 16px;
-}
-
-.mar-r20 {
-    margin-right: 40px;
-}
-
-.mar-l10 {
-    margin-left: 20px;
-}
-
-/* color */
-.color-333 {
-    color: #333;
-}
-
-.color-999 {
-    color: #999;
-}
-
-.color-red {
-    color: #FF4466;
-}
-
-.color-666 {
-    color: #666;
-}
-
-/*  */
-.font-12 {
-    font-size: 24px;
-}
-
-/*  */
-.report {
-    position: fixed;
-    bottom: 0;
-    width: 100%;
-    height: 112px;
-    background-color: #135AB8;
-    color: #fff;
-    text-align: center;
-    line-height: 112px;
-    font-size: 32px;
-}
-
-.span-right {
-    text-align: right;
-}
-
-input::-webkit-input-placeholder {
-    color: #999;
-}
-
-.textarea-placeholder {
-    color: #999;
-}
-
-/* 多级下拉选择css */
-.type-picke-more {
-    position: fixed;
-    width: 100%;
-    height: 330px;
-    bottom: 0;
-    left: 0;
-    background-color: #fff;
-    z-index: 99;
-}
-
-.type-picke-more picker-div-column {
-    text-align: center;
-    line-height: 110px;
-}
-
-.fixed-top {
-    position: fixed;
-    top: 0;
-    left: 0;
-    z-index: 99;
-    width: 100%
-}
\ No newline at end of file
diff --git a/src/common/common.scss b/src/components/common.scss
similarity index 100%
rename from src/common/common.scss
rename to src/components/common.scss
diff --git a/src/mods/AppActivityList/AppActivityList.vue b/src/mods/AppActivityList/AppActivityList.vue
index 8032ad2..ae7d2d4 100644
--- a/src/mods/AppActivityList/AppActivityList.vue
+++ b/src/mods/AppActivityList/AppActivityList.vue
@@ -206,7 +206,7 @@ export default {
 }
 </script>
 <style scoped lang="scss">
-@import "../../common/common.scss";
+@import "~dvcp-wui/common";
 
 .page {
   width: 100%;
diff --git a/src/mods/AppActivityList/add.vue b/src/mods/AppActivityList/add.vue
index 28b22ec..ee0149c 100644
--- a/src/mods/AppActivityList/add.vue
+++ b/src/mods/AppActivityList/add.vue
@@ -112,7 +112,7 @@ export default {
 }
 </script>
 <style scoped lang="scss">
-@import "../../common/common.scss";
+@import "~dvcp-wui/common";
 
 .page {
   width: 100%;
diff --git a/src/mods/AppActivityList/addContent.vue b/src/mods/AppActivityList/addContent.vue
index ae1524e..052be16 100644
--- a/src/mods/AppActivityList/addContent.vue
+++ b/src/mods/AppActivityList/addContent.vue
@@ -85,7 +85,7 @@ export default {
 }
 </script>
 <style scoped lang="scss">
-@import "../../common/common.scss";
+@import "~dvcp-wui/common";
 
 .page {
   width: 100%;
diff --git a/src/mods/AppActivityList/detail.vue b/src/mods/AppActivityList/detail.vue
index a7f9cb3..48974e6 100644
--- a/src/mods/AppActivityList/detail.vue
+++ b/src/mods/AppActivityList/detail.vue
@@ -125,7 +125,7 @@ export default {
 }
 </script>
 <style scoped lang="scss">
-@import '../../common/common.scss';
+@import "~dvcp-wui/common";
 
 .page {
   width: 100%;
diff --git a/src/mods/AppActivityList/logDetail.vue b/src/mods/AppActivityList/logDetail.vue
index 3f5ec17..dc83b7f 100644
--- a/src/mods/AppActivityList/logDetail.vue
+++ b/src/mods/AppActivityList/logDetail.vue
@@ -60,7 +60,7 @@ export default {
 }
 </script>
 <style scoped lang="scss">
-@import '../../common/common.scss';
+@import "~dvcp-wui/common";
 
 .page {
   width: 100%;
diff --git a/src/mods/AppActivityList/userList.vue b/src/mods/AppActivityList/userList.vue
index 494f17e..896d085 100644
--- a/src/mods/AppActivityList/userList.vue
+++ b/src/mods/AppActivityList/userList.vue
@@ -66,7 +66,7 @@ export default {
 }
 </script>
 <style scoped lang="scss">
-@import "../../common/common.scss";
+@import "~dvcp-wui/common";
 
 .page {
   width: 100%;
diff --git a/src/mods/AppAuth/AppAuth.vue b/src/mods/AppAuth/AppAuth.vue
index a18ea6d..fe75bb9 100644
--- a/src/mods/AppAuth/AppAuth.vue
+++ b/src/mods/AppAuth/AppAuth.vue
@@ -80,7 +80,7 @@ export default {
 };
 </script>
 <style lang="scss" scope>
-@import "../../common/common.scss";
+@import "~dvcp-wui/common";
 
 .top {
   height: 480px;
diff --git a/src/mods/AppAuth/authSuccess.vue b/src/mods/AppAuth/authSuccess.vue
index af8911c..a44bbcf 100644
--- a/src/mods/AppAuth/authSuccess.vue
+++ b/src/mods/AppAuth/authSuccess.vue
@@ -86,7 +86,7 @@ export default {
 }
 </script>
 <style lang="scss">
-@import "../../common/common";
+@import "~dvcp-wui/common";
 
 .success {
   height: 100vh;
diff --git a/src/mods/AppCreditPoints/AppCreditPoints.vue b/src/mods/AppCreditPoints/AppCreditPoints.vue
index fa01ec0..ff877bf 100644
--- a/src/mods/AppCreditPoints/AppCreditPoints.vue
+++ b/src/mods/AppCreditPoints/AppCreditPoints.vue
@@ -140,7 +140,7 @@ export default {
 }
 </script>
 <style scoped lang="scss">
-@import "../../common/common.scss";
+@import "~dvcp-wui/common";
 
 .page {
   width: 100%;
diff --git a/src/mods/AppCreditPoints/supermarket.vue b/src/mods/AppCreditPoints/supermarket.vue
index ac647a9..db3bdce 100644
--- a/src/mods/AppCreditPoints/supermarket.vue
+++ b/src/mods/AppCreditPoints/supermarket.vue
@@ -218,7 +218,7 @@ export default {
 }
 </script>
 <style scoped lang="scss">
-@import "../../common/common.scss";
+@import "~dvcp-wui/common";
 
 .item-bottom {
   display: flex;
diff --git a/src/mods/AppCreditPoints/system.vue b/src/mods/AppCreditPoints/system.vue
index 6f74257..3043a87 100644
--- a/src/mods/AppCreditPoints/system.vue
+++ b/src/mods/AppCreditPoints/system.vue
@@ -31,7 +31,7 @@ export default {
 }
 </script>
 <style scoped lang="scss">
-@import "../../common/common.scss";
+@import "~dvcp-wui/common";
 
 .page {
   width: 100%;
diff --git a/src/mods/AppPlease/AppPlease.vue b/src/mods/AppPlease/AppPlease.vue
index 6b8ae20..dabd5aa 100644
--- a/src/mods/AppPlease/AppPlease.vue
+++ b/src/mods/AppPlease/AppPlease.vue
@@ -147,7 +147,7 @@ export default {
 }
 </script>
 <style scoped lang="scss">
-@import "../../common/common.scss";
+@import "~dvcp-wui/common";
 
 .page {
   width: 100%;
diff --git a/src/mods/AppPlease/add.vue b/src/mods/AppPlease/add.vue
index a36f938..4c7bd0e 100644
--- a/src/mods/AppPlease/add.vue
+++ b/src/mods/AppPlease/add.vue
@@ -143,7 +143,7 @@ export default {
 }
 </script>
 <style scoped lang="scss">
-@import "../../common/common.scss";
+@import "~dvcp-wui/common";
 
 .page {
   width: 100%;
diff --git a/src/mods/AppPlease/detail.vue b/src/mods/AppPlease/detail.vue
index a042ef3..d73e2d7 100644
--- a/src/mods/AppPlease/detail.vue
+++ b/src/mods/AppPlease/detail.vue
@@ -126,7 +126,7 @@ export default {
 }
 </script>
 <style scoped lang="scss">
-@import "../../common/common.scss";
+@import "~dvcp-wui/common";
 
 .page {
   width: 100%;
diff --git a/src/mods/AppPlease/questionList.vue b/src/mods/AppPlease/questionList.vue
index 149804f..c42b338 100644
--- a/src/mods/AppPlease/questionList.vue
+++ b/src/mods/AppPlease/questionList.vue
@@ -151,7 +151,7 @@ export default {
 }
 </script>
 <style scoped lang="scss">
-@import "../../common/common.scss";
+@import "~dvcp-wui/common";
 
 .page {
   width: 100%;
diff --git a/src/mods/AppPlease/reply.vue b/src/mods/AppPlease/reply.vue
index 3259394..01f2903 100644
--- a/src/mods/AppPlease/reply.vue
+++ b/src/mods/AppPlease/reply.vue
@@ -75,7 +75,7 @@ export default {
 }
 </script>
 <style scoped lang="scss">
-@import "../../common/common.scss";
+@import "~dvcp-wui/common";
 
 .page {
   width: 100%;
diff --git a/src/mods/AppVillageInfo/AppVillageInfo.vue b/src/mods/AppVillageInfo/AppVillageInfo.vue
index c8941af..ce1a5c0 100644
--- a/src/mods/AppVillageInfo/AppVillageInfo.vue
+++ b/src/mods/AppVillageInfo/AppVillageInfo.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="page">
+  <div class="AppVillageInfo">
     <div class="village-info">
       <div class="header-content">
         <img src="https://cdn.cunwuyun.cn/dvcp/villgroup/group.png" alt="" class="group-img">
@@ -76,10 +76,8 @@ export default {
 }
 </script>
 <style scoped lang="scss">
-@import "../../common/common.scss";
-
-.page {
-  width: 100%;
+.AppVillageInfo {
+  width: 100vw;
   height: auto;
   padding-top: 30px;
   background-color: #f3f6f9;
diff --git a/src/mods/party/AppOnlineAnswer/AppOnlineAnswer.vue b/src/mods/party/AppOnlineAnswer/AppOnlineAnswer.vue
index b5b95d2..28aa82d 100644
--- a/src/mods/party/AppOnlineAnswer/AppOnlineAnswer.vue
+++ b/src/mods/party/AppOnlineAnswer/AppOnlineAnswer.vue
@@ -214,7 +214,7 @@ export default {
 };
 </script>
 <style scoped lang="scss">
-@import "../../../common/common.css";
+@import "~dvcp-wui/common";
 
 .AppOnlineAnswer {
   width: 100%;
diff --git a/src/mods/party/AppPartyHistory/AppPartyHistory.vue b/src/mods/party/AppPartyHistory/AppPartyHistory.vue
index 5498b9e..ea56171 100644
--- a/src/mods/party/AppPartyHistory/AppPartyHistory.vue
+++ b/src/mods/party/AppPartyHistory/AppPartyHistory.vue
@@ -221,7 +221,7 @@ export default {
 };
 </script>
 <style lang="scss" scope>
-@import "../../../common/common.css";
+@import "~dvcp-wui/common";
 
 .AppPartyHistory {
   .search-box {
diff --git a/src/mods/party/AppPartyHistory/detail.vue b/src/mods/party/AppPartyHistory/detail.vue
index cefb1f7..22f31b3 100644
--- a/src/mods/party/AppPartyHistory/detail.vue
+++ b/src/mods/party/AppPartyHistory/detail.vue
@@ -132,7 +132,7 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
-@import "../../../common/common.css";
+@import "~dvcp-wui/common";
 
 .page {
   .navHeadBar {
diff --git a/src/mods/party/AppPartyHistoryEducation/AppPartyHistoryEducation.vue b/src/mods/party/AppPartyHistoryEducation/AppPartyHistoryEducation.vue
index 747a3e2..ed6159d 100644
--- a/src/mods/party/AppPartyHistoryEducation/AppPartyHistoryEducation.vue
+++ b/src/mods/party/AppPartyHistoryEducation/AppPartyHistoryEducation.vue
@@ -141,7 +141,7 @@ export default {
 };
 </script>
 <style scoped lang="scss">
-@import "../../../common/common.css";
+@import "~dvcp-wui/common";
 
 .AppPartyHistoryEducation {
   width: 100%;
diff --git a/src/mods/party/AppPartyHistoryEducation/classroomList.vue b/src/mods/party/AppPartyHistoryEducation/classroomList.vue
index 26424cf..913f682 100644
--- a/src/mods/party/AppPartyHistoryEducation/classroomList.vue
+++ b/src/mods/party/AppPartyHistoryEducation/classroomList.vue
@@ -58,7 +58,7 @@ export default {
 };
 </script>
 <style scoped lang="scss">
-@import "../../../common/common.css";
+@import "~dvcp-wui/common";
 
 .home {
   width: 100%;
diff --git a/src/mods/party/AppPartyHistoryEducation/detail.vue b/src/mods/party/AppPartyHistoryEducation/detail.vue
index aef7056..e788c6b 100644
--- a/src/mods/party/AppPartyHistoryEducation/detail.vue
+++ b/src/mods/party/AppPartyHistoryEducation/detail.vue
@@ -52,7 +52,7 @@ export default {
 };
 </script>
 <style scoped lang="scss">
-@import "../../../common/common.css";
+@import "~dvcp-wui/common";
 
 .home {
   width: 100%;
diff --git a/src/mods/party/AppPartyHistoryEducation/knowledgeList.vue b/src/mods/party/AppPartyHistoryEducation/knowledgeList.vue
index 1ddd2d2..5a72927 100644
--- a/src/mods/party/AppPartyHistoryEducation/knowledgeList.vue
+++ b/src/mods/party/AppPartyHistoryEducation/knowledgeList.vue
@@ -193,7 +193,7 @@ export default {
 };
 </script>
 <style lang="scss" scope>
-@import "../../../common/common.css";
+@import "~dvcp-wui/common";
 
 .page {
   .search-box {
diff --git a/src/mods/party/AppPartyHistoryEducation/list.vue b/src/mods/party/AppPartyHistoryEducation/list.vue
index 697ea97..87dcb29 100644
--- a/src/mods/party/AppPartyHistoryEducation/list.vue
+++ b/src/mods/party/AppPartyHistoryEducation/list.vue
@@ -203,7 +203,7 @@ export default {
 };
 </script>
 <style lang="scss" scope>
-@import "../../../common/common.css";
+@import "~dvcp-wui/common";
 
 .page {
   .search-box {
diff --git a/src/mods/party/AppPartyHistoryEducation/select.vue b/src/mods/party/AppPartyHistoryEducation/select.vue
index a7ace8e..c5a09a6 100644
--- a/src/mods/party/AppPartyHistoryEducation/select.vue
+++ b/src/mods/party/AppPartyHistoryEducation/select.vue
@@ -36,7 +36,7 @@ export default {
 };
 </script>
 <style scoped lang="scss">
-@import "../../../common/common.css";
+@import "~dvcp-wui/common";
 
 .home {
   width: 100%;
diff --git a/src/mods/party/AppPartyHistoryEducation/todayDetail.vue b/src/mods/party/AppPartyHistoryEducation/todayDetail.vue
index e66d2ff..40d7d45 100644
--- a/src/mods/party/AppPartyHistoryEducation/todayDetail.vue
+++ b/src/mods/party/AppPartyHistoryEducation/todayDetail.vue
@@ -55,7 +55,7 @@ export default {
 };
 </script>
 <style scoped lang="scss">
-@import "../../../common/common.css";
+@import "~dvcp-wui/common";
 
 .home {
   width: 100%;
diff --git a/src/mods/party/AppPartyHistoryEducation/todayList.vue b/src/mods/party/AppPartyHistoryEducation/todayList.vue
index 6149e13..38b2438 100644
--- a/src/mods/party/AppPartyHistoryEducation/todayList.vue
+++ b/src/mods/party/AppPartyHistoryEducation/todayList.vue
@@ -94,7 +94,7 @@ export default {
 };
 </script>
 <style scoped lang="scss">
-@import "../../../common/common.css";
+@import "~dvcp-wui/common";
 
 .home {
   width: 100%;
diff --git a/src/mods/party/AppPartyHistoryEducation/videoDetail.vue b/src/mods/party/AppPartyHistoryEducation/videoDetail.vue
index 6af1cf0..3655fa6 100644
--- a/src/mods/party/AppPartyHistoryEducation/videoDetail.vue
+++ b/src/mods/party/AppPartyHistoryEducation/videoDetail.vue
@@ -85,7 +85,7 @@ export default {
 };
 </script>
 <style scoped lang="scss">
-@import "../../../common/common.css";
+@import "~dvcp-wui/common";
 
 .home {
   width: 100%;
diff --git a/src/mods/party/AppPartyStudy/AppPartyStudy.vue b/src/mods/party/AppPartyStudy/AppPartyStudy.vue
index 941ad8a..40e3b6e 100644
--- a/src/mods/party/AppPartyStudy/AppPartyStudy.vue
+++ b/src/mods/party/AppPartyStudy/AppPartyStudy.vue
@@ -240,7 +240,7 @@ export default {
 };
 </script>
 <style lang="scss" scope>
-@import "../../../common/common.css";
+@import "~dvcp-wui/common";
 
 .page {
   .search-box {
diff --git a/src/mods/party/AppPartyStudy/partyStudyContent.vue b/src/mods/party/AppPartyStudy/partyStudyContent.vue
index 1ad13a5..b094421 100644
--- a/src/mods/party/AppPartyStudy/partyStudyContent.vue
+++ b/src/mods/party/AppPartyStudy/partyStudyContent.vue
@@ -77,7 +77,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "../../../common/common.css";
+@import "~dvcp-wui/common";
 
 .page {
   width: 100%;
diff --git a/src/mods/party/AppPartyStudy/partyStudyDetail.vue b/src/mods/party/AppPartyStudy/partyStudyDetail.vue
index 7ca5239..213dfba 100644
--- a/src/mods/party/AppPartyStudy/partyStudyDetail.vue
+++ b/src/mods/party/AppPartyStudy/partyStudyDetail.vue
@@ -76,7 +76,7 @@ export default {
 };
 </script>
 <style lang="scss" scope>
-@import "../../../common/common.css";
+@import "~dvcp-wui/common";
 
 .page {
   background-color: #fff;
diff --git a/src/mods/party/AppThreeSessions/qrcode.vue b/src/mods/party/AppThreeSessions/qrcode.vue
index 15518b7..24aaf5b 100644
--- a/src/mods/party/AppThreeSessions/qrcode.vue
+++ b/src/mods/party/AppThreeSessions/qrcode.vue
@@ -125,7 +125,7 @@ export default {
 };
 </script>
 <style lang="scss" scope>
-@import "../../../common/common.css";
+@import "~dvcp-wui/common";
 
 .page {
   background-color: #FFFFFF;
diff --git a/src/mods/party/AppThreeSessions/threeSessionsContent.vue b/src/mods/party/AppThreeSessions/threeSessionsContent.vue
index 8323e6c..5a78636 100644
--- a/src/mods/party/AppThreeSessions/threeSessionsContent.vue
+++ b/src/mods/party/AppThreeSessions/threeSessionsContent.vue
@@ -269,7 +269,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "../../../common/common.css";
+@import "~dvcp-wui/common";
 
 .page {
   width: 100%;
diff --git a/src/mods/party/AppThreeSessions/threeSessionsDetail.vue b/src/mods/party/AppThreeSessions/threeSessionsDetail.vue
index 22506cb..fc7a2ac 100644
--- a/src/mods/party/AppThreeSessions/threeSessionsDetail.vue
+++ b/src/mods/party/AppThreeSessions/threeSessionsDetail.vue
@@ -274,7 +274,7 @@ export default {
 };
 </script>
 <style lang="scss" scope>
-@import "../../../common/common.css";
+@import "~dvcp-wui/common";
 
 .page {
   width: 100%;
diff --git a/src/mods/party/AppThreeSessions/threeSessionsUser.vue b/src/mods/party/AppThreeSessions/threeSessionsUser.vue
index cc63e2d..af14b86 100644
--- a/src/mods/party/AppThreeSessions/threeSessionsUser.vue
+++ b/src/mods/party/AppThreeSessions/threeSessionsUser.vue
@@ -120,7 +120,7 @@ export default {
 };
 </script>
 <style lang="scss" scope>
-@import "../../../common/common.css";
+@import "~dvcp-wui/common";
 
 .page {
   background-color: #f4f6f8;
diff --git a/src/mods/party/AppThreeSessions/vote.vue b/src/mods/party/AppThreeSessions/vote.vue
index edbc534..223dac5 100644
--- a/src/mods/party/AppThreeSessions/vote.vue
+++ b/src/mods/party/AppThreeSessions/vote.vue
@@ -53,7 +53,7 @@ export default {
 };
 </script>
 <style lang="scss" scope>
-@import "../../../common/common.css";
+@import "~dvcp-wui/common";
 
 .page {
   background-color: #F3F6F9;