commit 546c52aab6fa2f6260e446882f3d9a56b9834d75
Author: A1300399510 <A1300399510>
Date:   Fri Nov 24 18:51:45 2023 +0800

    的

diff --git a/css/1.css b/css/1.css
new file mode 100644
index 0000000..992a4f1
--- /dev/null
+++ b/css/1.css
@@ -0,0 +1,755 @@
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+[v-cloak] {
+  display: none;
+}
+.noselect {
+  -webkit-touch-callout: none;
+  /* iOS Safari */
+  -webkit-user-select: none;
+  /* Chrome/Safari/Opera */
+  -khtml-user-select: none;
+  /* Konqueror */
+  -moz-user-select: none;
+  /* Firefox */
+  -ms-user-select: none;
+  /* Internet Explorer/Edge */
+  user-select: none;
+  /* Non-prefixed version, currently
+
+not supported by any browser */
+}
+#loading {
+  text-align: center;
+  padding: 100px 0;
+}
+.loading {
+  width: 80px;
+  height: 40px;
+  margin: 0 auto;
+  display: inline-block;
+}
+.loading span {
+  display: inline-block;
+  width: 8px;
+  height: 100%;
+  border-radius: 4px;
+  background: lightgreen;
+  -webkit-animation: load 1s ease infinite;
+}
+@-webkit-keyframes load {
+  0%,
+  100% {
+    height: 40px;
+    background: lightgreen;
+  }
+  50% {
+    height: 70px;
+    margin: -15px 0;
+    background: lightblue;
+  }
+}
+.loading span:nth-child(2) {
+  -webkit-animation-delay: 0.2s;
+}
+.loading span:nth-child(3) {
+  -webkit-animation-delay: 0.4s;
+}
+.loading span:nth-child(4) {
+  -webkit-animation-delay: 0.6s;
+}
+.loading span:nth-child(5) {
+  -webkit-animation-delay: 0.8s;
+}
+body {
+  background: #f1f1f1;
+  font-family: "microsoft yahei", "San Francisco", '微软雅黑', 'tahoma', 'arial', 'simsun', '宋体';
+}
+ul {
+  list-style: none;
+}
+a {
+  text-decoration: none;
+}
+.inner {
+  width: 1200px;
+  margin: 0 auto;
+  max-width: 98vw;
+  min-width: 1100px;
+}
+.page-header {
+  background: #0170fe;
+  padding-bottom: 2px;
+}
+.page-header .nav-tab {
+  width: 1200px;
+  margin: 0 auto;
+  max-width: 98vw;
+  min-width: 1100px;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  position: relative;
+}
+.page-header .nav-tab .line {
+  position: absolute;
+  right: 0;
+  bottom: 16px;
+  width: 30px;
+  height: 2px;
+  background: #fff;
+  transition: all 0.2s;
+}
+.page-header .nav-tab .url-list {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  color: rgba(255, 255, 255, 0.702);
+  font-size: 13px;
+  list-style: none;
+  padding: 16px 0 ;
+}
+.page-header .nav-tab .url-list .item {
+  margin-left: 30px;
+  display: inline-flex;
+  border-bottom: 2px solid transparent;
+  position: relative;
+}
+.page-header .nav-tab .url-list .item a {
+  display: inline-flex;
+  padding: 9px 0;
+  cursor: pointer;
+  color: inherit;
+}
+.page-header .nav-tab .url-list .item:hover,
+.page-header .nav-tab .url-list .active {
+  color: #ffffff;
+}
+.page-header .nav-tab .url-list .user {
+  margin-left: 40px;
+  display: inline-flex;
+  width: 30px;
+  height: 30px;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  color: #ccc;
+  cursor: pointer;
+  position: relative;
+}
+.page-header .nav-tab .url-list .user img {
+  width: 28px;
+  height: 28px;
+  border-radius: 50%;
+  overflow: hidden;
+}
+.page-header .nav-tab .url-list .user i {
+  display: block;
+  background: url(../img/helloofficer-user.png) no-repeat;
+  width: 30px;
+  height: 30px;
+  background-size: 100%;
+}
+.page-header .nav-tab .url-list .user:hover .quit {
+  display: block;
+}
+.page-header .nav-tab .quit {
+  display: none;
+  position: absolute;
+  bottom: -40px;
+  left: calc(50% - 22px);
+  z-index: 10;
+  text-align: center;
+  width: 45px;
+  height: 30px;
+  line-height: 30px;
+  border-radius: 5px;
+  background: #02d7b5;
+  color: #233160;
+  font-size: 13px;
+  -webkit-touch-callout: none;
+  /* iOS Safari */
+  -webkit-user-select: none;
+  /* Chrome/Safari/Opera */
+  -khtml-user-select: none;
+  /* Konqueror */
+  -moz-user-select: none;
+  /* Firefox */
+  -ms-user-select: none;
+  /* Internet Explorer/Edge */
+  user-select: none;
+  /* Non-prefixed version, currently
+
+not supported by any browser */
+}
+.page-header .nav-tab .quit:after {
+  position: absolute;
+  left: calc(50% - 4px);
+  top: -8px;
+  content: "";
+  border: 4px solid transparent;
+  border-bottom-color: #02d7b5;
+}
+.page-header .nav-tab .quit:before {
+  position: absolute;
+  content: "";
+  display: block;
+  background: transparent;
+  left: -20px;
+  top: -30px;
+  width: 80px;
+  height: 80px;
+}
+.page-header .nav-tab .quit:active {
+  background: #09b6a4;
+}
+.page-header .nav-tab .quit:active:after {
+  border-bottom-color: #09b6a4;
+}
+.page-header .nav-tab .language {
+  display: inline-flex;
+  margin-left: 30px;
+}
+.page-header .logo {
+  display: block;
+  background: url(../img/helloofficer-logo.png) no-repeat;
+  width: 178px;
+  height: 46px;
+  background-size: 178px 46px;
+  width: 1200px;
+  margin: 0 auto;
+  max-width: 98vw;
+  min-width: 1100px;
+  position: relative;
+  top: -17px;
+  cursor: pointer;
+}
+.el-custom-select {
+  position: relative;
+}
+.el-custom-select .show-text {
+  border-radius: 5px;
+  background-color: rgba(255, 255, 255, 0.102);
+  width: 80px;
+  height: 28px;
+  line-height: 28px;
+  text-align: center;
+  font-size: 13px;
+  color: #fff;
+  cursor: pointer;
+}
+.el-custom-select .show-text .arrow {
+  margin-left: 4px;
+  display: inline-block;
+  width: 0;
+  height: 0;
+  border: 4px solid transparent;
+  border-top-color: #a4ccff;
+  position: relative;
+  top: 2px;
+  border-radius: 2px;
+}
+.el-custom-select .option-list {
+  position: absolute;
+  display: none;
+  left: 0;
+  top: 0px;
+  border: 1px rgba(255, 255, 255, 0.102) solid;
+  border-radius: 5px;
+  width: 80px;
+  background-color: rgba(255, 255, 255, 0.102);
+  font-size: 13px;
+  color: rgba(255, 255, 255, 0.302);
+  list-style: none;
+  transition: all 0.3s;
+  z-index: 100;
+}
+.el-custom-select .option-list .option-item {
+  line-height: 29px;
+  text-align: center;
+  cursor: pointer;
+}
+.el-custom-select .option-list .active {
+  color: #fff;
+}
+.el-custom-select .option-list.show {
+  top: 31px;
+  display: block;
+}
+.intro-container {
+  background: url(../img/helloofficer-bg.png) no-repeat center;
+  background-size: 100% 100%;
+  border-bottom: 5px solid #0170fe;
+  height: 565px;
+  width: 100%;
+  padding-top: 14px;
+}
+.intro-container .container {
+  width: 1200px;
+  margin: 0 auto;
+  max-width: 98vw;
+  min-width: 1100px;
+}
+.intro-container .swiper-container {
+  margin: 0 auto 0px;
+  padding: 20px 0;
+}
+.intro-container .swiper-container .swiper-pagination {
+  bottom: 15px;
+}
+.intro-container .intro-text {
+  margin: 0 auto 64px;
+  width: 700px;
+  height: 50px;
+  display: flex;
+  color: #fff;
+  font-size: 14px;
+  align-items: flex-start;
+  justify-content: space-between;
+}
+.intro-container .intro-text .yellow {
+  color: #e6b300;
+  font-size: 18px;
+  display: inline;
+}
+.intro-container .intro-text .text {
+  display: inline;
+  line-height: 24px;
+}
+.intro-container .intro-text .l {
+  display: inline-flex;
+  width: 32px;
+  height: 27px;
+  background: url(../img/helloofficer-ql.png) no-repeat;
+  background-size: 100%;
+}
+.intro-container .intro-text .r {
+  display: inline-flex;
+  width: 32px;
+  height: 27px;
+  background: url(../img/helloofficer-qr.png) no-repeat;
+  background-size: 100%;
+}
+.intro-container .swiper-container {
+  width: 100%;
+  height: 100%;
+}
+.intro-container .swiper-slide {
+  text-align: center;
+  font-size: 18px;
+  /* Center slide text vertically */
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  transition: 300ms;
+  transform: scale(0.6);
+  position: relative;
+}
+.intro-container .swiper-slide a:after {
+  content: "";
+  display: block;
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.4);
+}
+.intro-container .swiper-slide-active,
+.intro-container .swiper-slide-duplicate-active {
+  transform: scale(1);
+  z-index: 100;
+}
+.intro-container .swiper-slide-active img,
+.intro-container .swiper-slide-duplicate-active img {
+  width: 740px;
+  height: 270px;
+}
+.intro-container .swiper-slide-active a:after,
+.intro-container .swiper-slide-duplicate-active a:after {
+  content: none;
+}
+.intro-container .swiper-button-next:after,
+.intro-container .swiper-button-prev:after {
+  content: none;
+}
+.intro-container .swiper-button-next {
+  right: 0;
+  border: 2px rgba(255, 255, 255, 0.2) solid;
+  border-radius: 50%;
+  width: 46px;
+  height: 46px;
+  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAQCAYAAADESFVDAAAAoklEQVQokZ2ROwrCUBBFT4LLsdQ2rfa2biCCnRIbGwsLa9cjGFBSuBEXEEuPTQKP5wM/AwMzcJh7ZwZ1r9bqRCWVmdoAA+AJrICaKHLgGNQHoIihfmSp3rq8quNQLtReBuBFHaUg1CoAz+qwNx6qZ8AGmHV9C5Qx1C+wA6Zdf8/fNklEDGVAFUxpgfVXxn86weLTMecB0KjF3w8+AQ9gmwIAXuBOCgjMsl3AAAAAAElFTkSuQmCC) no-repeat center;
+  background-size: 9px 16px;
+}
+.intro-container .swiper-button-prev {
+  left: 0;
+  border: 2px rgba(255, 255, 255, 0.2) solid;
+  border-radius: 50%;
+  width: 46px;
+  height: 46px;
+  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAQCAYAAADESFVDAAAAn0lEQVQokY3SOwoCMRCA4T+Ld/AOYqmtrV5FwXJZRPAAYmHhVQRbQa28jp3422RhfAQ2MMWQDzKPJJXCmQJr4JIKaALsgAp4VgWwzQDggBpjrN7Ue465SgQj9RrAsr1rwVA9B9DEF1AHX2ClpoiSegT6ucgTsAFesZN/3f2cCqiBR85nQAOkD9W18M4jKA1z0XZXWksv5/tOCy4hCF/lDZ6V8agJLeFBAAAAAElFTkSuQmCC) no-repeat center;
+  background-size: 9px 16px;
+}
+.intro-container .swiper-button-next:hover,
+.intro-container .swiper-button-prev:hover {
+  background-color: rgba(0, 0, 0, 0.2);
+  border: none;
+}
+.intro-container .swiper-pagination-bullet-active {
+  background: #ccc;
+}
+.intro-container img {
+  display: block;
+  max-width: 100%;
+  max-height: 100%;
+}
+.intro-container a {
+  display: block;
+}
+.intro-container .tab-container {
+  display: block;
+  align-items: center;
+  font-size: 0px;
+  color: #ffffff;
+}
+.intro-container .tab-container .tab-item {
+  display: inline-block;
+  font-size: 20px;
+  background: rgba(255, 255, 255, 0.2);
+  width: 220px;
+  height: 64px;
+  line-height: 64px;
+  text-align: center;
+  border-radius: 10px 10px 0 0;
+  margin-right: 1px;
+  cursor: pointer;
+}
+.intro-container .tab-container .tab-item:hover {
+  background: rgba(255, 255, 255, 0.1);
+}
+.intro-container .tab-container .active {
+  background: #0170fe !important;
+}
+.page-footer {
+  font-size: 14px;
+  color: #ffffff;
+  line-height: 2;
+  text-align: center;
+  height: 135px;
+  background: #2d3038;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.page-footer span {
+  margin: 0 26px;
+}
+.main-container {
+  width: 1200px;
+  margin: 0 auto;
+  max-width: 98vw;
+  min-width: 1100px;
+  padding: 44px 0 80px;
+  font-size: 0;
+  vertical-align: top;
+  display: flex;
+}
+.main-container .start {
+  vertical-align: top;
+  display: inline-flex;
+  flex: 1;
+  flex-direction: column;
+  width: calc(100% - 414px);
+}
+.main-container .start .title {
+  display: block;
+  margin: 0 auto 40px;
+  width: 162px;
+  height: 48px;
+  background: url(../img/helloofficer-start.png) no-repeat;
+  background-size: 100%;
+}
+.main-container .start .list .item {
+  margin-bottom: 20px;
+  padding: 20px 40px;
+  border-radius: 10px;
+  background-color: #ffffff;
+  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
+}
+.main-container .start .list .school {
+  margin-bottom: 20px;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+}
+.main-container .start .list .school .avatar {
+  margin: 0 auto;
+  display: block;
+  max-width: 44px;
+  max-height: 44px;
+}
+.main-container .start .list .school .logo {
+  margin-right: 14px;
+  display: inline-flex;
+  border: 1px #ededed solid;
+  border-radius: 50%;
+  width: 54px;
+  height: 54px;
+  flex: 0 0 54px;
+  overflow: hidden;
+  align-items: center;
+  justify-content: center;
+}
+.main-container .start .list .school .name {
+  font-size: 23px;
+  color: #333;
+  font-weight: 600;
+}
+.main-container .start .list .intro {
+  display: block;
+}
+.main-container .start .list .intro .text {
+  display: inline-block;
+  width: calc(100% - 264px);
+  font-size: 14px;
+  color: #666666;
+  line-height: 25px;
+  word-break: break-all;
+  padding-bottom: 22px;
+  position: relative;
+  overflow: hidden;
+}
+.main-container .start .list .intro .text .t {
+  text-overflow: -o-ellipsis-lastline;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 4;
+  line-clamp: 4;
+  -webkit-box-orient: vertical;
+}
+.main-container .start .list .intro .text .open-more {
+  position: absolute;
+  right: 0px;
+  bottom: 18px;
+  cursor: pointer;
+  display: block;
+  padding: 0 4px 0 10px;
+  background: #ffffff;
+  height: 24px;
+  line-height: 24px;
+}
+.main-container .start .list .intro .textl {
+  width: 100%;
+}
+.main-container .start .list .intro .image {
+  margin-left: 84px;
+  display: inline-block;
+  border-radius: 10px;
+  width: 180px;
+  vertical-align: top;
+}
+.main-container .start .list .time {
+  margin-top: -5px;
+  font-size: 16px;
+  font-family: "DIN";
+  color: #000000;
+  line-height: 20px;
+}
+.main-container .start .list .time .yellow {
+  font-size: 14px;
+  color: #e6b200;
+  line-height: 20px;
+  display: inline;
+  margin-right: 6px;
+}
+.main-container .start .list .lesson {
+  margin-top: 26px;
+}
+.main-container .start .list .lesson .lesson-item {
+  margin-bottom: 10px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 4px 30px 4px 25px;
+  border-radius: 6px;
+  background-color: rgba(1, 112, 254, 0.059);
+  min-height: 46px;
+  font-size: 16px;
+  color: #333;
+  cursor: pointer;
+  transition: all 0.3s;
+}
+.main-container .start .list .lesson .lesson-item .icon {
+  transition: all 0.8s;
+  display: inline-flex;
+  border-radius: 50%;
+  background: #0170fe url(../img/arrow-white.png) no-repeat center;
+  background-size: 15px 10px;
+  width: 36px;
+  flex: 0 0 36px;
+  height: 36px;
+}
+.main-container .start .list .lesson .lesson-item:hover {
+  background-color: #0170fe;
+  font-size: 16px;
+  color: #ffffff;
+  font-weight: bold;
+}
+.main-container .start .list .lesson .lesson-item:hover .icon {
+  background: #fff url(../img/arrow-blue.png) no-repeat center;
+  background-size: 15px 10px;
+}
+.main-container .review {
+  display: inline-flex;
+  flex-direction: column;
+  width: 384px;
+  margin-left: 30px;
+}
+.main-container .review .title {
+  display: block;
+  margin: 0 auto 40px;
+  width: 164px;
+  height: 48px;
+  background: url(../img/helloofficer-review.png) no-repeat;
+  background-size: 100%;
+}
+.main-container .review .time-tab {
+  margin-bottom: 20px;
+  background-color: #e5e5e5;
+  width: 385px;
+  height: 50px;
+  padding: 0 6px;
+  border-radius: 25px;
+  display: flex;
+  align-items: center;
+  position: relative;
+}
+.main-container .review .time-tab .tab-item {
+  display: inline-flex;
+  flex: 1;
+  align-items: center;
+  justify-content: center;
+  font-size: 18px;
+  color: #999999;
+  cursor: pointer;
+  transition: all 0.3s;
+  height: 42px;
+  border-radius: 21px;
+  position: relative;
+  z-index: 10;
+}
+.main-container .review .time-tab .tab-item:hover {
+  color: #333;
+  font-weight: bold;
+}
+.main-container .review .time-tab .active {
+  color: #f1f1f1 !important;
+  font-weight: bold;
+  width: 82px;
+  border-radius: 21px;
+  background-color: #2d3038;
+}
+.main-container .review .time-tab .backblack {
+  background: #2d3038;
+  z-index: 5;
+  position: absolute;
+  left: 6px;
+  top: 4px;
+  height: 42px;
+  transition: all 0.2s;
+  border-radius: 21px;
+}
+.main-container .review .item {
+  margin-bottom: 20px;
+  border-radius: 10px;
+  background-color: #ffffff;
+  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
+}
+.main-container .review .item .school {
+  display: flex;
+  align-items: center;
+  padding: 10px 30px;
+  border-bottom: 1px solid #ededed;
+  justify-content: flex-start;
+}
+.main-container .review .item .school .avatar {
+  margin: 0 auto;
+  display: block;
+  max-width: 28px;
+  max-height: 28px;
+}
+.main-container .review .item .school .logo {
+  margin-right: 8px;
+  display: inline-flex;
+  border: 1px #ededed solid;
+  border-radius: 50%;
+  width: 34px;
+  height: 34px;
+  flex: 0 0 34px;
+  overflow: hidden;
+  align-items: center;
+  justify-content: center;
+}
+.main-container .review .item .school .name {
+  font-size: 18px;
+  color: #333;
+  font-weight: 600;
+}
+.main-container .review .item .contents {
+  padding: 26px 30px 20px;
+}
+.main-container .review .item .type {
+  color: #999999;
+  font-size: 14px;
+}
+.main-container .review .item .type .yellow {
+  display: inline-block;
+  margin-right: 6px;
+  color: #e6b200;
+}
+.main-container .review .item .link-list {
+  padding-bottom: 6px;
+}
+.main-container .review .item .link-list .i {
+  display: block;
+  margin-bottom: 20px;
+  cursor: pointer;
+  padding-left: 30px;
+  background: url(../img/arrow-black.png) no-repeat left center;
+  background-size: 15px 10px;
+  font-size: 15px;
+  color: #333333;
+  line-height: 1.4;
+  transition: all 0.3s;
+}
+.main-container .review .item .link-list .i:hover {
+  color: rgba(51, 51, 51, 0.8);
+  background: url(../img/arrow-yellow.png) no-repeat left center;
+  background-size: 15px 10px;
+}
+.to-top-btn {
+  position: fixed;
+  right: 37px;
+  bottom: 156px;
+  width: 40px;
+  height: 40px;
+  border-radius: 50%;
+  border: none;
+  background: url(../img/zsj-top.png) no-repeat;
+  background-size: 100%;
+  cursor: pointer;
+}
diff --git a/css/1.less b/css/1.less
new file mode 100644
index 0000000..f6b7644
--- /dev/null
+++ b/css/1.less
@@ -0,0 +1,777 @@
+*{
+	margin: 0;
+	padding: 0;
+	box-sizing: border-box;
+}
+[v-cloak]{
+	display: none;
+}
+.noselect {
+
+-webkit-touch-callout: none; /* iOS Safari */
+
+-webkit-user-select: none; /* Chrome/Safari/Opera */
+
+-khtml-user-select: none; /* Konqueror */
+
+-moz-user-select: none; /* Firefox */
+
+-ms-user-select: none; /* Internet Explorer/Edge */
+
+user-select: none; /* Non-prefixed version, currently
+
+not supported by any browser */
+
+}
+#loading{
+		text-align: center;
+		padding: 100px 0;
+	}
+	.loading{
+        width: 80px;
+        height: 40px;
+        margin: 0 auto;
+        display: inline-block;
+    }
+    .loading span{
+        display: inline-block;
+        width: 8px;
+        height: 100%;
+        border-radius: 4px;
+        background: lightgreen;
+        -webkit-animation: load 1s ease infinite;
+    }
+    @-webkit-keyframes load{
+        0%,100%{
+            height: 40px;
+            background: lightgreen;
+        }
+        50%{
+            height: 70px;
+            margin: -15px 0;
+            background: lightblue;
+        }
+    }
+    .loading span:nth-child(2){
+        -webkit-animation-delay:0.2s;
+    }
+    .loading span:nth-child(3){
+        -webkit-animation-delay:0.4s;
+    }
+    .loading span:nth-child(4){
+        -webkit-animation-delay:0.6s;
+    }
+    .loading span:nth-child(5){
+        -webkit-animation-delay:0.8s;
+    }
+body{
+	background: #f1f1f1;
+	font-family:  "microsoft yahei", "San Francisco", '微软雅黑', 'tahoma', 'arial', 'simsun', '宋体';
+}
+ul{
+	list-style: none;
+}
+a{
+	text-decoration: none;
+}
+.inner{
+	width: 1200px;
+	margin: 0 auto;
+	max-width: 98vw;
+	min-width: 1100px;
+}
+.page-header{
+	background: #0170fe;
+	padding-bottom: 2px;
+	.nav-tab{
+		.inner;
+		display: flex;
+		align-items:center;
+		justify-content:flex-end;
+		position: relative;
+		.line{
+			position: absolute;
+			right: 0;
+			bottom: 16px;
+			width: 30px;
+			height: 2px;
+			background: #fff;
+			transition:all 0.2s;
+		}
+		.url-list{
+			display: flex;
+			align-items:center;
+			justify-content:flex-end;
+			color:rgba(255, 255, 255, 0.702);
+			font-size: 13px;
+			list-style: none;
+			padding: 16px 0 ;
+
+			.item{
+				margin-left: 30px;
+				display: inline-flex;
+				border-bottom: 2px solid transparent;
+				position: relative;
+				a{
+					display: inline-flex;
+					padding: 9px 0;
+					cursor: pointer;
+					color: inherit;
+				}
+			}
+			.item:hover,.active{
+			    color: rgb(255, 255, 255);
+			}
+			// .item:after{
+			//     content: '';
+			//     position: absolute;
+			//     bottom: 0;
+			//     left: 100%;
+			//     width: 0;
+			//     height: 2px;
+			//     background-color: #fff;
+			//     transition: all 0.3s ease-out;
+  
+			// }
+			// .item:hover +.item:after {
+			//       width: 100%;
+			//       left: 0;
+			    
+
+			//   }
+			
+			.user{
+				margin-left: 40px;
+				display: inline-flex;
+				width: 30px;
+				height: 30px;
+				align-items:center;
+				justify-content:center;
+				// border:1px solid #ccc;
+				border-radius: 50%;
+				color: #ccc;
+				cursor: pointer;
+				position: relative;
+				img{
+					width: 28px;
+					height: 28px;
+					border-radius: 50%;
+					overflow:hidden;
+				}
+				i{
+					display: block;
+					background: url(../img/helloofficer-user.png) no-repeat;
+					width: 30px;
+					height: 30px;
+					background-size: 100%;
+				}
+
+			}
+			.user:hover .quit{
+					display: block;
+				}
+		}	
+
+		.quit{
+			display: none;
+		    position: absolute;
+		    bottom: -40px;
+		    left: calc(~'50% - 22px');
+		    z-index: 10;
+		    text-align: center;
+			width: 45px;
+			height: 30px;
+			line-height: 30px;
+			border-radius: 5px;
+			background: #02d7b5;
+			color: #233160;
+			font-size: 13px;
+			.noselect;
+		}
+		.quit:after{
+			position: absolute;
+			left: calc(~'50% - 4px');
+			top: -8px;
+			content: "";
+			border:4px solid transparent;
+			border-bottom-color: #02d7b5;
+		}
+		.quit:before{
+			position: absolute;
+			content: "";
+			display: block;
+			background: transparent;
+			left: -20px;
+		    top: -30px;
+		    width: 80px;
+		    height: 80px;
+		}
+		.quit:active{
+			background: #09b6a4;
+		}
+		.quit:active:after{
+			border-bottom-color: #09b6a4;
+		}
+		.language{
+			display: inline-flex;
+			margin-left: 30px;
+		}
+
+	}
+	.logo{
+		display: block;
+		background: url(../img/helloofficer-logo.png) no-repeat;
+		width: 178px;
+		height: 46px;
+		background-size: 178px 46px;
+		.inner;
+		position: relative;
+		top: -17px;
+		cursor: pointer;
+	}
+}
+.el-custom-select{
+	position: relative;
+	.show-text{
+		border-radius: 5px;
+		background-color: rgba(255, 255, 255,0.102);
+		width: 80px;
+		height: 28px;
+		line-height: 28px;
+		text-align: center;
+		font-size: 13px;
+		color: #fff;
+		cursor: pointer;
+		.arrow{
+			margin-left: 4px;
+			display: inline-block;
+			width: 0;
+			height: 0;
+			border:4px solid transparent;
+			border-top-color: #a4ccff;
+			position: relative;
+			top: 2px;
+			border-radius: 2px;
+		}
+	}
+	.option-list{
+		position: absolute;
+		display: none;
+		left: 0;
+		top: 0px;
+		border: 1px rgba(255, 255, 255,0.102) solid;
+		border-radius: 5px;
+		width: 80px;
+  		background-color: rgba(255, 255, 255,0.102);
+ 		font-size: 13px;
+ 		color: rgba(255, 255, 255, 0.302);
+		list-style: none;
+		transition:all 0.3s;
+		z-index: 100;
+		.option-item{
+			line-height: 29px;
+			text-align: center;
+			cursor: pointer;
+		}
+		.active{
+			color: #fff;
+		}
+	
+	}
+	.option-list.show{
+		top: 31px;
+		display: block;
+	}
+}
+
+.intro-container{
+	background: url(../img/helloofficer-bg.png) no-repeat center;
+	background-size: 100% 100%;
+	border-bottom: 5px solid #0170fe;
+	height: 565px;
+	width: 100%;
+	padding-top: 14px;
+	.container{
+		margin: 0 auto;
+		.inner;
+	}
+	.swiper-container{
+		margin: 0 auto 0px;
+		padding: 20px 0;
+		// overflow: visible;
+		.swiper-pagination{
+			bottom: 15px;
+		}
+	}
+
+
+	.intro-text{
+		margin: 0 auto 64px;
+		width: 700px;
+		height: 50px;
+		display: flex;
+		color: #fff;
+		font-size: 14px;
+		align-items:flex-start;
+		justify-content:space-between;
+		.yellow{
+			color: #e6b300;
+			font-size: 18px;
+			display: inline;
+		}
+		.text{
+			display: inline;
+			line-height: 24px;
+		}
+		.l{
+			display: inline-flex;
+			width: 32px;
+			height: 27px;
+			background: url(../img/helloofficer-ql.png) no-repeat;
+			background-size: 100%;
+		}
+		.r{
+			display: inline-flex;
+			width: 32px;
+			height: 27px;
+			background: url(../img/helloofficer-qr.png) no-repeat;
+			background-size: 100%;
+		}
+	}
+	
+	.swiper-container {
+      width: 100%;
+      height: 100%;
+    }
+
+    .swiper-slide {
+      text-align: center;
+      font-size: 18px;
+      // background: #fff;
+
+      /* Center slide text vertically */
+      display: -webkit-box;
+      display: -ms-flexbox;
+      display: -webkit-flex;
+      display: flex;
+      -webkit-box-pack: center;
+      -ms-flex-pack: center;
+      -webkit-justify-content: center;
+      justify-content: center;
+      -webkit-box-align: center;
+      -ms-flex-align: center;
+      -webkit-align-items: center;
+      align-items: center;
+	  transition: 300ms;
+	  transform: scale(0.6);
+	  position: relative;
+    }
+    .swiper-slide a:after{
+    	content: "";
+    	display: block;
+    	position: absolute;
+    	left: 0;
+    	top: 0;
+    	width: 100%;
+    	height: 100%;
+    	background: rgba(0,0,0,0.4)
+    }
+	.swiper-slide-active,.swiper-slide-duplicate-active{
+      transform: scale(1);
+      z-index: 100;
+      img{
+      	width: 740px;
+		height: 270px;
+      }
+	}
+	.swiper-slide-active a:after,.swiper-slide-duplicate-active a:after{
+		content: none;
+	}
+	.swiper-button-next:after,.swiper-button-prev:after{
+		content: none;
+	}
+	.swiper-button-next{
+		right: 0;
+		border: 2px rgba(255, 255, 255,0.2) solid;
+		border-radius: 50%;
+		width: 46px;
+		height: 46px;
+		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAQCAYAAADESFVDAAAAoklEQVQokZ2ROwrCUBBFT4LLsdQ2rfa2biCCnRIbGwsLa9cjGFBSuBEXEEuPTQKP5wM/AwMzcJh7ZwZ1r9bqRCWVmdoAA+AJrICaKHLgGNQHoIihfmSp3rq8quNQLtReBuBFHaUg1CoAz+qwNx6qZ8AGmHV9C5Qx1C+wA6Zdf8/fNklEDGVAFUxpgfVXxn86weLTMecB0KjF3w8+AQ9gmwIAXuBOCgjMsl3AAAAAAElFTkSuQmCC) no-repeat center;
+		background-size: 9px 16px;
+	}
+	.swiper-button-prev{
+		left: 0;
+		border: 2px rgba(255, 255, 255,0.2) solid;
+		border-radius: 50%;
+		width: 46px;
+		height: 46px;
+		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAQCAYAAADESFVDAAAAn0lEQVQokY3SOwoCMRCA4T+Ld/AOYqmtrV5FwXJZRPAAYmHhVQRbQa28jp3422RhfAQ2MMWQDzKPJJXCmQJr4JIKaALsgAp4VgWwzQDggBpjrN7Ue465SgQj9RrAsr1rwVA9B9DEF1AHX2ClpoiSegT6ucgTsAFesZN/3f2cCqiBR85nQAOkD9W18M4jKA1z0XZXWksv5/tOCy4hCF/lDZ6V8agJLeFBAAAAAElFTkSuQmCC) no-repeat center;
+		background-size: 9px 16px;
+	}
+	.swiper-button-next:hover,.swiper-button-prev:hover{
+		background-color: rgba(0,0,0,0.2);
+		border:none;
+	}
+	.swiper-pagination-bullet-active{
+		background: #ccc
+	}
+
+	img{
+		display: block;
+		max-width: 100%;
+		max-height: 100%;
+
+	}
+	a{
+		display: block;
+	}
+	.tab-container{
+		display: block;
+		align-items:center;
+		font-size: 0px;
+		color: rgb(255, 255, 255);
+		.tab-item{
+			display: inline-block;
+			font-size: 20px;
+  			background: rgba(255, 255, 255,0.2);
+			width: 220px;
+			height: 64px;
+			line-height: 64px;
+			text-align: center;
+			border-radius: 10px 10px 0 0;
+			margin-right: 1px;
+			cursor: pointer;
+		}
+		.tab-item:hover{
+			background: rgba(255, 255, 255,0.1);
+		}
+		.active{
+			background: #0170fe !important;
+		}
+	}
+}
+.page-footer{
+	font-size: 14px;
+	color: rgb(255, 255, 255);
+	line-height: 2;
+	text-align: center;
+	height: 135px;
+	background: #2d3038;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    span{
+    	margin: 0 26px;
+    }
+
+
+}
+.main-container{
+	.inner;
+	padding: 44px 0 80px;
+	font-size: 0;
+	vertical-align: top;
+	display: flex;
+	.start{
+		vertical-align: top;
+		display: inline-flex;
+		flex:1;
+		    flex-direction: column;
+		width: calc(~'100% - 414px');
+		.title{
+			display: block;
+			margin: 0 auto 40px;
+			width: 162px;
+			height: 48px;
+			background: url(../img/helloofficer-start.png) no-repeat;
+			background-size: 100%;
+		}
+		.list{
+			.item{
+				margin-bottom: 20px;
+				padding: 20px 40px;
+				border-radius: 10px;
+				background-color: rgb(255, 255, 255);
+				box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
+			}
+			.school{
+				margin-bottom: 20px;
+				display: flex;
+				align-items:center;
+			    justify-content: flex-start;
+				.avatar{
+				    margin: 0 auto;
+    				display: block;
+					max-width: 44px;
+					max-height: 44px;
+				}
+				.logo{
+				    margin-right: 14px;
+					display: inline-flex;
+					border: 1px rgb(237, 237, 237) solid;
+					border-radius: 50%;
+					width: 54px;
+					height: 54px;
+					flex:0 0 54px;
+				    overflow: hidden;
+				    align-items: center;
+				    justify-content: center;
+
+				}
+				.name{
+					font-size: 23px;
+					color: #333;
+					font-weight: 600
+				}
+			}
+			.intro{
+				display: block;
+				.text{
+					display: inline-block;
+					width: calc(~'100% - 264px');
+					font-size: 14px;
+					color: rgb(102, 102, 102);
+					line-height: 25px;
+					word-break:break-all;
+					padding-bottom: 22px;
+					position: relative;
+					overflow: hidden;
+					.t{
+						text-overflow: -o-ellipsis-lastline;
+						overflow: hidden;
+						text-overflow: ellipsis;
+						display: -webkit-box;
+						-webkit-line-clamp: 4;
+						line-clamp: 4;
+						-webkit-box-orient: vertical;
+					}
+					.open-more{
+					    position: absolute;
+					    right: 0px;
+					    bottom: 18px;
+					    cursor: pointer;
+					    display: block;
+					    padding: 0 4px 0 10px;
+					    background: #ffffff;
+					    // background: linear-gradient(90deg, transparent,#fff, #fff);
+					    height: 24px;
+					    line-height: 24px;
+					}
+				}
+				.textl{
+					width: 100%;
+				}
+				.image{
+					margin-left: 84px;
+					display: inline-block;
+					border-radius: 10px;
+					width: 180px;
+					vertical-align: top;
+
+				}
+
+
+			}
+			.time{
+				margin-top: -5px;
+				font-size: 16px;
+				font-family: "DIN";
+				color: rgb(0, 0, 0);
+				line-height: 20px;
+				.yellow{
+					font-size: 14px;
+					color: #e6b200;
+					line-height: 20px;
+					display: inline;
+					margin-right: 6px;
+				}
+			}
+			.lesson{
+				margin-top: 26px;
+				.lesson-item{
+					margin-bottom: 10px;
+					display: flex;
+					justify-content:space-between;
+					align-items:center;
+					padding: 4px 30px 4px 25px;
+					border-radius: 6px;
+					background-color: rgba(1, 112, 254,0.059);
+					min-height: 46px;
+					font-size: 16px;
+					color: #333;
+					cursor: pointer;
+					transition:all 0.3s;
+					.icon{
+						transition:all 0.8s;
+						display: inline-flex;
+						border-radius: 50%;
+						background: rgb(1, 112, 254) url(../img/arrow-white.png) no-repeat center;
+						background-size: 15px 10px;
+						width: 36px;
+						flex:0 0 36px;
+						height: 36px;
+					}
+				}
+				.lesson-item:hover{
+					background-color: #0170fe;
+					font-size: 16px;
+					color: rgb(255, 255, 255);
+					font-weight: bold;
+					.icon{
+						background: #fff url(../img/arrow-blue.png) no-repeat center;
+						background-size: 15px 10px;
+					}
+				}
+			}
+		}
+	}
+	.review{
+		display: inline-flex;
+	    flex-direction: column;
+		width: 384px;
+		margin-left: 30px;
+		.title{
+			display: block;
+			margin: 0 auto 40px;
+			width: 164px;
+			height: 48px;
+			background: url(../img/helloofficer-review.png) no-repeat;
+			background-size: 100%;
+		}
+		.time-tab{
+			margin-bottom: 20px;
+			background-color: rgb(229, 229, 229);
+			width: 385px;
+			height: 50px;
+			padding: 0 6px;
+			border-radius: 25px;
+			display: flex;
+			align-items:center;
+			position: relative;
+			.tab-item{
+				display: inline-flex;
+				flex:1;
+				align-items:center;
+				justify-content:center;
+				font-size: 18px;
+				color: rgb(153, 153, 153);
+				cursor: pointer;
+				transition:all 0.3s;
+				height: 42px;
+				border-radius: 21px;
+				position: relative;
+				z-index: 10;
+			}
+			.tab-item:hover{
+				color: #333;
+  				font-weight: bold;
+			}
+			.active{
+				color: rgb(241, 241, 241) !important;
+  				font-weight: bold;
+				width: 82px;
+				border-radius: 21px;
+				background-color: rgb(45, 48, 56);
+			}
+			.backblack{
+				background: rgb(45, 48, 56);
+				z-index: 5;
+				position: absolute;
+				left: 6px;
+				top: 4px;
+				height: 42px;
+				transition:all 0.2s;
+				border-radius: 21px;
+
+				
+			}
+		}
+		.list{
+
+		}
+		.item{
+			margin-bottom: 20px;
+			border-radius: 10px;
+			background-color: rgb(255, 255, 255);
+			box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
+			.school{
+				display: flex;
+				align-items:center;
+				padding: 10px 30px;
+				border-bottom:1px solid #ededed;
+				justify-content: flex-start;
+				.avatar{
+				    margin: 0 auto;
+    				display: block;
+					max-width: 28px;
+					max-height: 28px;
+				}
+				.logo{
+				    margin-right: 8px;
+				    display: inline-flex;
+				    border: 1px #ededed solid;
+				    border-radius: 50%;
+				    width: 34px;
+				    height: 34px;
+				    flex: 0 0 34px;
+				    overflow: hidden;
+				    align-items: center;
+				    justify-content: center;
+
+				}
+				.name{
+					font-size: 18px;
+					color: #333;
+					font-weight: 600;
+				}
+			}
+			.contents{
+				padding: 26px 30px 20px;
+			}
+			.type{
+				// margin-bottom: 24px;
+				color: #999999;
+				font-size: 14px;
+				.yellow{
+					display: inline-block;
+					margin-right: 6px;
+					color: #e6b200;
+				}
+			}
+			.link-list{
+				padding-bottom: 6px;
+				.i{
+					display: block;
+					margin-bottom: 20px;
+					cursor: pointer;
+					padding-left: 30px;
+					background: url(../img/arrow-black.png) no-repeat left center;
+					background-size: 15px 10px;
+					font-size: 15px;
+					color: rgb(51, 51, 51);
+					line-height: 1.4;
+					transition:all 0.3s;
+				}
+				.i:hover{
+					color: rgba(51, 51, 51, 0.8);
+					background: url(../img/arrow-yellow.png) no-repeat left center;
+					background-size: 15px 10px;
+				}
+			}
+		}
+	}
+}
+
+.to-top-btn{
+	position: fixed;
+    right: 37px;
+    bottom: 156px;
+    background-size: 100%;
+    width: 40px;
+    height: 40px;
+    border-radius: 50%;
+	border:none;
+	background:url(../img/zsj-top.png) no-repeat;
+	background-size: 100%; 
+	cursor: pointer;
+}
\ No newline at end of file
diff --git a/css/index.css b/css/index.css
new file mode 100644
index 0000000..4f99a10
--- /dev/null
+++ b/css/index.css
@@ -0,0 +1,1407 @@
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+  font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif;
+  font-style: normal;
+}
+/* Webkit浏览器（Chrome、Safari等） */
+*::-webkit-scrollbar {
+  width: 8px;
+  background-color: transparent;
+}
+*::-webkit-scrollbar-thumb {
+  background-color: #d7d7d7;
+  border-radius: 4px;
+}
+*::-webkit-scrollbar-thumb:hover {
+  background-color: #666;
+}
+/* Firefox浏览器 */
+/* 注意：Firefox浏览器不支持修改滚动条的宽度 */
+/* 若要修改滚动条的宽度，可以使用一些特殊的插件或者自定义滚动条的替代方案 */
+/* 以下代码只是修改滚动条的颜色和背景色 */
+* {
+  scrollbar-width: thin;
+  scrollbar-color: #d7d7d7 transparent;
+}
+*::-moz-scrollbar-thumb {
+  background-color: #d7d7d7;
+}
+*::-moz-scrollbar-thumb:hover {
+  background-color: #666;
+}
+.flexflex {
+  display: flex;
+}
+.flex1 {
+  flex: 1;
+}
+.flexcenter {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.flexacenter {
+  display: flex;
+  align-items: center;
+}
+.flexjcenter {
+  display: flex;
+  justify-content: center;
+}
+/* // 一行显示 */
+.ellipsis {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+#answer-app header {
+  background: #f6f6f6;
+  height: 150px;
+  border: 1px solid #ebebeb;
+  min-width: 1200px;
+  margin: 0 auto;
+  flex-direction: column;
+  padding-top: 24px;
+}
+#answer-app header .top {
+  width: 1200px;
+  margin-bottom: 31px;
+}
+#answer-app header .top .logo {
+  width: 73px;
+  cursor: pointer;
+}
+#answer-app header .top .right {
+  justify-content: flex-end;
+}
+#answer-app header .top .right .searchInput {
+  width: 320px;
+  height: 32px;
+  border: 1px solid #ebebeb;
+  border-radius: 104px;
+  background-color: #fff;
+  font-size: 13px;
+  padding-right: 16px;
+  position: relative;
+}
+#answer-app header .top .right .searchInput input {
+  border: none;
+  outline: none;
+  height: 100%;
+  padding-left: 16px;
+  border-radius: 104px;
+}
+#answer-app header .top .right .searchInput .input-icon {
+  width: 20px;
+  height: 20px;
+  cursor: pointer;
+}
+#answer-app header .top .right .searchInput .history-box {
+  position: absolute;
+  top: 36px;
+  left: 0;
+  width: 320px;
+  background-color: #ffffff;
+  border: 1px solid #ebebeb;
+  border-radius: 10px;
+  padding-top: 15px;
+  z-index: 2;
+  padding-bottom: 14px;
+}
+#answer-app header .top .right .searchInput .history-box .history-title {
+  font-size: 13px;
+  color: #AAAAAA;
+  padding-left: 16px;
+  margin-bottom: 9px;
+}
+#answer-app header .top .right .searchInput .history-box .history-list .history-item {
+  font-size: 14px;
+  color: #333;
+  height: 30px;
+  line-height: 30px;
+  padding: 0 16px;
+  cursor: pointer;
+}
+#answer-app header .top .right .btn-list {
+  width: 221px;
+  height: 30px;
+  border: 1px solid #ebebeb;
+  border-radius: 5px;
+  font-size: 13px;
+  color: #555;
+  margin-left: 20px;
+}
+#answer-app header .top .right .btn-list .item {
+  text-align: center;
+  position: relative;
+  cursor: pointer;
+}
+#answer-app header .top .right .btn-list .item:not(:last-of-type)::before {
+  content: '|';
+  position: absolute;
+  top: 50%;
+  right: 0;
+  transform: translateY(-50%);
+  color: #D7D7D7;
+  font-size: 13px;
+}
+#answer-app header .top .right .add-btn {
+  width: 130px;
+  height: 30px;
+  background-color: #fddf6d;
+  border-radius: 5px;
+  color: #000000;
+  font-size: 13px;
+  cursor: pointer;
+  margin-left: 20px;
+}
+#answer-app header .top .right .add-btn .add-icon {
+  width: 14px;
+  height: 14px;
+  margin-right: 4px;
+}
+#answer-app header .tab-box {
+  width: 100%;
+  z-index: 1;
+  background-color: #f6f6f6;
+  padding: 5px 0;
+  margin: 0 auto;
+}
+#answer-app header .tab-box.tab-list-fixed {
+  position: fixed;
+  top: 0;
+}
+#answer-app header .tab-box .tab-list {
+  width: 1200px;
+}
+#answer-app header .tab-box .tab-list .item {
+  text-align: center;
+  font-size: 14px;
+  height: 24px;
+  color: #333;
+  margin-right: 30px;
+}
+#answer-app header .tab-box .tab-list .item.pitch {
+  padding: 0 11px;
+  background-color: #fa6b11;
+  border-radius: 19px;
+  font-weight: 650;
+  color: #FFFFFF;
+}
+#answer-app .main {
+  margin: 0 auto;
+  height: calc(100vh - 150px);
+  justify-content: center;
+  background-color: #fbfbfb;
+  min-width: 1200px;
+}
+#answer-app .main.mode-list {
+  background: #fff;
+}
+#answer-app .main.mode-list .main-header {
+  border-right: none;
+}
+#answer-app .main.mode-list .list-box .list .item {
+  border-right: none;
+}
+#answer-app .main .main-header {
+  margin: 0 auto;
+  padding-left: calc((100vw - 1200px) / 2);
+  display: inline-flex;
+  width: calc((100vw - 1200px) / 2 + 512px);
+  background: #fff;
+  border-right: 1px solid #ebebeb;
+  height: 68px;
+  padding-top: 28px;
+}
+#answer-app .main .main-header .search-keyword {
+  color: #FA6B11;
+  font-size: 14px;
+  height: 20px;
+  cursor: pointer;
+  padding-right: 20px;
+  margin-right: 20px;
+  border-right: 1px solid #ebebeb;
+}
+#answer-app .main .main-header .search-keyword .search-keyword-cross {
+  width: 14px;
+  height: 14px;
+  margin-left: 8px;
+}
+#answer-app .main .main-header .total {
+  font-size: 13px;
+  color: #7F7F7F;
+  height: 20px;
+}
+#answer-app .main .list-box {
+  overflow-y: auto;
+  overflow-x: hidden;
+  padding-right: 15px;
+}
+#answer-app .main .list-box::-webkit-scrollbar {
+  width: 0 !important;
+}
+#answer-app .main .list-box .list {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  position: relative;
+}
+#answer-app .main .list-box .list .item {
+  position: absolute;
+  padding: 20px 0 0;
+  transition-property: top, left, background;
+  transition-duration: 0.5s;
+  border-right: 1px solid #ebebeb;
+  height: 128px;
+  background-color: #fff;
+}
+#answer-app .main .list-box .list .item:first-of-type {
+  border-top: 1px solid #ebebeb;
+}
+#answer-app .main .list-box .list .item.upLevel .content {
+  border: none;
+}
+#answer-app .main .list-box .list .item.pitch {
+  background-color: #fbfbfb;
+  border-top: 1px solid #ebebeb;
+  border-bottom: 1px solid #ebebeb;
+  position: relative;
+}
+#answer-app .main .list-box .list .item.pitch::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  right: -1px;
+  width: 4px;
+  height: 100%;
+  background-color: #fddf6d;
+}
+#answer-app .main .list-box .list .item.pitch::before {
+  content: "";
+  position: absolute;
+  width: 5px;
+  height: 10px;
+  right: -5px;
+  top: 50%;
+  transform: translateY(-50%);
+  background-image: url('../img/triangle-icon.svg');
+}
+#answer-app .main .list-box .list .item.pitch .content {
+  border: none;
+}
+#answer-app .main .list-box .list .item .dot {
+  width: 6px;
+  height: 6px;
+  margin-top: 8px;
+  margin-right: 14px;
+}
+#answer-app .main .list-box .list .item .content {
+  border-bottom: 1px dotted #ebebeb;
+  padding-bottom: 20px;
+}
+#answer-app .main .list-box .list .item .content .issue {
+  font-weight: 650;
+  font-size: 14px;
+  color: #000000;
+  line-height: 22px;
+  margin-bottom: 8px;
+}
+#answer-app .main .list-box .list .item .content .answer {
+  color: #555;
+  height: 22px;
+  line-height: 22px;
+  font-size: 13px;
+  margin-bottom: 18px;
+}
+#answer-app .main .list-box .list .item .content .bottom {
+  font-size: 12px;
+  justify-content: flex-end;
+}
+#answer-app .main .list-box .list .item .content .bottom .quantity {
+  color: #aaa;
+}
+#answer-app .main .list-box .list .item .content .bottom .longString {
+  width: 1px;
+  height: 13px;
+  background-color: #d7d7d7;
+  margin: 0 15px;
+}
+#answer-app .main .list-box .list .item .content .bottom .answer-btn {
+  color: #72DB86;
+  cursor: pointer;
+}
+#answer-app .main .list-box .empty-box {
+  width: 690px;
+  height: 490px;
+  background-color: #ffffff;
+  border-radius: 6px;
+  margin: 0 auto;
+  flex-direction: column;
+}
+#answer-app .main .list-box .empty-box .dot-list .item {
+  width: 8px;
+  height: 8px;
+}
+#answer-app .main .list-box .empty-box .dot-list .item:not(:last-of-type) {
+  margin-right: 5px;
+}
+#answer-app .main .list-box .empty-box .empty-icon {
+  width: 100px;
+  height: 100px;
+  margin-top: 10px;
+  margin-bottom: 15px;
+}
+#answer-app .main .list-box .empty-box .empty-hint {
+  font-size: 13px;
+  color: #7f7f7f;
+  line-height: 22px;
+}
+#answer-app .main .details-area-box {
+  width: calc((100vw - 1200px) / 2 + 688px);
+  background-color: #fbfbfb;
+  overflow-y: auto;
+  overflow-x: hidden;
+  display: flex;
+  flex-direction: column;
+}
+#answer-app .main .details-area-box .details-box {
+  width: 688px;
+  padding-left: 60px;
+  flex-direction: column;
+  flex: 1;
+}
+#answer-app .main .details-area-box .details-box .close-box {
+  height: 69px;
+  padding-top: 29px;
+  display: flex;
+  justify-content: flex-end;
+}
+#answer-app .main .details-area-box .details-box .close-box .close-circle {
+  position: relative;
+  cursor: pointer;
+}
+#answer-app .main .details-area-box .details-box .close-box .close-circle .close-icon {
+  width: 20px;
+  height: 20px;
+}
+#answer-app .main .details-area-box .details-box .close-box .close-circle .details-cross-icon {
+  width: 10px;
+  height: 10px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+#answer-app .main .details-area-box .details-box .details-issue {
+  width: 627px;
+  border-radius: 8px;
+  background-color: #fff;
+  -moz-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.10196078);
+  -webkit-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.1);
+  box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.1);
+  padding-top: 24px;
+  margin-bottom: 28px;
+}
+#answer-app .main .details-area-box .details-box .details-issue .title {
+  font-weight: 650;
+  font-size: 18px;
+  line-height: 22px;
+  color: #000000;
+  padding: 0 24px;
+  margin-bottom: 21px;
+}
+#answer-app .main .details-area-box .details-box .details-issue .hint {
+  font-size: 14px;
+  color: #555;
+  line-height: 24px;
+  margin-bottom: 20px;
+  padding: 0 24px;
+}
+#answer-app .main .details-area-box .details-box .details-issue .operate-box .answer-btn {
+  width: 120px;
+  height: 28px;
+  background-color: #f6f6f6;
+  border-radius: 43px;
+  font-size: 14px;
+  color: #555555;
+  line-height: 20px;
+  cursor: pointer;
+}
+#answer-app .main .details-area-box .details-box .details-issue .operate-box .answer-btn.white {
+  background-color: #62b1ff;
+  color: #FFFFFF;
+}
+#answer-app .main .details-area-box .details-box .details-issue .operate-box .answer-btn.white .answer-icon-white {
+  display: block;
+}
+#answer-app .main .details-area-box .details-box .details-issue .operate-box .answer-btn.white .answer-icon-edit {
+  display: none;
+}
+#answer-app .main .details-area-box .details-box .details-issue .operate-box .answer-btn .answer-btn-icon {
+  width: 16px;
+  height: 16px;
+  margin-right: 8px;
+  display: none;
+}
+#answer-app .main .details-area-box .details-box .details-issue .operate-box .answer-btn .answer-icon-edit {
+  display: block;
+}
+#answer-app .main .details-area-box .details-box .answer-total-amount {
+  color: #555555;
+  line-height: 22px;
+  font-size: 13px;
+  margin-bottom: 20px;
+}
+#answer-app .main .details-area-box .details-box .answer-empty-box {
+  height: 321px;
+  flex-direction: column;
+  justify-content: center;
+  background-color: #fff;
+  width: 626px;
+  height: 300px;
+  background-color: #ffffff;
+  border: 1px solid #ebebeb;
+  border-radius: 10px;
+  -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.11764706);
+  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.11764706);
+  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.11764706);
+}
+#answer-app .main .details-area-box .details-box .answer-box-item {
+  width: 627px;
+  border-radius: 8px;
+  background-color: #fff;
+  -moz-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.10196078);
+  -webkit-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.1);
+  box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.1);
+  padding-top: 24px;
+  margin-bottom: 21px;
+}
+#answer-app .main .details-area-box .details-box .answer-box-item .answer-text {
+  font-size: 14px;
+  color: #555555;
+  line-height: 26px;
+  padding: 0 24px;
+  margin-bottom: 20px;
+}
+#answer-app .main .details-area-box .details-box .answer-box-item .answer-text img {
+  max-width: 100%;
+}
+#answer-app .main .details-area-box .details-box .answer-box-item .operate-box {
+  padding: 0 24px;
+}
+#answer-app .main .details-area-box .details-box .answer-box-item .operate-box .edit-box .edit-btn {
+  cursor: pointer;
+  width: 24px;
+  height: 24px;
+  border-radius: 50%;
+  background-color: #f6f6f6;
+}
+#answer-app .main .details-area-box .details-box .answer-box-item .operate-box .edit-box .edit-btn .edit-icon {
+  width: 16px;
+  height: 16px;
+}
+#answer-app .main .details-area-box .details-box .answer-box-item .post-comment {
+  background-color: #f6f6f6;
+  position: relative;
+  z-index: 2;
+}
+#answer-app .main .details-area-box .details-box .answer-box-item .post-comment .post-input {
+  height: 50px;
+  border: none;
+  background-color: transparent;
+  outline-color: #62b1ff;
+  padding: 0 23px;
+  font-size: 14px;
+}
+#answer-app .main .details-area-box .details-box .answer-box-item .post-comment .post-input::placeholder {
+  color: #AAAAAA;
+}
+#answer-app .main .details-area-box .details-box .answer-box-item .post-comment .post-ok {
+  width: 50px;
+  height: 50px;
+  background-color: #62b1ff;
+  color: #fff;
+  font-size: 13px;
+  cursor: pointer;
+}
+#answer-app .main .details-area-box .details-box .answer-box-item .comments-empty-box {
+  height: 321px;
+  flex-direction: column;
+  justify-content: center;
+}
+#answer-app .main .details-area-box .details-box .answer-box-item .comments-box {
+  padding: 17px 24px 29px;
+}
+#answer-app .main .details-area-box .details-box .answer-box-item .comments-box .comments-item {
+  padding: 13px 0 0;
+}
+#answer-app .main .details-area-box .details-box .answer-box-item .comments-box .comments-item .comments-header {
+  justify-content: space-between;
+  margin-bottom: 9px;
+}
+#answer-app .main .details-area-box .details-box .answer-box-item .comments-box .comments-item .comments-header .comments-header-left {
+  font-size: 13px;
+}
+#answer-app .main .details-area-box .details-box .answer-box-item .comments-box .comments-item .comments-header .comments-header-left .comments-avatar {
+  width: 20px;
+  height: 20px;
+  margin-right: 10px;
+  border-radius: 50%;
+}
+#answer-app .main .details-area-box .details-box .answer-box-item .comments-box .comments-item .comments-header .comments-header-left .comments-username {
+  color: #555;
+  margin-right: 10px;
+}
+#answer-app .main .details-area-box .details-box .answer-box-item .comments-box .comments-item .comments-header .comments-header-left .comments-time {
+  color: #AAAAAA;
+  margin-right: 8px;
+}
+#answer-app .main .details-area-box .details-box .answer-box-item .comments-box .comments-item .comments-header .comments-header-left .comments-identity {
+  font-size: 12px;
+  color: #7f7f7f;
+  padding: 0 3px;
+  height: 20px;
+  background-color: #f0f2f5;
+  border: 1px solid #d7d7d7;
+  border-radius: 5px;
+}
+#answer-app .main .details-area-box .details-box .answer-box-item .comments-box .comments-item .comments-header .comments-header-right .menu-box {
+  position: relative;
+}
+#answer-app .main .details-area-box .details-box .answer-box-item .comments-box .comments-item .comments-header .comments-header-right .menu-box .menu-icon {
+  width: 14px;
+  height: 14px;
+  cursor: pointer;
+}
+#answer-app .main .details-area-box .details-box .answer-box-item .comments-box .comments-item .comments-header .comments-header-right .menu-box .report-box {
+  position: absolute;
+  top: 24px;
+  right: 0;
+  width: 60px;
+  height: 24px;
+  background-color: #f6f6f6;
+  border: 1px solid #d7d7d7;
+  border-radius: 5px;
+  font-size: 12px;
+  color: #7F7F7F;
+}
+#answer-app .main .details-area-box .details-box .answer-box-item .comments-box .comments-item .comments-header .comments-header-right .comment-icon {
+  width: 14px;
+  height: 13px;
+  margin-left: 40px;
+  cursor: pointer;
+}
+#answer-app .main .details-area-box .details-box .answer-box-item .comments-box .comments-item .comments-header .comments-header-right .like-box {
+  font-size: 12px;
+  color: #aaa;
+  margin-left: 40px;
+  cursor: pointer;
+}
+#answer-app .main .details-area-box .details-box .answer-box-item .comments-box .comments-item .comments-header .comments-header-right .like-box .like-icon {
+  width: 14px;
+  height: 14px;
+}
+#answer-app .main .details-area-box .details-box .answer-box-item .comments-box .comments-item .comments-header .comments-header-right .like-box .like-quantity {
+  margin-left: 6px;
+}
+#answer-app .main .details-area-box .details-box .answer-box-item .comments-box .comments-item .comments-content {
+  margin-left: 30px;
+  padding-bottom: 12px;
+  border-bottom: 1px dotted #ebebeb;
+}
+#answer-app .main .details-area-box .details-box .answer-box-item .comments-box .comments-item .comments-content .comments-text {
+  font-size: 14px;
+  line-height: 22px;
+  color: #333333;
+}
+#answer-app .main .details-area-box .details-box .answer-box-item .comments-box .comments-item .comments-content .comments-text .comments-reply {
+  color: #92A1BF;
+  display: inline;
+}
+#answer-app .main .details-area-box .details-box .answer-box-item .comments-box .comments-item .comments-content .comments-input-box {
+  margin-top: 13px;
+}
+#answer-app .main .details-area-box .details-box .answer-box-item .comments-box .comments-item .comments-content .comments-input-box .comments-input {
+  width: 519px;
+  height: 60px;
+  border: 1px solid #d7d7d7;
+  border-radius: 8px;
+  margin-right: 16px;
+  position: relative;
+  z-index: 1;
+}
+#answer-app .main .details-area-box .details-box .answer-box-item .comments-box .comments-item .comments-content .comments-input-box .comments-input::after {
+  content: "";
+  width: 20px;
+  height: 20px;
+  display: block;
+  background-color: #d7d7d7;
+  position: absolute;
+  top: -2px;
+  left: 21px;
+  transform: rotate(45deg);
+  z-index: -1;
+}
+#answer-app .main .details-area-box .details-box .answer-box-item .comments-box .comments-item .comments-content .comments-input-box .comments-input textarea {
+  border: none;
+  outline: none;
+  resize: none;
+  padding: 11px 16px;
+  border-radius: 7px 0 0 7px;
+}
+#answer-app .main .details-area-box .details-box .answer-box-item .comments-box .comments-item .comments-content .comments-input-box .comments-input .comments-btn {
+  width: 58px;
+  height: 58px;
+  background-color: #72db86;
+  border-radius: 0 7px 7px 0;
+  font-size: 14px;
+  color: #FFFFFF;
+  cursor: pointer;
+}
+#answer-app .main .details-area-box .details-box .answer-box-item .comments-box .comments-item .comments-content .comments-input-box .forkfork {
+  width: 12px;
+  height: 12px;
+  cursor: pointer;
+}
+#answer-app .main .details-area-box .details-box .answer-box-item .comments-box .child-comments {
+  margin-left: 24px;
+  border-bottom: 1px dotted #ebebeb;
+}
+#answer-app .main .details-area-box .details-box .answer-box-item .comments-box .child-comments .comments-item:last-of-type .comments-text {
+  border-bottom: none;
+}
+#answer-app .main .details-area-box .details-box .answer-box-item .comments-box .child-comments .comments-also {
+  color: #62B1FF;
+  line-height: 22px;
+  font-size: 13px;
+  height: 46px;
+  margin-left: 30px;
+  cursor: pointer;
+}
+#answer-app .main .details-area-box .details-box .answer-box-item .comments-box .child-comments .comments-also .also-icon {
+  width: 10px;
+  height: 10px;
+  margin-left: 8px;
+}
+#answer-app .main .details-area-box .details-box .answer-box-item .comments-box .reverl-all {
+  width: 120px;
+  height: 28px;
+  border: 1px solid #ebebeb;
+  border-radius: 43px;
+  color: #555555;
+  line-height: 20px;
+  font-size: 13px;
+  margin: 16px auto 0;
+  cursor: pointer;
+}
+#answer-app .main .details-area-box .details-box .answer-box-item .comments-box .reverl-all .arrow-circular {
+  width: 10px;
+  height: 10px;
+  margin-left: 10px;
+}
+#answer-app .main .details-area-box .details-box .info-box {
+  justify-content: space-between;
+  padding: 0 24px;
+  margin-bottom: 20px;
+}
+#answer-app .main .details-area-box .details-box .info-box .user-info .avatar {
+  width: 20px;
+  height: 20px;
+  border-radius: 50%;
+  margin-right: 8px;
+}
+#answer-app .main .details-area-box .details-box .info-box .user-info .user-name {
+  color: #7f7f7f;
+  font-size: 13px;
+  margin-right: 20px;
+}
+#answer-app .main .details-area-box .details-box .info-box .user-info .homeShare {
+  height: 14px;
+}
+#answer-app .main .details-area-box .details-box .info-box .time {
+  font-size: 12px;
+  color: #AAAAAA;
+}
+#answer-app .main .details-area-box .details-box .operate-box {
+  justify-content: space-between;
+  height: 54px;
+  border-top: 1px dotted #ebebeb;
+  padding: 0 24px;
+}
+#answer-app .main .details-area-box .details-box .operate-box .operate-list .operate-item {
+  font-size: 13px;
+  color: #7f7f7f;
+  margin-left: 49px;
+  cursor: pointer;
+  height: 53px;
+  position: relative;
+  z-index: 1;
+}
+#answer-app .main .details-area-box .details-box .operate-box .operate-list .operate-item.commentnum::after {
+  content: "";
+  width: 80px;
+  height: 100%;
+  background: inherit;
+  background-color: #f6f6f6;
+  position: absolute;
+  top: 0;
+  left: 50%;
+  z-index: -1;
+  transform: translateX(-50%);
+}
+#answer-app .main .details-area-box .details-box .operate-box .operate-list .operate-item .operate-icon {
+  margin-right: 7px;
+}
+#answer-app .main .details-area-box .details-box .operate-box .operate-list .operate-item .operate-icon.operate-like-icon,
+#answer-app .main .details-area-box .details-box .operate-box .operate-list .operate-item .operate-icon.operate-transmit-icon {
+  width: 14px;
+  height: 14px;
+}
+#answer-app .main .details-area-box .details-box .operate-box .operate-list .operate-item .operate-icon.operate-comment-icon {
+  width: 14px;
+  height: 13px;
+}
+#answer-app .main .details-area-box .details-box .operate-box .operate-list .operate-item .operate-icon.operate-collect-icon {
+  width: 16px;
+  height: 16px;
+}
+#answer-app .main .details-area-box .details-box .operate-box .operate-list .operate-item.operate-transmit {
+  position: relative;
+  z-index: 1;
+}
+#answer-app .main .details-area-box .details-box .operate-box .operate-list .operate-item.operate-transmit .transmit-box {
+  width: 628px;
+  border: 1px solid #ebebeb;
+  border-radius: 10px;
+  -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.11764706);
+  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.11764706);
+  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.11764706);
+  position: absolute;
+  top: 64px;
+  right: -24px;
+  background: #fff;
+  justify-content: space-between;
+  padding: 40px 35px 42px;
+}
+#answer-app .main .details-area-box .details-box .operate-box .operate-list .operate-item.operate-transmit .transmit-box .transmit-title {
+  font-weight: 650;
+  font-size: 16px;
+  color: #000000;
+  line-height: 24px;
+  margin-bottom: 24px;
+}
+#answer-app .main .details-area-box .details-box .operate-box .operate-list .operate-item.operate-transmit .transmit-box .transmit-content {
+  border: 1px solid #f2f2f2;
+  border-radius: 16px;
+}
+#answer-app .main .details-area-box .details-box .operate-box .operate-list .operate-item.operate-transmit .transmit-box .transmit-web .transmit-content {
+  width: 300px;
+  font-size: 14px;
+  line-height: 24px;
+  padding: 14px 16px;
+  margin-bottom: 32px;
+}
+#answer-app .main .details-area-box .details-box .operate-box .operate-list .operate-item.operate-transmit .transmit-box .transmit-web .transmit-content .transmit-headline {
+  color: #333333;
+}
+#answer-app .main .details-area-box .details-box .operate-box .operate-list .operate-item.operate-transmit .transmit-box .transmit-web .transmit-content .transmit-url {
+  color: #AAAAAA;
+}
+#answer-app .main .details-area-box .details-box .operate-box .operate-list .operate-item.operate-transmit .transmit-box .transmit-web .transmit-web-btn {
+  width: 120px;
+  height: 38px;
+  background-color: #fddf6d;
+  border-radius: 8px;
+  font-size: 14px;
+  color: #000000;
+}
+#answer-app .main .details-area-box .details-box .operate-box .operate-list .operate-item.operate-transmit .transmit-box .transmit-mini .transmit-content {
+  flex-direction: column;
+  padding: 22px 44px;
+  color: #555555;
+  font-size: 13px;
+}
+#answer-app .main .details-area-box .details-box .operate-box .operate-list .operate-item.operate-transmit .transmit-box .transmit-mini .transmit-content .transmit-mini-img {
+  width: 90px;
+  height: 90px;
+  margin-bottom: 21px;
+}
+#answer-app .main .details-area-box .details-box .operate-box .operate-list .operate-item.operate-transmit .transmit-box .transmit-mini .transmit-content .give-sweep {
+  width: 12px;
+  height: 12px;
+  margin-right: 8px;
+}
+#answer-app .main .details-area-box .details-box .operate-box .operate-list .operate-item.operate-transmit .transmit-mask {
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: -1;
+  width: 100vw;
+  height: 100vh;
+}
+#answer-app .main .details-area-box .details-box .copyright {
+  font-size: 13px;
+  color: #d7d7d7;
+  margin-top: 29px;
+  margin-bottom: 87px;
+  text-align: center;
+}
+#answer-app .main .details-area-box .details-box .mobile-phone-check {
+  width: 150px;
+  padding: 10px 0;
+  margin-bottom: 50px;
+  color: #7F7F7F;
+  font-size: 13px;
+  border: 1px solid #ebebeb;
+  border-radius: 20px;
+  margin: 0 auto 50px;
+  cursor: pointer;
+  position: relative;
+}
+#answer-app .main .details-area-box .details-box .mobile-phone-check .QRCode-icon {
+  width: 16px;
+  height: 16px;
+  margin-right: 10px;
+}
+#answer-app .main .details-area-box .details-box .mobile-phone-check:hover .QRCode-pop {
+  display: flex;
+}
+#answer-app .main .details-area-box .details-box .mobile-phone-check .QRCode-pop {
+  display: none;
+  position: absolute;
+  bottom: 45px;
+  width: 200px;
+  height: 200px;
+  background-color: #ffffff;
+  border-radius: 17px;
+  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.16078431);
+  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.16078431);
+  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.16078431);
+  flex-direction: column;
+  z-index: 1;
+}
+#answer-app .main .details-area-box .details-box .mobile-phone-check .QRCode-pop .offer-mini-QRcode {
+  width: 113px;
+  margin-bottom: 18px;
+}
+#answer-app .main .details-area-box .details-box .mobile-phone-check .QRCode-pop .QRCode-hint {
+  font-size: 13px;
+  color: #333333;
+}
+#answer-app .main .details-area-box .details-box .mobile-phone-check .QRCode-pop .QRCode-hint .QRCode-img {
+  width: 12px;
+  height: 12px;
+  margin-right: 12px;
+}
+#answer-app .main .details-area-box .empty-box {
+  flex-direction: column;
+  margin-bottom: 16px;
+}
+#answer-app .main .details-area-box .empty-box .dot-list {
+  margin-bottom: 8px;
+}
+#answer-app .main .details-area-box .empty-box .dot-list .dot-item {
+  width: 8px;
+  height: 8px;
+}
+#answer-app .main .details-area-box .empty-box .dot-list .dot-item:not(:last-of-type) {
+  margin-right: 5px;
+}
+#answer-app .main .details-area-box .empty-box .empty-icon {
+  width: 100px;
+  height: 100px;
+}
+#answer-app .main .details-area-box .empty-hint {
+  color: #7F7F7F;
+  line-height: 22px;
+  font-size: 13px;
+  text-align: center;
+}
+#answer-app .my-popover .popover-box {
+  width: 750px;
+  height: 616px;
+  background-color: #ffffff;
+  border-radius: 10px;
+  -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.11764706);
+  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.11764706);
+  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.11764706);
+  flex-direction: column;
+  padding-top: 30px;
+  position: relative;
+}
+#answer-app .my-popover .popover-box .cross-icon {
+  position: absolute;
+  top: 12px;
+  right: 12px;
+  width: 12px;
+  height: 12px;
+  cursor: pointer;
+}
+#answer-app .my-popover .popover-box .tab-list {
+  color: #aaa;
+  font-size: 16px;
+  margin-bottom: 30px;
+}
+#answer-app .my-popover .popover-box .tab-list .tab-item {
+  cursor: pointer;
+}
+#answer-app .my-popover .popover-box .tab-list .tab-item .quantity {
+  margin-left: 10px;
+}
+#answer-app .my-popover .popover-box .tab-list .tab-item.pitch {
+  font-family: 'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC', sans-serif;
+  font-weight: 650;
+  color: #000000;
+}
+#answer-app .my-popover .popover-box .tab-list .tab-item.pitch .quantity {
+  font-weight: 400;
+  color: #555;
+}
+#answer-app .my-popover .popover-box .tab-list .long-string {
+  margin: 0 20px;
+  width: 1px;
+  height: 17px;
+  background-color: #d7d7d7;
+}
+#answer-app .my-popover .popover-box .empty-box {
+  width: 690px;
+  height: 490px;
+  background-color: #ffffff;
+  border: 1px solid #ebebeb;
+  border-radius: 6px;
+  margin: 0 auto;
+  flex-direction: column;
+}
+#answer-app .my-popover .popover-box .empty-box .dot-list .item {
+  width: 8px;
+  height: 8px;
+}
+#answer-app .my-popover .popover-box .empty-box .dot-list .item:not(:last-of-type) {
+  margin-right: 5px;
+}
+#answer-app .my-popover .popover-box .empty-box .empty-icon {
+  width: 100px;
+  height: 100px;
+  margin-top: 10px;
+  margin-bottom: 15px;
+}
+#answer-app .my-popover .popover-box .empty-box .empty-hint {
+  font-size: 13px;
+  color: #7f7f7f;
+  line-height: 22px;
+}
+#answer-app .my-popover .popover-box .content-box {
+  width: 690px;
+  height: 490px;
+  margin: 0 auto;
+  overflow: auto;
+}
+#answer-app .my-popover .popover-box .content-box .icon {
+  font-family: 'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC', sans-serif;
+  font-weight: 650;
+  font-size: 13px;
+  width: 20px;
+  height: 20px;
+  line-height: 20px;
+  border-radius: 50%;
+  color: #fff;
+  margin-right: 17px;
+}
+#answer-app .my-popover .popover-box .content-box .icon.q {
+  background-color: #72db86;
+}
+#answer-app .my-popover .popover-box .content-box .icon.a {
+  background-color: #62b1ff;
+}
+#answer-app .my-popover .popover-box .content-box .item {
+  padding: 20px 0;
+  border-bottom: 1px dotted #ebebeb;
+}
+#answer-app .my-popover .popover-box .content-box .item .centre {
+  flex-direction: column;
+}
+#answer-app .my-popover .popover-box .content-box .item .centre .info {
+  font-size: 12px;
+  color: #555;
+  margin-bottom: 10px;
+}
+#answer-app .my-popover .popover-box .content-box .item .centre .info .time {
+  color: #aaa;
+  margin-left: 8px;
+}
+#answer-app .my-popover .popover-box .content-box .item .centre .title {
+  color: #333333;
+  font-size: 14px;
+  line-height: 22px;
+  margin-bottom: 10px;
+  width: 532px;
+}
+#answer-app .my-popover .popover-box .content-box .item .centre .text {
+  font-size: 12px;
+  color: #AAAAAA;
+  width: 532px;
+}
+#answer-app .my-popover .popover-box .content-box .item .operate-box .state-box {
+  position: relative;
+  cursor: pointer;
+}
+#answer-app .my-popover .popover-box .content-box .item .operate-box .state-box .text {
+  font-size: 13px;
+  color: #333;
+}
+#answer-app .my-popover .popover-box .content-box .item .operate-box .state-box .arrows {
+  width: 8px;
+  height: 5px;
+  margin-left: 6px;
+}
+#answer-app .my-popover .popover-box .content-box .item .operate-box .state-box .state-popup {
+  position: absolute;
+  top: 28px;
+  right: 0;
+  width: 140px;
+  height: 101px;
+  background-color: #ffffff;
+  border-radius: 10px;
+  -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.20392157);
+  -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.20392157);
+  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.20392157);
+  flex-direction: column;
+  z-index: 1;
+}
+#answer-app .my-popover .popover-box .content-box .item .operate-box .state-box .state-popup .state-popup-mask {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
+  z-index: -1;
+}
+#answer-app .my-popover .popover-box .content-box .item .operate-box .state-box .state-popup .state-popup-item {
+  justify-content: space-between;
+  color: #555;
+  font-size: 14px;
+  padding: 0 10px;
+}
+#answer-app .my-popover .popover-box .content-box .item .operate-box .state-box .state-popup .state-popup-item:hover {
+  color: #000000;
+}
+#answer-app .my-popover .popover-box .content-box .item .operate-box .state-box .state-popup .state-popup-item.pitch {
+  color: #FA6B11;
+}
+#answer-app .my-popover .popover-box .content-box .item .operate-box .state-box .state-popup .state-popup-item.pitch .state-popup-icon {
+  display: block;
+}
+#answer-app .my-popover .popover-box .content-box .item .operate-box .state-box .state-popup .state-popup-item:not(:last-of-type) {
+  border-bottom: 1px dotted #e3e3e3;
+}
+#answer-app .my-popover .popover-box .content-box .item .operate-box .state-box .state-popup .state-popup-item .state-popup-icon {
+  width: 11px;
+  height: 8px;
+  display: none;
+}
+#answer-app .my-popover .popover-box .content-box .item .operate-box .edit-icon {
+  width: 16px;
+  height: 16px;
+  cursor: pointer;
+  margin-left: 30px;
+}
+#answer-app .my-popover .popover-box .content-box.collect-list {
+  padding-right: 10px;
+}
+#answer-app .my-popover .popover-box .content-box.collect-list .item {
+  padding: 20px 0;
+  border-bottom: 1px dotted #ebebeb;
+}
+#answer-app .my-popover .popover-box .content-box.collect-list .item .delete-box .delete-icon {
+  cursor: pointer;
+}
+#answer-app .my-popover .popover-box .content-box.questions-list .item .new-answer {
+  color: #F95D5D;
+}
+#answer-app .my-popover .popover-box .content-box.questions-list .item .new-answer .long-string {
+  width: 1px;
+  height: 12px;
+  background-color: #D7D7D7;
+  margin: 0 8px;
+}
+#answer-app .popover-mask {
+  position: fixed;
+  top: 0;
+  left: 0;
+  background-color: rgba(0, 0, 0, 0.5);
+  width: 100vw;
+  height: 100vh;
+  z-index: 1;
+}
+#answer-app .issue-box .choosing-theme {
+  width: 530px;
+  background: inherit;
+  background-color: #ffffff;
+  border: none;
+  border-radius: 10px;
+  -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.11764706);
+  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.11764706);
+  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.11764706);
+  padding: 30px 36px 45px;
+}
+#answer-app .issue-box .choosing-theme .title {
+  font-size: 14px;
+  font-weight: 650;
+  color: #000000;
+  position: relative;
+  margin-bottom: 30px;
+}
+#answer-app .issue-box .choosing-theme .title::before {
+  content: "";
+  width: 5px;
+  height: 12px;
+  background-color: #72db86;
+  border-radius: 3px;
+  position: absolute;
+  top: 50%;
+  left: -15px;
+  transform: translateY(-50%);
+}
+#answer-app .issue-box .choosing-theme .theme-list {
+  justify-content: space-between;
+  flex-wrap: wrap;
+}
+#answer-app .issue-box .choosing-theme .theme-list::after {
+  content: "";
+  width: 140px;
+  height: 0;
+}
+#answer-app .issue-box .choosing-theme .theme-list .theme-item {
+  width: 140px;
+  height: 36px;
+  background-color: #f6f6f6;
+  border-radius: 5px;
+  font-size: 14px;
+  color: #333333;
+  cursor: pointer;
+}
+#answer-app .issue-box .choosing-theme .theme-list .theme-item:not(:nth-last-child(-n+3)) {
+  margin-bottom: 20px;
+}
+#answer-app .issue-box .choosing-theme .theme-list .theme-item:hover {
+  color: #000000;
+  background-color: #fddf6d;
+}
+#answer-app .issue-box .issue-form {
+  padding-top: 30px;
+  width: 721px;
+  height: 520px;
+  background-color: #fff;
+  border-radius: 10px;
+  position: relative;
+  z-index: 1;
+}
+#answer-app .issue-box .issue-form .issue-bj {
+  position: absolute;
+  left: -3px;
+  top: -3px;
+  width: 727px;
+  height: 526px;
+  z-index: -1;
+}
+#answer-app .issue-box .issue-form .q {
+  width: 20px;
+  height: 20px;
+  border-radius: 50%;
+  font-weight: 650;
+  font-style: normal;
+  font-size: 13px;
+  color: #FFFFFF;
+  background-color: #72db86;
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+#answer-app .issue-box .issue-form .cross-icon {
+  position: absolute;
+  top: 12px;
+  right: 12px;
+  width: 12px;
+  height: 12px;
+  cursor: pointer;
+}
+#answer-app .issue-box .issue-form input,
+#answer-app .issue-box .issue-form textarea {
+  border: none;
+  outline: none;
+}
+#answer-app .issue-box .issue-form .issue-input {
+  padding: 0 30px;
+  width: 720px;
+  height: 80px;
+  border-bottom: 1px dotted #ebebeb;
+}
+#answer-app .issue-box .issue-form .issue-input input {
+  font-size: 18px;
+  width: 100%;
+}
+#answer-app .issue-box .issue-form .issue-input input::placeholder {
+  color: #AAAAAA;
+}
+#answer-app .issue-box .issue-form .issue-replenish {
+  width: 100%;
+  height: 330px;
+  font-size: 14px;
+  padding: 20px 30px;
+  resize: none;
+}
+#answer-app .issue-box .issue-form .issue-replenish::placeholder {
+  color: #AAAAAA;
+}
+#answer-app .edit-answers {
+  width: 720px;
+  height: 400px;
+  background-color: #ffffff;
+  border: 1px solid #ebebeb;
+  border-radius: 10px;
+  -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.11764706);
+  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.11764706);
+  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.11764706);
+  position: relative;
+}
+#answer-app .edit-answers .close-icon {
+  width: 12px;
+  height: 12px;
+  position: absolute;
+  top: 12px;
+  right: 12px;
+  cursor: pointer;
+}
+#answer-app .edit-answers .title {
+  height: 64px;
+  border-bottom: 1px solid #ebebeb;
+  font-size: 14px;
+  color: #000000;
+  font-weight: 650;
+  padding-top: 20px;
+  padding-left: 20px;
+}
+#answer-app .edit-answers textarea {
+  display: block;
+  border: none;
+  outline: none;
+  width: 100%;
+  height: 255px;
+  font-size: 14px;
+  color: #555555;
+  line-height: 26px;
+  resize: none;
+  padding: 20px;
+}
+#answer-app .issue-bottom {
+  justify-content: space-between;
+  height: 80px;
+  background-color: #f6f6f6;
+  border-radius: 0 0 10px 10px;
+  padding: 0 30px;
+}
+#answer-app .issue-bottom .option-box {
+  font-size: 14px;
+  color: #7F7F7F;
+  cursor: pointer;
+}
+#answer-app .issue-bottom .option-box .option-icon {
+  width: 18px;
+  height: 18px;
+  margin-right: 6px;
+}
+#answer-app .issue-bottom .issue-btn {
+  width: 120px;
+  height: 40px;
+  background-color: #fddf6d;
+  border-radius: 4px;
+  font-size: 14px;
+  color: #333333;
+  cursor: pointer;
+}
+#answer-app .i-answer-box {
+  width: 720px;
+  height: 660px;
+  background-color: #ffffff;
+  border: 1px solid #ebebeb;
+  border-radius: 10px;
+  -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.11764706);
+  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.11764706);
+  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.11764706);
+  flex-direction: column;
+  position: relative;
+}
+#answer-app .i-answer-box .close-icon {
+  width: 12px;
+  height: 12px;
+  position: absolute;
+  top: 12px;
+  right: 12px;
+  cursor: pointer;
+}
+#answer-app .i-answer-box .question-header {
+  padding: 25px 8px 25px 20px;
+  border-bottom: 1px solid #ebebeb;
+}
+#answer-app .i-answer-box .question-header .question-title {
+  font-size: 18px;
+  color: #000000;
+  font-weight: 650;
+  margin-bottom: 20px;
+}
+#answer-app .i-answer-box .question-header .question-title .question-icon {
+  width: 20px;
+  height: 20px;
+  border-radius: 50%;
+  background-color: #72db86;
+  font-weight: 650;
+  font-size: 13px;
+  color: #FFFFFF;
+  margin-right: 12px;
+  margin-top: 3px;
+}
+#answer-app .i-answer-box .question-header .question-replenish {
+  max-height: 87px;
+  color: #7F7F7F;
+  line-height: 24px;
+  overflow: auto;
+  font-weight: 400;
+  font-size: 13px;
+  padding-left: 33px;
+}
+#answer-app .i-answer-box .question-middle {
+  flex: 1;
+  padding: 23px 20px;
+}
+#answer-app .i-answer-box .question-middle .question-icon {
+  font-weight: 650;
+  font-size: 13px;
+  color: #FFFFFF;
+  width: 20px;
+  height: 20px;
+  background-color: #62b1ff;
+  border-radius: 50%;
+  margin-right: 12px;
+}
+#answer-app .i-answer-box .question-middle .question-textarea {
+  height: 412px;
+  width: 100%;
+  border: none;
+  outline: none;
+  background-color: transparent;
+  resize: none;
+  overflow: auto;
+}
+#answer-app .i-answer-box .question-middle .question-textarea.placeholder::after {
+  content: "输入图文内容回答提问";
+  color: #999;
+}
+#answer-app .i-answer-box .question-middle .question-textarea img {
+  max-width: 100%;
+}
+a::after {
+  content: "";
+}
diff --git a/css/index.less b/css/index.less
new file mode 100644
index 0000000..4a6ede1
--- /dev/null
+++ b/css/index.less
@@ -0,0 +1,1777 @@
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+    font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif;
+    font-style: normal;
+}
+
+/* Webkit浏览器（Chrome、Safari等） */
+*::-webkit-scrollbar {
+    width: 8px;
+    background-color: transparent;
+}
+
+*::-webkit-scrollbar-thumb {
+    background-color: #d7d7d7;
+    border-radius: 4px;
+}
+
+*::-webkit-scrollbar-thumb:hover {
+    background-color: #666;
+}
+
+/* Firefox浏览器 */
+/* 注意：Firefox浏览器不支持修改滚动条的宽度 */
+/* 若要修改滚动条的宽度，可以使用一些特殊的插件或者自定义滚动条的替代方案 */
+/* 以下代码只是修改滚动条的颜色和背景色 */
+* {
+    scrollbar-width: thin;
+    scrollbar-color: #d7d7d7 transparent;
+}
+
+*::-moz-scrollbar-thumb {
+    background-color: #d7d7d7;
+}
+
+*::-moz-scrollbar-thumb:hover {
+    background-color: #666;
+}
+
+.flexflex {
+    display: flex;
+}
+
+.flex1 {
+    flex: 1;
+}
+
+.flexcenter {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.flexacenter {
+    display: flex;
+    align-items: center;
+}
+
+.flexjcenter {
+    display: flex;
+    justify-content: center;
+}
+
+/* // 一行显示 */
+.ellipsis {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+#answer-app {
+    header {
+        background: rgba(246, 246, 246, 1);
+        height: 150px;
+        border: 1px solid rgba(235, 235, 235, 1);
+        min-width: 1200px;
+        margin: 0 auto;
+        flex-direction: column;
+        padding-top: 24px;
+
+        .top {
+            width: 1200px;
+            margin-bottom: 31px;
+
+            .logo {
+                width: 73px;
+                // height: 36px;
+                cursor: pointer;
+            }
+
+            .right {
+                justify-content: flex-end;
+
+                .searchInput {
+                    width: 320px;
+                    height: 32px;
+                    border: 1px solid rgba(235, 235, 235, 1);
+                    border-radius: 104px;
+                    background-color: #fff;
+                    font-size: 13px;
+                    padding-right: 16px;
+                    position: relative;
+
+
+                    input {
+                        border: none;
+                        outline: none;
+                        height: 100%;
+                        padding-left: 16px;
+                        border-radius: 104px;
+
+                    }
+
+                    .input-icon {
+                        width: 20px;
+                        height: 20px;
+                        cursor: pointer;
+                    }
+
+                    .history-box {
+                        position: absolute;
+                        top: 36px;
+                        left: 0;
+                        width: 320px;
+                        // height: 267px;
+                        background-color: rgba(255, 255, 255, 1);
+                        border: 1px solid rgba(235, 235, 235, 1);
+                        border-radius: 10px;
+                        padding-top: 15px;
+                        z-index: 2;
+                        padding-bottom: 14px;
+
+                        .history-title {
+                            font-size: 13px;
+                            color: #AAAAAA;
+                            padding-left: 16px;
+                            margin-bottom: 9px;
+                        }
+
+                        .history-list {
+                            .history-item {
+                                font-size: 14px;
+                                color: #333;
+                                height: 30px;
+                                line-height: 30px;
+                                padding: 0 16px;
+                                cursor: pointer;
+                            }
+                        }
+                    }
+                }
+
+                .btn-list {
+                    width: 221px;
+                    height: 30px;
+                    border: 1px solid rgba(235, 235, 235, 1);
+                    border-radius: 5px;
+                    font-size: 13px;
+                    color: #555;
+                    margin-left: 20px;
+
+                    .item {
+                        text-align: center;
+                        position: relative;
+                        cursor: pointer;
+
+                        &:not(:last-of-type)::before {
+                            content: '|';
+                            position: absolute;
+                            top: 50%;
+                            right: 0;
+                            transform: translateY(-50%);
+                            color: #D7D7D7;
+                            font-size: 13px
+                        }
+                    }
+                }
+
+                .add-btn {
+                    width: 130px;
+                    height: 30px;
+                    background-color: rgba(253, 223, 109, 1);
+                    border-radius: 5px;
+                    color: #000000;
+                    font-size: 13px;
+                    cursor: pointer;
+                    margin-left: 20px;
+
+                    .add-icon {
+                        width: 14px;
+                        height: 14px;
+                        margin-right: 4px;
+                    }
+                }
+            }
+        }
+
+        .tab-box {
+            width: 100%;
+            z-index: 1;
+            background-color: #f6f6f6;
+            padding: 5px 0;
+
+            &.tab-list-fixed {
+                position: fixed;
+                top: 0;
+
+            }
+
+            margin: 0 auto;
+
+            .tab-list {
+                width: 1200px;
+
+
+                .item {
+                    text-align: center;
+                    font-size: 14px;
+                    height: 24px;
+                    color: #333;
+                    margin-right: 30px;
+
+                    &.pitch {
+                        padding: 0 11px;
+                        background-color: rgba(250, 107, 17, 1);
+                        border-radius: 19px;
+                        font-weight: 650;
+                        color: #FFFFFF;
+                    }
+                }
+            }
+        }
+    }
+
+    .main {
+        // width: 1200px;
+        margin: 0 auto;
+        height: calc(100vh - 150px);
+        justify-content: center;
+        background-color: #fbfbfb;
+        min-width: 1200px;
+
+        &.mode-list {
+            background: #fff;
+
+            .main-header {
+                border-right: none;
+            }
+
+            .list-box .list .item {
+                border-right: none;
+            }
+        }
+
+        .main-header {
+            // width: 1200px;
+            margin: 0 auto;
+            // justify-content: space-between;
+            padding-left: calc((100vw - 1200px) / 2);
+            display: inline-flex;
+            width: calc((100vw - 1200px) / 2 + 512px);
+            background: #fff;
+            border-right: 1px solid #ebebeb;
+
+            .search-keyword {
+                color: #FA6B11;
+                font-size: 14px;
+                height: 20px;
+                cursor: pointer;
+
+                .search-keyword-cross {
+                    width: 14px;
+                    height: 14px;
+                    margin-left: 8px;
+                }
+
+                padding-right: 20px;
+                margin-right: 20px;
+                border-right: 1px solid #ebebeb;
+            }
+
+            height: 68px;
+            padding-top: 28px;
+
+            .total {
+                // width: 552px;
+                font-size: 13px;
+                color: #7F7F7F;
+                height: 20px;
+
+                // height: 68px;
+                // padding-top: 28px;
+                // border-bottom: 1px solid #ebebeb;
+            }
+        }
+
+        .list-box {
+            overflow-y: auto;
+            overflow-x: hidden;
+            padding-right: 15px;
+
+            &::-webkit-scrollbar {
+                width: 0 !important;
+            }
+
+            .list {
+                display: flex;
+                flex-wrap: wrap;
+                justify-content: space-between;
+                // margin: 0 auto;
+                position: relative;
+
+                .item {
+                    position: absolute;
+                    padding: 20px 0 0;
+                    // transition: all .5s;
+                    transition-property: top, left, background;
+                    transition-duration: 0.5s;
+                    border-right: 1px solid #ebebeb;
+
+                    height: 128px;
+                    background-color: #fff;
+
+                    &:first-of-type {
+                        border-top: 1px solid #ebebeb;
+                    }
+
+                    &.upLevel {
+                        .content {
+                            border: none;
+                        }
+                    }
+
+                    &.pitch {
+                        background-color: rgba(251, 251, 251, 1);
+                        border-top: 1px solid #ebebeb;
+                        border-bottom: 1px solid #ebebeb;
+                        position: relative;
+
+                        &::after {
+                            content: "";
+                            position: absolute;
+                            top: 0;
+                            right: -1px;
+                            width: 4px;
+                            height: 100%;
+                            background-color: rgba(253, 223, 109, 1);
+                        }
+
+                        &::before {
+                            content: "";
+                            position: absolute;
+                            width: 5px;
+                            height: 10px;
+                            right: -5px;
+                            top: 50%;
+                            transform: translateY(-50%);
+                            background-image: url('../img/triangle-icon.svg');
+                        }
+
+                        .content {
+                            border: none;
+                        }
+                    }
+
+                    // background-color: rgba(251, 251, 251, 1);
+                    // position: relative;
+
+                    // &::after {
+                    //     content: "";
+                    //     background-color: rgba(251, 251, 251, 1);
+                    //     width: 200px;
+                    //     height: 108px;
+                    //     position: absolute;
+                    //     top: 0;
+                    //     right: 0;
+                    // }
+
+                    .dot {
+                        width: 6px;
+                        height: 6px;
+                        margin-top: 8px;
+                        margin-right: 14px;
+                    }
+
+                    .content {
+                        // width: 531px;
+                        border-bottom: 1px dotted #ebebeb;
+                        padding-bottom: 20px;
+                        // transition: all 0.3s;
+
+                        .issue {
+                            font-weight: 650;
+                            font-size: 14px;
+                            color: #000000;
+                            line-height: 22px;
+                            margin-bottom: 8px;
+                        }
+
+                        .answer {
+                            color: #555;
+                            height: 22px;
+                            line-height: 22px;
+                            font-size: 13px;
+                            margin-bottom: 18px;
+                        }
+
+                        .bottom {
+                            font-size: 12px;
+                            justify-content: flex-end;
+
+                            .quantity {
+                                color: #aaa;
+                            }
+
+                            .longString {
+                                width: 1px;
+                                height: 13px;
+                                background-color: #d7d7d7;
+                                margin: 0 15px;
+                            }
+
+                            .answer-btn {
+                                color: #72DB86;
+                                cursor: pointer;
+                            }
+                        }
+                    }
+                }
+            }
+
+            .empty-box {
+                width: 690px;
+                height: 490px;
+                background-color: #ffffff;
+                border-radius: 6px;
+                margin: 0 auto;
+                flex-direction: column;
+
+                .dot-list .item {
+                    width: 8px;
+                    height: 8px;
+
+                    &:not(:last-of-type) {
+                        margin-right: 5px;
+                    }
+                }
+
+                .empty-icon {
+                    width: 100px;
+                    height: 100px;
+                    margin-top: 10px;
+                    margin-bottom: 15px;
+                }
+
+                .empty-hint {
+                    font-size: 13px;
+                    color: #7f7f7f;
+                    line-height: 22px;
+                }
+            }
+
+        }
+
+        .details-area-box {
+            width: calc((100vw - 1200px) / 2 + 688px);
+            // min-height: 1000vh;
+            // background-color: #72DB86;
+            background-color: rgba(251, 251, 251, 1);
+            // border-left: 1px solid #ebebeb;
+            overflow-y: auto;
+            overflow-x: hidden;
+
+            display: flex;
+            flex-direction: column;
+
+            .details-box {
+                width: 688px;
+                padding-left: 60px;
+                flex-direction: column;
+                flex: 1;
+
+                .close-box {
+                    height: 69px;
+                    padding-top: 29px;
+                    display: flex;
+                    justify-content: flex-end;
+
+                    .close-circle {
+                        position: relative;
+                        cursor: pointer;
+
+                        .close-icon {
+                            width: 20px;
+                            height: 20px;
+                        }
+
+                        .details-cross-icon {
+                            width: 10px;
+                            height: 10px;
+                            position: absolute;
+                            top: 50%;
+                            left: 50%;
+                            transform: translate(-50%, -50%);
+                        }
+                    }
+
+                }
+
+                .details-issue {
+                    width: 627px;
+                    border-radius: 8px;
+                    background-color: #fff;
+                    -moz-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.101960784313725);
+                    -webkit-box-shadow: 0px 0px 11px rgb(0 0 0 / 10%);
+                    box-shadow: 0px 0px 11px rgb(0 0 0 / 10%);
+                    padding-top: 24px;
+                    margin-bottom: 28px;
+
+                    .title {
+                        font-weight: 650;
+                        font-size: 18px;
+                        line-height: 22px;
+                        color: #000000;
+                        padding: 0 24px;
+                        margin-bottom: 21px;
+                    }
+
+                    .hint {
+                        font-size: 14px;
+                        color: #555;
+                        line-height: 24px;
+                        margin-bottom: 20px;
+                        padding: 0 24px;
+                    }
+
+
+
+                    .operate-box {
+
+                        .answer-btn {
+                            width: 120px;
+                            height: 28px;
+                            background-color: rgba(246, 246, 246, 1);
+                            // border: 1px solid rgba(235, 235, 235, 1);
+                            border-radius: 43px;
+                            font-size: 14px;
+                            color: #555555;
+                            line-height: 20px;
+                            cursor: pointer;
+
+                            &.white {
+                                background-color: rgba(98, 177, 255, 1);
+                                color: #FFFFFF;
+
+                                .answer-icon-white {
+                                    display: block;
+                                }
+
+                                .answer-icon-edit {
+                                    display: none;
+                                }
+                            }
+
+                            .answer-btn-icon {
+                                width: 16px;
+                                height: 16px;
+                                margin-right: 8px;
+                                display: none;
+                            }
+
+                            .answer-icon-edit {
+                                display: block;
+                            }
+                        }
+
+                    }
+                }
+
+                .answer-total-amount {
+                    color: #555555;
+                    line-height: 22px;
+                    font-size: 13px;
+                    margin-bottom: 20px;
+                }
+
+                .answer-empty-box {
+                    height: 321px;
+                    flex-direction: column;
+                    justify-content: center;
+                    background-color: #fff;
+                    width: 626px;
+                    height: 300px;
+                    background-color: rgba(255, 255, 255, 1);
+                    border: 1px solid rgba(235, 235, 235, 1);
+                    border-radius: 10px;
+                    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.117647058823529);
+                    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.117647058823529);
+                    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.117647058823529);
+                }
+
+                .answer-box-item {
+                    width: 627px;
+                    border-radius: 8px;
+                    background-color: #fff;
+                    -moz-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.101960784313725);
+                    -webkit-box-shadow: 0px 0px 11px rgb(0 0 0 / 10%);
+                    box-shadow: 0px 0px 11px rgb(0 0 0 / 10%);
+                    padding-top: 24px;
+                    margin-bottom: 21px;
+
+                    .answer-text {
+                        font-size: 14px;
+                        color: #555555;
+                        line-height: 26px;
+                        padding: 0 24px;
+                        margin-bottom: 20px;
+
+                        img {
+                            max-width: 100%;
+                        }
+                    }
+
+                    .operate-box {
+                        padding: 0 24px;
+
+                        .edit-box {
+                            .edit-btn {
+                                cursor: pointer;
+                                width: 24px;
+                                height: 24px;
+                                border-radius: 50%;
+                                background-color: #f6f6f6;
+
+                                .edit-icon {
+                                    width: 16px;
+                                    height: 16px;
+                                }
+
+                            }
+
+                        }
+                    }
+
+                    .post-comment {
+                        background-color: rgba(246, 246, 246, 1);
+                        position: relative;
+                        z-index: 2;
+
+                        .post-input {
+                            height: 50px;
+                            border: none;
+                            background-color: transparent;
+                            outline-color: rgba(98, 177, 255, 1);
+                            padding: 0 23px;
+                            font-size: 14px;
+
+                            &::placeholder {
+                                color: #AAAAAA;
+                            }
+                        }
+
+                        .post-ok {
+                            width: 50px;
+                            height: 50px;
+                            background-color: rgba(98, 177, 255, 1);
+                            color: #fff;
+                            font-size: 13px;
+                            cursor: pointer;
+                        }
+                    }
+
+                    .comments-empty-box {
+                        height: 321px;
+                        flex-direction: column;
+                        justify-content: center;
+                    }
+
+                    .comments-box {
+                        padding: 17px 24px 29px;
+
+                        .comments-item {
+                            padding: 13px 0 0;
+
+                            .comments-header {
+                                justify-content: space-between;
+                                margin-bottom: 9px;
+
+                                .comments-header-left {
+                                    font-size: 13px;
+
+                                    .comments-avatar {
+                                        width: 20px;
+                                        height: 20px;
+                                        margin-right: 10px;
+                                        border-radius: 50%;
+                                    }
+
+                                    .comments-username {
+                                        color: #555;
+                                        margin-right: 10px;
+                                    }
+
+                                    .comments-time {
+                                        color: #AAAAAA;
+                                        margin-right: 8px;
+                                    }
+
+                                    .comments-identity {
+                                        font-size: 12px;
+                                        color: #7f7f7f;
+                                        padding: 0 3px;
+                                        height: 20px;
+                                        background-color: rgba(240, 242, 245, 1);
+                                        border: 1px solid rgba(215, 215, 215, 1);
+                                        border-radius: 5px;
+                                    }
+                                }
+
+                                .comments-header-right {
+                                    .menu-box {
+                                        .menu-icon {
+                                            width: 14px;
+                                            height: 14px;
+                                            cursor: pointer;
+                                        }
+
+                                        position: relative;
+
+                                        .report-box {
+                                            position: absolute;
+                                            top: 24px;
+                                            right: 0;
+                                            width: 60px;
+                                            height: 24px;
+                                            background-color: rgba(246, 246, 246, 1);
+                                            border: 1px solid rgba(215, 215, 215, 1);
+                                            border-radius: 5px;
+                                            font-size: 12px;
+                                            color: #7F7F7F;
+                                        }
+                                    }
+
+                                    .comment-icon {
+                                        width: 14px;
+                                        height: 13px;
+                                        margin-left: 40px;
+                                        cursor: pointer;
+                                    }
+
+                                    .like-box {
+                                        font-size: 12px;
+                                        color: #aaa;
+                                        margin-left: 40px;
+                                        cursor: pointer;
+
+                                        .like-icon {
+                                            width: 14px;
+                                            height: 14px;
+                                        }
+
+                                        .like-quantity {
+                                            margin-left: 6px;
+                                        }
+                                    }
+                                }
+
+
+                            }
+
+                            .comments-content {
+                                margin-left: 30px;
+                                padding-bottom: 12px;
+                                border-bottom: 1px dotted #ebebeb;
+
+                                .comments-text {
+                                    font-size: 14px;
+                                    line-height: 22px;
+                                    color: #333333;
+
+                                    .comments-reply {
+                                        color: #92A1BF;
+                                        display: inline;
+                                    }
+                                }
+
+                                .comments-input-box {
+                                    margin-top: 13px;
+
+
+                                    .comments-input {
+                                        width: 519px;
+                                        height: 60px;
+                                        border: 1px solid rgba(215, 215, 215, 1);
+                                        border-radius: 8px;
+                                        margin-right: 16px;
+                                        position: relative;
+                                        z-index: 1;
+
+                                        &::after {
+                                            content: "";
+                                            width: 20px;
+                                            height: 20px;
+                                            display: block;
+                                            background-color: rgba(215, 215, 215, 1);
+                                            position: absolute;
+                                            top: -2px;
+                                            left: 21px;
+                                            transform: rotate(45deg);
+                                            z-index: -1;
+                                        }
+
+                                        textarea {
+                                            border: none;
+                                            outline: none;
+                                            resize: none;
+                                            padding: 11px 16px;
+                                            border-radius: 7px 0 0 7px;
+                                        }
+
+                                        .comments-btn {
+                                            width: 58px;
+                                            height: 58px;
+                                            background-color: rgba(114, 219, 134, 1);
+                                            border-radius: 0 7px 7px 0;
+                                            font-size: 14px;
+                                            color: #FFFFFF;
+                                            cursor: pointer;
+                                        }
+                                    }
+
+                                    .forkfork {
+                                        width: 12px;
+                                        height: 12px;
+                                        cursor: pointer;
+                                    }
+                                }
+
+
+                            }
+                        }
+
+                        .child-comments {
+                            margin-left: 24px;
+                            border-bottom: 1px dotted #ebebeb;
+
+                            .comments-item:last-of-type .comments-text {
+                                border-bottom: none;
+                            }
+
+                            .comments-also {
+                                color: #62B1FF;
+                                line-height: 22px;
+                                font-size: 13px;
+                                height: 46px;
+                                margin-left: 30px;
+                                cursor: pointer;
+
+                                .also-icon {
+                                    width: 10px;
+                                    height: 10px;
+                                    margin-left: 8px;
+                                }
+                            }
+                        }
+
+                        .reverl-all {
+                            width: 120px;
+                            height: 28px;
+                            border: 1px solid rgba(235, 235, 235, 1);
+                            border-radius: 43px;
+                            color: #555555;
+                            line-height: 20px;
+                            font-size: 13px;
+                            margin: 16px auto 0;
+                            cursor: pointer;
+
+                            .arrow-circular {
+                                width: 10px;
+                                height: 10px;
+                                margin-left: 10px;
+                            }
+                        }
+                    }
+                }
+
+                .info-box {
+                    justify-content: space-between;
+                    padding: 0 24px;
+                    margin-bottom: 20px;
+
+                    .user-info {
+                        .avatar {
+                            width: 20px;
+                            height: 20px;
+                            border-radius: 50%;
+                            margin-right: 8px;
+                        }
+
+                        .user-name {
+                            color: #7f7f7f;
+                            font-size: 13px;
+                            margin-right: 20px;
+                        }
+
+                        .homeShare {
+                            height: 14px;
+                        }
+                    }
+
+                    .time {
+                        font-size: 12px;
+                        color: #AAAAAA;
+                    }
+                }
+
+
+                .operate-box {
+                    justify-content: space-between;
+                    height: 54px;
+                    border-top: 1px dotted #ebebeb;
+                    padding: 0 24px;
+
+                    .operate-list {
+                        .operate-item {
+                            font-size: 13px;
+                            color: #7f7f7f;
+                            margin-left: 49px;
+                            cursor: pointer;
+                            height: 53px;
+                            // background-color: #333333;
+
+                            position: relative;
+                            z-index: 1;
+
+                            &.commentnum::after {
+                                content: "";
+                                width: 80px;
+                                height: 100%;
+                                background: inherit;
+                                background-color: rgba(246, 246, 246, 1);
+                                position: absolute;
+                                top: 0;
+                                left: 50%;
+                                z-index: -1;
+                                transform: translateX(-50%);
+                            }
+
+                            .operate-icon {
+                                margin-right: 7px;
+
+                                &.operate-like-icon,
+                                &.operate-transmit-icon {
+                                    width: 14px;
+                                    height: 14px;
+                                }
+
+                                &.operate-comment-icon {
+                                    width: 14px;
+                                    height: 13px;
+                                }
+
+                                &.operate-collect-icon {
+                                    width: 16px;
+                                    height: 16px;
+                                }
+                            }
+
+                            &.operate-transmit {
+                                position: relative;
+                                z-index: 1;
+
+                                .transmit-box {
+                                    width: 628px;
+                                    // height: 300px;
+                                    border: 1px solid rgba(235, 235, 235, 1);
+                                    border-radius: 10px;
+                                    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.117647058823529);
+                                    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.117647058823529);
+                                    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.117647058823529);
+
+                                    position: absolute;
+                                    top: 64px;
+                                    right: -24px;
+                                    background: #fff;
+                                    justify-content: space-between;
+                                    padding: 40px 35px 42px;
+
+                                    .transmit-title {
+                                        font-weight: 650;
+                                        font-size: 16px;
+                                        color: #000000;
+                                        line-height: 24px;
+                                        margin-bottom: 24px;
+                                    }
+
+                                    .transmit-content {
+                                        border: 1px solid rgba(242, 242, 242, 1);
+                                        border-radius: 16px;
+                                    }
+
+                                    .transmit-web {
+                                        .transmit-content {
+                                            width: 300px;
+                                            font-size: 14px;
+                                            line-height: 24px;
+                                            padding: 14px 16px;
+                                            margin-bottom: 32px;
+
+                                            .transmit-headline {
+                                                color: #333333;
+                                            }
+
+                                            .transmit-url {
+                                                color: #AAAAAA;
+                                            }
+                                        }
+
+                                        .transmit-web-btn {
+                                            width: 120px;
+                                            height: 38px;
+                                            background-color: rgba(253, 223, 109, 1);
+                                            border-radius: 8px;
+                                            font-size: 14px;
+                                            color: #000000;
+                                        }
+                                    }
+
+                                    .transmit-mini {
+
+
+                                        .transmit-content {
+                                            flex-direction: column;
+                                            padding: 22px 44px;
+
+                                            .transmit-mini-img {
+                                                width: 90px;
+                                                height: 90px;
+                                                margin-bottom: 21px;
+                                            }
+
+                                            color: #555555;
+                                            // line-height: 22px;
+                                            font-size: 13px;
+
+                                            .give-sweep {
+                                                width: 12px;
+                                                height: 12px;
+                                                margin-right: 8px;
+                                            }
+                                        }
+                                    }
+
+                                }
+
+                                .transmit-mask {
+                                    position: fixed;
+                                    top: 0;
+                                    left: 0;
+                                    // background-color:;
+                                    z-index: -1;
+                                    width: 100vw;
+                                    height: 100vh;
+                                }
+                            }
+
+                        }
+                    }
+                }
+
+                .copyright {
+                    font-size: 13px;
+                    color: #d7d7d7;
+                    margin-top: 29px;
+                    margin-bottom: 87px;
+                    text-align: center;
+                }
+
+                .mobile-phone-check {
+                    width: 150px;
+                    padding: 10px 0;
+                    margin-bottom: 50px;
+                    // height: 36px;
+                    color: #7F7F7F;
+                    font-size: 13px;
+                    border: 1px solid rgba(235, 235, 235, 1);
+                    border-radius: 20px;
+                    margin: 0 auto 50px;
+                    cursor: pointer;
+                    position: relative;
+
+                    .QRCode-icon {
+                        width: 16px;
+                        height: 16px;
+                        margin-right: 10px;
+                    }
+
+                    &:hover .QRCode-pop {
+                        display: flex;
+                    }
+
+                    .QRCode-pop {
+                        display: none;
+                        position: absolute;
+                        bottom: 45px;
+                        width: 200px;
+                        height: 200px;
+                        background-color: rgba(255, 255, 255, 1);
+                        border-radius: 17px;
+                        -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.16078431372549);
+                        -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.16078431372549);
+                        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.16078431372549);
+                        flex-direction: column;
+                        z-index: 1;
+
+                        .offer-mini-QRcode {
+                            width: 113px;
+                            // height: 113px;
+                            margin-bottom: 18px;
+                        }
+
+                        .QRCode-hint {
+                            .QRCode-img {
+                                width: 12px;
+                                height: 12px;
+                                margin-right: 12px;
+                            }
+
+                            font-size: 13px;
+                            color: #333333;
+                        }
+                    }
+
+                }
+            }
+
+
+            .empty-box {
+                flex-direction: column;
+                margin-bottom: 16px;
+
+                .dot-list {
+                    margin-bottom: 8px;
+
+                    .dot-item {
+                        width: 8px;
+                        height: 8px;
+
+                        &:not(:last-of-type) {
+                            margin-right: 5px;
+                        }
+                    }
+                }
+
+                .empty-icon {
+                    width: 100px;
+                    height: 100px;
+                }
+            }
+
+            .empty-hint {
+                color: #7F7F7F;
+                line-height: 22px;
+                font-size: 13px;
+                text-align: center;
+            }
+        }
+
+    }
+
+    .my-popover {
+
+        .popover-box {
+            width: 750px;
+            height: 616px;
+            background-color: rgba(255, 255, 255, 1);
+            border-radius: 10px;
+            -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.117647058823529);
+            -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.117647058823529);
+            box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.117647058823529);
+            flex-direction: column;
+            padding-top: 30px;
+            position: relative;
+
+            .cross-icon {
+                position: absolute;
+                top: 12px;
+                right: 12px;
+                width: 12px;
+                height: 12px;
+                cursor: pointer;
+            }
+
+            .tab-list {
+                color: #aaa;
+                font-size: 16px;
+                margin-bottom: 30px;
+
+                .tab-item {
+                    cursor: pointer;
+
+                    .quantity {
+                        margin-left: 10px;
+
+                    }
+
+                    &.pitch {
+                        font-family: 'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC', sans-serif;
+                        font-weight: 650;
+                        color: #000000;
+
+                        .quantity {
+                            font-weight: 400;
+                            color: #555;
+                        }
+                    }
+                }
+
+                .long-string {
+                    margin: 0 20px;
+                    width: 1px;
+                    height: 17px;
+                    background-color: #d7d7d7;
+                }
+            }
+
+            .empty-box {
+                width: 690px;
+                height: 490px;
+                background-color: rgba(255, 255, 255, 1);
+                border: 1px solid rgba(235, 235, 235, 1);
+                border-radius: 6px;
+                margin: 0 auto;
+                flex-direction: column;
+
+                .dot-list {
+                    .item {
+                        width: 8px;
+                        height: 8px;
+
+                        &:not(:last-of-type) {
+                            margin-right: 5px;
+                        }
+                    }
+                }
+
+                .empty-icon {
+                    width: 100px;
+                    height: 100px;
+                    margin-top: 10px;
+                    margin-bottom: 15px;
+                }
+
+                .empty-hint {
+                    font-size: 13px;
+                    color: #7f7f7f;
+                    line-height: 22px;
+                }
+            }
+
+            .content-box {
+                width: 690px;
+                height: 490px;
+                margin: 0 auto;
+                overflow: auto;
+
+
+                .icon {
+                    font-family: 'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC', sans-serif;
+                    font-weight: 650;
+                    font-size: 13px;
+                    width: 20px;
+                    height: 20px;
+                    line-height: 20px;
+                    border-radius: 50%;
+                    color: #fff;
+                    margin-right: 17px;
+
+                    &.q {
+                        background-color: #72db86;
+                    }
+
+                    &.a {
+                        background-color: #62b1ff;
+                    }
+                }
+
+
+                .item {
+                    padding: 20px 0;
+                    border-bottom: 1px dotted #ebebeb;
+
+                    .centre {
+                        .info {
+                            font-size: 12px;
+                            color: #555;
+                            margin-bottom: 10px;
+
+                            .time {
+                                color: #aaa;
+                                margin-left: 8px;
+                            }
+                        }
+
+                        .title {
+                            color: #333333;
+                            font-size: 14px;
+                            line-height: 22px;
+                            margin-bottom: 10px;
+                            width: 532px;
+                        }
+
+                        .text {
+                            font-size: 12px;
+                            color: #AAAAAA;
+                            width: 532px;
+                        }
+
+                        flex-direction: column;
+                    }
+
+                    .operate-box {
+                        .state-box {
+                            position: relative;
+                            cursor: pointer;
+
+                            .text {
+                                font-size: 13px;
+                                color: #333;
+                            }
+
+                            .arrows {
+                                width: 8px;
+                                height: 5px;
+                                margin-left: 6px;
+                            }
+
+                            .state-popup {
+                                position: absolute;
+                                top: 28px;
+                                right: 0;
+                                width: 140px;
+                                height: 101px;
+                                background-color: rgba(255, 255, 255, 1);
+                                border-radius: 10px;
+                                -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.203921568627451);
+                                -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.203921568627451);
+                                box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.203921568627451);
+                                flex-direction: column;
+                                z-index: 1;
+
+                                .state-popup-mask {
+                                    position: fixed;
+                                    top: 0;
+                                    left: 0;
+                                    width: 100vw;
+                                    height: 100vh;
+                                    // background-color: #000000;
+                                    z-index: -1;
+                                }
+
+                                .state-popup-item {
+                                    justify-content: space-between;
+                                    color: #555;
+                                    font-size: 14px;
+                                    padding: 0 10px;
+
+                                    &:hover {
+                                        color: #000000;
+                                    }
+
+                                    &.pitch {
+                                        color: #FA6B11;
+
+                                        .state-popup-icon {
+                                            display: block;
+                                        }
+                                    }
+
+                                    &:not(:last-of-type) {
+                                        border-bottom: 1px dotted #e3e3e3;
+                                    }
+
+                                    .state-popup-icon {
+                                        width: 11px;
+                                        height: 8px;
+                                        display: none;
+                                    }
+                                }
+                            }
+                        }
+
+                        .edit-icon {
+                            width: 16px;
+                            height: 16px;
+                            cursor: pointer;
+                            margin-left: 30px;
+                        }
+                    }
+                }
+
+                &.collect-list {
+                    padding-right: 10px;
+
+                    .item {
+                        padding: 20px 0;
+                        border-bottom: 1px dotted #ebebeb;
+
+
+
+                        .delete-box {
+                            .delete-icon {
+                                cursor: pointer;
+                            }
+                        }
+                    }
+                }
+
+                &.answers-list {
+                    .item {
+                        .centre {}
+
+
+                    }
+                }
+
+                &.questions-list {
+                    .item {
+                        .new-answer {
+                            color: #F95D5D;
+
+                            .long-string {
+                                width: 1px;
+                                height: 12px;
+                                background-color: #D7D7D7;
+                                margin: 0 8px;
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+
+    .popover-mask {
+        position: fixed;
+        top: 0;
+        left: 0;
+        background-color: rgba(0, 0, 0, 0.5);
+        width: 100vw;
+        height: 100vh;
+        z-index: 1;
+    }
+
+    .issue-box {
+
+        .choosing-theme {
+            width: 530px;
+            // height: 329px;
+            background: inherit;
+            background-color: rgba(255, 255, 255, 1);
+            border: none;
+            border-radius: 10px;
+            -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.117647058823529);
+            -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.117647058823529);
+            box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.117647058823529);
+            padding: 30px 36px 45px;
+
+            .title {
+                font-size: 14px;
+                font-weight: 650;
+                color: #000000;
+                position: relative;
+                margin-bottom: 30px;
+
+                &::before {
+                    content: "";
+                    width: 5px;
+                    height: 12px;
+                    background-color: rgba(114, 219, 134, 1);
+                    border-radius: 3px;
+                    position: absolute;
+                    top: 50%;
+                    left: -15px;
+                    transform: translateY(-50%);
+                }
+            }
+
+            .theme-list {
+                justify-content: space-between;
+                flex-wrap: wrap;
+
+                &::after {
+                    content: "";
+                    width: 140px;
+                    height: 0;
+                }
+
+                .theme-item {
+                    width: 140px;
+                    height: 36px;
+                    background-color: rgba(246, 246, 246, 1);
+                    border-radius: 5px;
+                    font-size: 14px;
+                    color: #333333;
+                    cursor: pointer;
+
+                    &:not(:nth-last-child(-n+3)) {
+                        margin-bottom: 20px;
+                    }
+
+                    &:hover {
+                        color: #000000;
+                        background-color: rgba(253, 223, 109, 1);
+                    }
+
+
+                }
+            }
+        }
+
+        .issue-form {
+            padding-top: 30px;
+            width: 721px;
+            // height: 520px;
+            width: 721px;
+            height: 520px;
+            background-color: #fff;
+            border-radius: 10px;
+            position: relative;
+            z-index: 1;
+
+            .issue-bj {
+                position: absolute;
+                left: -3px;
+                top: -3px;
+                width: 727px;
+                height: 526px;
+                z-index: -1;
+            }
+
+            .q {
+                width: 20px;
+                height: 20px;
+                border-radius: 50%;
+                font-weight: 650;
+                font-style: normal;
+                font-size: 13px;
+                color: #FFFFFF;
+                background-color: #72db86;
+                position: absolute;
+                top: 0;
+                left: 0;
+            }
+
+            .cross-icon {
+                position: absolute;
+                top: 12px;
+                right: 12px;
+                width: 12px;
+                height: 12px;
+                cursor: pointer;
+            }
+
+            input,
+            textarea {
+                border: none;
+                outline: none;
+            }
+
+            .issue-input {
+                padding: 0 30px;
+                width: 720px;
+                height: 80px;
+                border-bottom: 1px dotted #ebebeb;
+
+                input {
+                    font-size: 18px;
+                    width: 100%;
+
+                    &::placeholder {
+                        color: #AAAAAA;
+                    }
+                }
+            }
+
+            .issue-replenish {
+                width: 100%;
+                height: 330px;
+                font-size: 14px;
+                padding: 20px 30px;
+                resize: none;
+
+                &::placeholder {
+                    color: #AAAAAA;
+                }
+            }
+        }
+
+
+    }
+
+    .edit-answers {
+        width: 720px;
+        height: 400px;
+        background-color: rgba(255, 255, 255, 1);
+        border: 1px solid rgba(235, 235, 235, 1);
+        border-radius: 10px;
+        -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.117647058823529);
+        -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.117647058823529);
+        box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.117647058823529);
+        position: relative;
+
+        .close-icon {
+            width: 12px;
+            height: 12px;
+            position: absolute;
+            top: 12px;
+            right: 12px;
+            cursor: pointer;
+        }
+
+        .title {
+            height: 64px;
+            border-bottom: 1px solid #ebebeb;
+            font-size: 14px;
+            color: #000000;
+            font-weight: 650;
+            padding-top: 20px;
+            padding-left: 20px;
+        }
+
+        textarea {
+            display: block;
+            border: none;
+            outline: none;
+            width: 100%;
+            height: 255px;
+            font-size: 14px;
+            color: #555555;
+            line-height: 26px;
+            resize: none;
+            padding: 20px;
+        }
+    }
+
+
+    .issue-bottom {
+        justify-content: space-between;
+        height: 80px;
+        background-color: rgba(246, 246, 246, 1);
+        border-radius: 0 0 10px 10px;
+        padding: 0 30px;
+
+        .option-box {
+            font-size: 14px;
+            color: #7F7F7F;
+            cursor: pointer;
+
+            .option-icon {
+                width: 18px;
+                height: 18px;
+                margin-right: 6px;
+            }
+        }
+
+        .issue-btn {
+            width: 120px;
+            height: 40px;
+            background-color: rgba(253, 223, 109, 1);
+            border-radius: 4px;
+            font-size: 14px;
+            color: #333333;
+            cursor: pointer;
+        }
+    }
+
+    .i-answer-box {
+        width: 720px;
+        height: 660px;
+        background-color: rgba(255, 255, 255, 1);
+        border: 1px solid rgba(235, 235, 235, 1);
+        border-radius: 10px;
+        -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.117647058823529);
+        -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.117647058823529);
+        box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.117647058823529);
+        flex-direction: column;
+        position: relative;
+
+        .close-icon {
+            width: 12px;
+            height: 12px;
+            position: absolute;
+            top: 12px;
+            right: 12px;
+            cursor: pointer;
+        }
+
+        .question-header {
+            padding: 25px 8px 25px 20px;
+            border-bottom: 1px solid #ebebeb;
+
+            .question-title {
+                .question-icon {
+                    width: 20px;
+                    height: 20px;
+                    border-radius: 50%;
+                    background-color: #72db86;
+                    font-weight: 650;
+                    font-size: 13px;
+                    color: #FFFFFF;
+                    margin-right: 12px;
+                    margin-top: 3px;
+                }
+
+                font-size: 18px;
+                color: #000000;
+                font-weight: 650;
+                // line-height: 22px;
+                margin-bottom: 20px;
+            }
+
+            .question-replenish {
+                // width: 642px;
+                max-height: 87px;
+                color: #7F7F7F;
+                line-height: 24px;
+                overflow: auto;
+                font-weight: 400;
+                font-size: 13px;
+                padding-left: 33px;
+            }
+        }
+
+        .question-middle {
+            flex: 1;
+            padding: 23px 20px;
+
+            .question-icon {
+                font-weight: 650;
+                font-size: 13px;
+                color: #FFFFFF;
+                width: 20px;
+                height: 20px;
+                background-color: #62b1ff;
+                border-radius: 50%;
+                margin-right: 12px;
+            }
+
+            .question-textarea {
+                height: 412px;
+                width: 100%;
+                border: none;
+                outline: none;
+                background-color: transparent;
+                resize: none;
+                overflow: auto;
+
+                &.placeholder::after {
+                    content: "输入图文内容回答提问";
+                    color: #999;
+                }
+
+                img {
+                    max-width: 100%;
+                }
+            }
+        }
+    }
+
+}
+
+
+a::after {
+    content: "";
+}
\ No newline at end of file
diff --git a/img/QRCode-icon.svg b/img/QRCode-icon.svg
new file mode 100644
index 0000000..8464970
--- /dev/null
+++ b/img/QRCode-icon.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="16px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -1195 -1486 )">
+    <path d="M 2.90909090909091 11.6363636363636  L 4.36363636363636 11.6363636363636  L 4.36363636363636 13.0909090909091  L 2.90909090909091 13.0909090909091  L 2.90909090909091 11.6363636363636  Z M 2.90909090909091 2.90909090909091  L 4.36363636363636 2.90909090909091  L 4.36363636363636 4.36363636363636  L 2.90909090909091 4.36363636363636  L 2.90909090909091 2.90909090909091  Z M 11.6363636363636 2.90909090909091  L 13.0909090909091 2.90909090909091  L 13.0909090909091 4.36363636363636  L 11.6363636363636 4.36363636363636  L 11.6363636363636 2.90909090909091  Z M 1.45454545454545 10.1818181818182  L 1.45454545454545 14.5340909090909  L 5.81818181818182 14.5340909090909  L 5.81818181818182 10.1818181818182  L 1.45454545454545 10.1818181818182  Z M 1.45454545454545 1.45454545454546  L 1.45454545454545 5.81818181818182  L 5.81818181818182 5.81818181818182  L 5.81818181818182 1.45454545454546  L 1.45454545454545 1.45454545454546  Z M 10.1818181818182 1.45454545454546  L 10.1818181818182 5.81818181818182  L 14.5454545454545 5.81818181818182  L 14.5454545454545 1.45454545454546  L 10.1818181818182 1.45454545454546  Z M 0 8.72727272727273  L 7.27272727272727 8.72727272727273  L 7.27272727272727 16  L 0 16  L 0 8.72727272727273  Z M 11.6363636363636 14.5454545454545  L 13.0909090909091 14.5454545454545  L 13.0909090909091 16  L 11.6363636363636 16  L 11.6363636363636 14.5454545454545  Z M 14.5454545454545 14.5454545454545  L 16 14.5454545454545  L 16 16  L 14.5454545454545 16  L 14.5454545454545 14.5454545454545  Z M 14.5454545454545 8.72727272727273  L 16 8.72727272727273  L 16 13.0909090909091  L 11.6363636363636 13.0909090909091  L 11.6363636363636 11.6363636363636  L 10.1818181818182 11.6363636363636  L 10.1818181818182 16  L 8.72727272727273 16  L 8.72727272727273 8.72727272727273  L 13.0909090909091 8.72727272727273  L 13.0909090909091 10.1818181818182  L 14.5454545454545 10.1818181818182  L 14.5454545454545 8.72727272727273  Z M 0 0  L 7.27272727272727 0  L 7.27272727272727 7.27272727272727  L 0 7.27272727272727  L 0 0  Z M 8.72727272727273 0  L 16 0  L 16 7.27272727272727  L 8.72727272727273 7.27272727272727  L 8.72727272727273 0  Z " fill-rule="nonzero" fill="#000000" stroke="none" transform="matrix(1 0 0 1 1195 1486 )" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/img/add-icon.svg b/img/add-icon.svg
new file mode 100644
index 0000000..585cf1c
--- /dev/null
+++ b/img/add-icon.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="14px" height="14px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -1460 -88 )">
+    <path d="M 10.91015625 7.99348958333333  C 11.0256076388889 7.87803819444444  11.0833333333333 7.74131944444444  11.0833333333333 7.58333333333333  L 11.0833333333333 6.41666666666667  C 11.0833333333333 6.25868055555555  11.0256076388889 6.12196180555555  10.91015625 6.00651041666667  C 10.7947048611111 5.89105902777778  10.6579861111111 5.83333333333333  10.5 5.83333333333333  L 8.16666666666667 5.83333333333333  L 8.16666666666667 3.5  C 8.16666666666667 3.34201388888889  8.10894097222222 3.20529513888889  7.99348958333333 3.08984375  C 7.87803819444445 2.97439236111111  7.74131944444445 2.91666666666667  7.58333333333333 2.91666666666667  L 6.41666666666667 2.91666666666667  C 6.25868055555556 2.91666666666667  6.12196180555556 2.97439236111111  6.00651041666667 3.08984375  C 5.89105902777778 3.20529513888889  5.83333333333333 3.34201388888889  5.83333333333333 3.5  L 5.83333333333333 5.83333333333333  L 3.5 5.83333333333333  C 3.34201388888889 5.83333333333333  3.20529513888889 5.89105902777778  3.08984375 6.00651041666667  C 2.97439236111111 6.12196180555555  2.91666666666667 6.25868055555555  2.91666666666667 6.41666666666667  L 2.91666666666667 7.58333333333333  C 2.91666666666667 7.74131944444444  2.97439236111111 7.87803819444444  3.08984375 7.99348958333333  C 3.20529513888889 8.10894097222222  3.34201388888889 8.16666666666667  3.5 8.16666666666667  L 5.83333333333333 8.16666666666667  L 5.83333333333333 10.5  C 5.83333333333333 10.6579861111111  5.89105902777778 10.7947048611111  6.00651041666667 10.91015625  C 6.12196180555556 11.0256076388889  6.25868055555556 11.0833333333333  6.41666666666667 11.0833333333333  L 7.58333333333333 11.0833333333333  C 7.74131944444445 11.0833333333333  7.87803819444445 11.0256076388889  7.99348958333333 10.91015625  C 8.10894097222222 10.7947048611111  8.16666666666667 10.6579861111111  8.16666666666667 10.5  L 8.16666666666667 8.16666666666667  L 10.5 8.16666666666667  C 10.6579861111111 8.16666666666667  10.7947048611111 8.10894097222222  10.91015625 7.99348958333333  Z M 13.0611979166667 3.486328125  C 13.6870659722222 4.55881076388889  14 5.73003472222222  14 7  C 14 8.26996527777778  13.6870659722222 9.44118923611111  13.0611979166667 10.513671875  C 12.4353298611111 11.5861545138889  11.5861545138889 12.4353298611111  10.513671875 13.0611979166667  C 9.44118923611111 13.6870659722222  8.26996527777778 14  7 14  C 5.73003472222222 14  4.55881076388889 13.6870659722222  3.486328125 13.0611979166667  C 2.41384548611111 12.4353298611111  1.56467013888889 11.5861545138889  0.938802083333333 10.513671875  C 0.312934027777778 9.44118923611111  0 8.26996527777778  0 7  C 0 5.73003472222222  0.312934027777778 4.55881076388889  0.938802083333333 3.486328125  C 1.56467013888889 2.41384548611111  2.41384548611111 1.56467013888889  3.486328125 0.938802083333333  C 4.55881076388889 0.312934027777777  5.73003472222222 0  7 0  C 8.26996527777778 0  9.44118923611111 0.312934027777777  10.513671875 0.938802083333333  C 11.5861545138889 1.56467013888889  12.4353298611111 2.41384548611111  13.0611979166667 3.486328125  Z " fill-rule="nonzero" fill="#000000" stroke="none" transform="matrix(1 0 0 1 1460 88 )" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/img/arrow-circular-gray.png b/img/arrow-circular-gray.png
new file mode 100644
index 0000000..208e039
Binary files /dev/null and b/img/arrow-circular-gray.png differ
diff --git a/img/arrows-icon.svg b/img/arrows-icon.svg
new file mode 100644
index 0000000..f36972e
--- /dev/null
+++ b/img/arrows-icon.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="8px" height="5px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -33 -8 )">
+    <path d="M 7.91983967935872 0.515463917525773  C 7.97327989311957 0.572737686139747  8 0.638602520045818  8 0.713058419243986  C 8 0.787514318442153  7.97327989311957 0.853379152348224  7.91983967935872 0.910652920962199  L 4.18436873747495 4.91408934707904  C 4.1309285237141 4.97136311569301  4.06947227788911 5  4 5  C 3.93052772211089 5  3.86907147628591 4.97136311569301  3.81563126252505 4.91408934707904  L 0.0801603206412826 0.910652920962199  C 0.0267201068804276 0.853379152348224  0 0.787514318442153  0 0.713058419243986  C 0 0.638602520045818  0.0267201068804276 0.572737686139747  0.0801603206412826 0.515463917525773  L 0.480961923847695 0.0859106529209624  C 0.534402137608551 0.0286368843069867  0.595858383433534 0  0.665330661322645 0  C 0.734802939211757 0  0.79625918503674 0.0286368843069867  0.849699398797595 0.0859106529209624  L 4 3.46219931271478  L 7.1503006012024 0.0859106529209624  C 7.20374081496326 0.0286368843069867  7.26519706078824 0  7.33466933867735 0  C 7.40414161656647 0  7.46559786239145 0.0286368843069867  7.51903807615231 0.0859106529209624  L 7.91983967935872 0.515463917525773  Z " fill-rule="nonzero" fill="#aaaaaa" stroke="none" transform="matrix(1 0 0 1 33 8 )" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/img/close-icon.svg b/img/close-icon.svg
new file mode 100644
index 0000000..4fb9f94
--- /dev/null
+++ b/img/close-icon.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="20px" height="20px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -1540 -229 )">
+    <path d="M 1550 229  C 1555.6 229  1560 233.4  1560 239  C 1560 244.6  1555.6 249  1550 249  C 1544.4 249  1540 244.6  1540 239  C 1540 233.4  1544.4 229  1550 229  Z " fill-rule="nonzero" fill="#ffffff" stroke="none" fill-opacity="0" />
+    <path d="M 1550 229.5  C 1555.32 229.5  1559.5 233.68  1559.5 239  C 1559.5 244.32  1555.32 248.5  1550 248.5  C 1544.68 248.5  1540.5 244.32  1540.5 239  C 1540.5 233.68  1544.68 229.5  1550 229.5  Z " stroke-width="1" stroke="#797979" fill="none" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/img/collect-icon-colours.svg b/img/collect-icon-colours.svg
new file mode 100644
index 0000000..1a4057d
--- /dev/null
+++ b/img/collect-icon-colours.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="15px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -1406 -827 )">
+    <path d="M 15.4615384615385 5.37807183364839  C 15.8205128205128 5.43478260869565  16 5.57971014492754  16 5.81285444234405  C 16 5.95148078134846  15.9166666666667 6.10270951480781  15.75 6.26654064272212  L 12.2596153846154 9.6124763705104  L 13.0865384615385 14.3383742911153  C 13.0929487179487 14.3824826717076  13.0961538461538 14.4454946439824  13.0961538461538 14.5274102079395  C 13.0961538461538 14.6597353497164  13.0625 14.7715816005041  12.9951923076923 14.8629489603025  C 12.9278846153846 14.9543163201008  12.8301282051282 15  12.7019230769231 15  C 12.5801282051282 15  12.4519230769231 14.9621928166352  12.3173076923077 14.8865784499055  L 8 12.65595463138  L 3.68269230769231 14.8865784499055  C 3.54166666666667 14.9621928166352  3.41346153846154 15  3.29807692307692 15  C 3.16346153846154 15  3.0625 14.9543163201008  2.99519230769231 14.8629489603025  C 2.92788461538462 14.7715816005041  2.89423076923077 14.6597353497164  2.89423076923077 14.5274102079395  C 2.89423076923077 14.4896030245747  2.90064102564103 14.4265910522999  2.91346153846154 14.3383742911153  L 3.74038461538462 9.6124763705104  L 0.240384615384615 6.26654064272212  C 0.0801282051282051 6.09640831758034  0 5.94517958412098  0 5.81285444234405  C 0 5.57971014492754  0.179487179487179 5.43478260869565  0.538461538461538 5.37807183364839  L 5.36538461538461 4.68809073724008  L 7.52884615384615 0.387523629489602  C 7.65064102564103 0.1291745431632  7.80769230769231 0  8 0  C 8.19230769230769 0  8.34935897435897 0.1291745431632  8.47115384615385 0.387523629489602  L 10.6346153846154 4.68809073724008  L 15.4615384615385 5.37807183364839  Z " fill-rule="nonzero" fill="#fa6b11" stroke="none" transform="matrix(1 0 0 1 1406 827 )" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/img/collect-icon.png b/img/collect-icon.png
new file mode 100644
index 0000000..4d60d52
Binary files /dev/null and b/img/collect-icon.png differ
diff --git a/img/comment-icon-gray.svg b/img/comment-icon-gray.svg
new file mode 100644
index 0000000..1f5b9fa
--- /dev/null
+++ b/img/comment-icon-gray.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="14px" height="13px" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <filter x="-50.00%" y="-50.00%" width="200.00%" height="200.00%" filterUnits="objectBoundingBox" id="filter571">
+      <feColorMatrix type="matrix" values="1 0 0 0 0.4  0 1 0 0 0.4  0 0 1 0 0.4  0 0 0 1 0  " in="SourceGraphic" />
+    </filter>
+  </defs>
+  <g transform="matrix(1 0 0 1 -1740 -5324 )">
+    <image preserveAspectRatio="none" style="overflow:visible" width="14" height="13" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAA4CAYAAABNGP5yAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAQKADAAQAAAABAAAAOAAAAACP8+m+AAADhUlEQVRoBe2aS4hPURzHZ7zfj4USmTGTkGcodiRRNh5JNsooO7NhgyJSyoayIDbySFlYkLLwyAaRR5Ty2DCTJPIYeYfx+U5z9O/M+f/N/zf3/q//vfdX3+4959zze3zP6557T01NxqU2EP8M8prAPDAaVLN8x/lWcBEcA+9AURlCyVHwG7SnEG3EtAEERcHfAmkM3I9pd4iBUxkJ3pGxwpGgOWAuUOv7cpuM60DjqFplOI4vA2O8AJ6TngB+Kf8QcMy46zbyQhOknq82GYbDV4GLzV0Xu0AeeoV3XUGKrg3E4k/uOxVfL+AvdWIrbfKMgF54QdUrLQL6ewXfvHRakp+8QHorLQIyLTkBmW5+gs98D+jTwx4wivpDe6jDr/6WDL23V0SsBDTi3XkwJSYvr6B3Ofgck/6/aq1DQG+KcQUv5xaB9bqJW6wEdLxExOzc+Jj1d6i3EvCkAs49qoAN8yqwB+cugx8xOPkFnSfBiRh0d1FpnQRfoUm7Kb1OarcVpbyPUtm/dFkJcHq1n66ow85wVFfrHBCV/cT15AQk3gQJO5D3gIQbIHHzme8B1mVQxK0DC8GABJuxFdsHgb75mcRKQDPWDpgsRl9pNSonAdO3TOsQWBJ9HGaNddQ070ytBMSxBzAzQEVT68uglYDj1NWPhv9BbuLEY6sj1jngHAZngwVgoNV4BPVa0HEWmBvDSoB8f9AJ3VetWIdA1QbsO54T4DOStXTeA7LW4n68eQ+AkXaPlb5eOi1Jv7E73h2U+caLcJqXTkNSh6UavEBeu/QZbtQLHPSld74rTMl1X0F8Ls41iq0WrAIioVC+ktgPLgH/aEnhc1Hda3OlP0E/y1SoHqweW2zY1lO2FqwEhfKRRB1oU6Z+buhMoGMmqatOq80E3ZURPHgfWPzd7huZTIbmAouyKOvoUOYO0J09yiajv/r1HtQ/nYKnRqVRkiBdd8BUUEo2Uliu3dPUKbl7HcQDm4G1a5XrUKnn9ZFjK9AQDclgMq+BUjpUJj0XwFLQRTQJFhMdfRkLZChOGYdyzdKNRYzoHHMTCH30kP9a3kaCkHwgswWUO7mGdMWap265t9PRUItqVdoCivUGitIhswjjHgiRoLwbQF+AUy39iG4X0IoQIuIl+XEPS0wkL3rB0QfPEAlzknevMh5ozGu913E5R4R6gFarTMlEoj0MjgC9tEUmfwCaJfF0KbQc/QAAAABJRU5ErkJggg==" x="1740px" y="5324px" filter="url(#filter571)" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/img/comment-icon.png b/img/comment-icon.png
new file mode 100644
index 0000000..8d4a63e
Binary files /dev/null and b/img/comment-icon.png differ
diff --git a/img/cross-circle-icon.png b/img/cross-circle-icon.png
new file mode 100644
index 0000000..d2793f8
Binary files /dev/null and b/img/cross-circle-icon.png differ
diff --git a/img/cross-icon.png b/img/cross-icon.png
new file mode 100644
index 0000000..c3e2e52
Binary files /dev/null and b/img/cross-icon.png differ
diff --git a/img/delete-icon.svg b/img/delete-icon.svg
new file mode 100644
index 0000000..1e295a1
--- /dev/null
+++ b/img/delete-icon.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="12px" height="13px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -894 -10019 )">
+    <path d="M 4.28693181818182 4.951171875  C 4.33806818181818 5.001953125  4.36363636363636 5.06684027777778  4.36363636363636 5.14583333333333  L 4.36363636363636 10.0208333333333  C 4.36363636363636 10.0998263888889  4.33806818181818 10.1647135416667  4.28693181818182 10.2154947916667  C 4.23579545454545 10.2662760416667  4.17045454545455 10.2916666666667  4.09090909090909 10.2916666666667  L 3.54545454545455 10.2916666666667  C 3.46590909090909 10.2916666666667  3.40056818181818 10.2662760416667  3.34943181818182 10.2154947916667  C 3.29829545454545 10.1647135416667  3.27272727272727 10.0998263888889  3.27272727272727 10.0208333333333  L 3.27272727272727 5.14583333333333  C 3.27272727272727 5.06684027777778  3.29829545454545 5.001953125  3.34943181818182 4.951171875  C 3.40056818181818 4.900390625  3.46590909090909 4.875  3.54545454545455 4.875  L 4.09090909090909 4.875  C 4.17045454545455 4.875  4.23579545454545 4.900390625  4.28693181818182 4.951171875  Z M 6.46875 4.951171875  C 6.51988636363636 5.001953125  6.54545454545454 5.06684027777778  6.54545454545454 5.14583333333333  L 6.54545454545454 10.0208333333333  C 6.54545454545454 10.0998263888889  6.51988636363636 10.1647135416667  6.46875 10.2154947916667  C 6.41761363636364 10.2662760416667  6.35227272727273 10.2916666666667  6.27272727272727 10.2916666666667  L 5.72727272727273 10.2916666666667  C 5.64772727272727 10.2916666666667  5.58238636363636 10.2662760416667  5.53125 10.2154947916667  C 5.48011363636364 10.1647135416667  5.45454545454545 10.0998263888889  5.45454545454545 10.0208333333333  L 5.45454545454545 5.14583333333333  C 5.45454545454545 5.06684027777778  5.48011363636364 5.001953125  5.53125 4.951171875  C 5.58238636363636 4.900390625  5.64772727272727 4.875  5.72727272727273 4.875  L 6.27272727272727 4.875  C 6.35227272727273 4.875  6.41761363636364 4.900390625  6.46875 4.951171875  Z M 8.65056818181818 4.951171875  C 8.70170454545454 5.001953125  8.72727272727273 5.06684027777778  8.72727272727273 5.14583333333333  L 8.72727272727273 10.0208333333333  C 8.72727272727273 10.0998263888889  8.70170454545454 10.1647135416667  8.65056818181818 10.2154947916667  C 8.59943181818182 10.2662760416667  8.53409090909091 10.2916666666667  8.45454545454546 10.2916666666667  L 7.90909090909091 10.2916666666667  C 7.82954545454546 10.2916666666667  7.76420454545454 10.2662760416667  7.71306818181818 10.2154947916667  C 7.66193181818182 10.1647135416667  7.63636363636364 10.0998263888889  7.63636363636364 10.0208333333333  L 7.63636363636364 5.14583333333333  C 7.63636363636364 5.06684027777778  7.66193181818182 5.001953125  7.71306818181818 4.951171875  C 7.76420454545454 4.900390625  7.82954545454546 4.875  7.90909090909091 4.875  L 8.45454545454546 4.875  C 8.53409090909091 4.875  8.59943181818182 4.900390625  8.65056818181818 4.951171875  Z M 9.75852272727273 11.6162109375  C 9.79829545454546 11.5118272569444  9.81818181818182 11.3975694444444  9.81818181818182 11.2734375  L 9.81818181818182 3.25  L 2.18181818181818 3.25  L 2.18181818181818 11.2734375  C 2.18181818181818 11.3975694444444  2.20170454545455 11.5118272569444  2.24147727272727 11.6162109375  C 2.28125 11.7205946180556  2.32244318181818 11.7967664930556  2.36505681818182 11.8447265625  C 2.40767045454545 11.8926866319444  2.4375 11.9166666666667  2.45454545454545 11.9166666666667  L 9.54545454545454 11.9166666666667  C 9.5625 11.9166666666667  9.59232954545454 11.8926866319444  9.63494318181818 11.8447265625  C 9.67755681818182 11.7967664930556  9.71875 11.7205946180556  9.75852272727273 11.6162109375  Z M 4.50852272727273 1.17643229166667  L 4.09090909090909 2.16666666666667  L 7.90909090909091 2.16666666666667  L 7.5 1.17643229166667  C 7.46022727272727 1.12565104166667  7.41193181818182 1.09461805555555  7.35511363636364 1.08333333333333  L 4.65340909090909 1.08333333333333  C 4.59659090909091 1.09461805555555  4.54829545454546 1.12565104166667  4.50852272727273 1.17643229166667  Z M 11.9232954545455 2.24283854166667  C 11.9744318181818 2.29361979166667  12 2.35850694444444  12 2.4375  L 12 2.97916666666667  C 12 3.05815972222222  11.9744318181818 3.123046875  11.9232954545455 3.173828125  C 11.8721590909091 3.224609375  11.8068181818182 3.25  11.7272727272727 3.25  L 10.9090909090909 3.25  L 10.9090909090909 11.2734375  C 10.9090909090909 11.7417534722222  10.7755681818182 12.1465928819444  10.5085227272727 12.4879557291667  C 10.2414772727273 12.8293185763889  9.92045454545454 13  9.54545454545454 13  L 2.45454545454545 13  C 2.07954545454545 13  1.75852272727273 12.8349609375  1.49147727272727 12.5048828125  C 1.22443181818182 12.1748046875  1.09090909090909 11.7756076388889  1.09090909090909 11.3072916666667  L 1.09090909090909 3.25  L 0.272727272727273 3.25  C 0.193181818181818 3.25  0.127840909090909 3.224609375  0.0767045454545455 3.173828125  C 0.0255681818181818 3.123046875  0 3.05815972222222  0 2.97916666666667  L 0 2.4375  C 0 2.35850694444444  0.0255681818181818 2.29361979166667  0.0767045454545455 2.24283854166667  C 0.127840909090909 2.19205729166667  0.193181818181818 2.16666666666667  0.272727272727273 2.16666666666667  L 2.90625 2.16666666666667  L 3.50284090909091 0.753255208333334  C 3.58806818181818 0.544487847222221  3.74147727272727 0.366753472222221  3.96306818181818 0.220052083333334  C 4.18465909090909 0.0733506944444436  4.40909090909091 0  4.63636363636364 0  L 7.36363636363636 0  C 7.59090909090909 0  7.81534090909091 0.0733506944444436  8.03693181818182 0.220052083333334  C 8.25852272727273 0.366753472222221  8.41193181818182 0.544487847222221  8.49715909090909 0.753255208333334  L 9.09375 2.16666666666667  L 11.7272727272727 2.16666666666667  C 11.8068181818182 2.16666666666667  11.8721590909091 2.19205729166667  11.9232954545455 2.24283854166667  Z " fill-rule="nonzero" fill="#d7d7d7" stroke="none" transform="matrix(1 0 0 1 894 10019 )" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/img/dot-gray.svg b/img/dot-gray.svg
new file mode 100644
index 0000000..3351277
--- /dev/null
+++ b/img/dot-gray.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="8px" height="8px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -963 -6237 )">
+    <path d="M 967 6238  C 968.68 6238  970 6239.32  970 6241  C 970 6242.68  968.68 6244  967 6244  C 965.32 6244  964 6242.68  964 6241  C 964 6239.32  965.32 6238  967 6238  Z " fill-rule="nonzero" fill="#d7d7d7" stroke="none" />
+    <path d="M 967 6238  C 968.68 6238  970 6239.32  970 6241  C 970 6242.68  968.68 6244  967 6244  C 965.32 6244  964 6242.68  964 6241  C 964 6239.32  965.32 6238  967 6238  Z " stroke-width="2" stroke="#aaaaaa" fill="none" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/img/dot-yellow.svg b/img/dot-yellow.svg
new file mode 100644
index 0000000..1bb33f7
--- /dev/null
+++ b/img/dot-yellow.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="8px" height="8px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -924 -6237 )">
+    <path d="M 928 6238  C 929.68 6238  931 6239.32  931 6241  C 931 6242.68  929.68 6244  928 6244  C 926.32 6244  925 6242.68  925 6241  C 925 6239.32  926.32 6238  928 6238  Z " fill-rule="nonzero" fill="#fddf6d" stroke="none" />
+    <path d="M 928 6238  C 929.68 6238  931 6239.32  931 6241  C 931 6242.68  929.68 6244  928 6244  C 926.32 6244  925 6242.68  925 6241  C 925 6239.32  926.32 6238  928 6238  Z " stroke-width="2" stroke="#aaaaaa" fill="none" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/img/dot.svg b/img/dot.svg
new file mode 100644
index 0000000..2945c5b
--- /dev/null
+++ b/img/dot.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="6px" height="6px" xmlns="http://www.w3.org/2000/svg">
+  <g>
+    <path d="M 3 0  C 4.68 0  6 1.32  6 3  C 6 4.68  4.68 6  3 6  C 1.32 6  0 4.68  0 3  C 0 1.32  1.32 0  3 0  Z " fill-rule="nonzero" fill="#ffffff" stroke="none" />
+    <path d="M 3 0.5  C 4.4 0.5  5.5 1.6  5.5 3  C 5.5 4.4  4.4 5.5  3 5.5  C 1.6 5.5  0.5 4.4  0.5 3  C 0.5 1.6  1.6 0.5  3 0.5  Z " stroke-width="1" stroke="#797979" fill="none" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/img/edit-icon-white.svg b/img/edit-icon-white.svg
new file mode 100644
index 0000000..84c4805
--- /dev/null
+++ b/img/edit-icon-white.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="16px" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <filter x="-50.00%" y="-50.00%" width="200.00%" height="200.00%" filterUnits="objectBoundingBox" id="filter597">
+      <feColorMatrix type="matrix" values="1 0 0 0 1  0 1 0 0 1  0 0 1 0 1  0 0 0 1 0  " in="SourceGraphic" />
+    </filter>
+  </defs>
+  <g transform="matrix(1 0 0 1 -692 -2442 )">
+    <image preserveAspectRatio="none" style="overflow:visible" width="16" height="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAMKADAAQAAAABAAAAMAAAAADbN2wMAAAECklEQVRoBe1YS2tTQRTOowmND1wYEl26Cc2jWVhXBUvEqlDqMq2KCzdaf4ArcSEIWlB3LkTpqq0IAQVRd2pUbFwY+kif2bRQKDTGhViTJsbE76QzdW7M497k5uaCGbg9Z+bOPef7zpyZnozB0G7tCPzfETC2mr7f73fk8/mbhUJhw+Px3AmFQr+VYGopAQb+DQD7GOiQ3W6/EA6Hc3JJmOVOVHteGfDkwptKpdxYiedra2t5OT5NciapPcfn8zmRNu9gl0c+I/gIJpPJ8WAwKCu4siYJxhtWKfLId0obLzP2E3LAaDTGIM+wMR9IyFoJTQmUSRsCPzg/Px9OJBIRp9P5QyAhK500I1ANPIu6gUg4HI4t9E+zsZokNCEgB3y9JJpOQAn4ekg0lQCdNtiwdNrwDbtlMpkGYrHYBw6WSyLa19e3vbi4WKAxlk5ZqCfZHEqnDMY/sn5RNO0YJfDw8BaPhzksgp+bm5MAoHder/c8jtX15eXlMTaXiwgUIsGbgytcdnBFTakUPI7Qcfg341nnOGAjAP0VHisbm83lcreYvitULyXK5HwKaTS4sLBAqSRpADmEgUk8FMgxHKdXIPOwcRwr8hr6PjzUZrPZbH88Hk/udP/+VZWA1uCJhmoEWgFeNQKtAq8KgVaCb5hAq8E3REAP4OsmoBfwdRHQE3jFBPQGXhEBPYInAlR/1GxdXV0HUa+8x0ReVf5EfwD/+mlM0iqVByjYTmAilQd72QczqG36V1ZWvkkMKOzIKubMZvNt2OVVJUqbwlmA/6ckrgYehF/Cxh6Grwge1WdD4MmWnHLaBOfDzDEJdI1XA4GAhDzA+/HuCZ4OvH8MgpehFwsz9F9A5+CpMDulBnjYrE0AwOjq4wBNFtoQbg0mRRJYlRSAbkI+wA+WEcwtYN/IrioF24rUmsVcd3f3CEA9ZFZXIY8IHibcbvelcteBlPMg1JS0EfzXXgGA7+UfANAN6Nd4H/Li0tKSZCXoHUUec8W0mVEzbQT/tQlgskgggty+jzGRxDDSaYKnU5m0KW7Ycj9GRCD16lVTyOVy2a1WawLGad4mwB/ijrA1iMRd3od8itV6xCLPf0mpdtoIfiRq1VPIYrFQ9DnJKfFLkLmH/nVh7BzA05WhZuDJt+QoFMBwdTd9MEA3BMXW09NjSafTRxHxNEBvYpBuIKhxsk2P/I47BQQAdj9OllF82JvJZI7hfsfGjZRIzcCTXx6xEgwGA0UZQL/jRSWgkm9AMI6BZ52dnaPRaJS+06RVTCGkiKtKlNMA/AXvI7j++ISNHpmenv6qCeISJxUJ2Gy21e3t7Thy3IVnA99NEVjURZ+xuRHk6K8SW/rrUhrhP+1h/SFrI2pHoB2BdgT0EoE/XD0Yrfi3Ps4AAAAASUVORK5CYII=" x="692px" y="2442px" filter="url(#filter597)" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/img/edit-icon.png b/img/edit-icon.png
new file mode 100644
index 0000000..af69726
Binary files /dev/null and b/img/edit-icon.png differ
diff --git a/img/empty-icon.svg b/img/empty-icon.svg
new file mode 100644
index 0000000..1e2de01
--- /dev/null
+++ b/img/empty-icon.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="100px" height="100px" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <filter x="-50.00%" y="-50.00%" width="200.00%" height="200.00%" filterUnits="objectBoundingBox" id="filter596">
+      <feColorMatrix type="matrix" values="0.3086 0.6094 0.082 0 0.244444444444444  0.3086 0.6094 0.082 0 0.244444444444444  0.3086 0.6094 0.082 0 0.244444444444444  0 0 0 1 0  " in="SourceGraphic" />
+    </filter>
+  </defs>
+  <g transform="matrix(1 0 0 1 -911 -6253 )">
+    <image preserveAspectRatio="none" style="overflow:visible" width="100" height="100" xlink:href="data:image/png;base64,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" x="911px" y="6253px" filter="url(#filter596)" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/img/give-sweep.png b/img/give-sweep.png
new file mode 100644
index 0000000..f72331d
Binary files /dev/null and b/img/give-sweep.png differ
diff --git a/img/input-icon.png b/img/input-icon.png
new file mode 100644
index 0000000..3587ae1
Binary files /dev/null and b/img/input-icon.png differ
diff --git a/img/issue-bj.svg b/img/issue-bj.svg
new file mode 100644
index 0000000..35c1a6f
--- /dev/null
+++ b/img/issue-bj.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="727px" height="526px" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <mask fill="white" id="clip598">
+      <path d="M 1 510  L 0.999871317552845 19.7966825002877  C 3.4185524978235 21.8045610459778  6.54626184609054 23  10 23  C 17.84 23  24 16.8399999999999  24 9  C 24 5.54542319048073  22.8039804094246 2.41703354202741  20.7929431454809 0  L 711 0  C 716.6 0  721 4.40000000000009  721 10  L 721 510  C 721 515.6  716.6 520  711 520  L 11 520  C 5.39999999999998 520  1 515.6  1 510  Z " fill-rule="evenodd" />
+    </mask>
+    <filter x="1126px" y="8991px" width="727px" height="526px" filterUnits="userSpaceOnUse" id="filter599">
+      <feOffset dx="0" dy="0" in="SourceAlpha" result="shadowOffsetInner" />
+      <feGaussianBlur stdDeviation="1.5" in="shadowOffsetInner" result="shadowGaussian" />
+      <feComposite in2="shadowGaussian" operator="atop" in="SourceAlpha" result="shadowComposite" />
+      <feColorMatrix type="matrix" values="0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.117647058823529 0  " in="shadowComposite" />
+    </filter>
+    <g id="widget600">
+      <path d="M 1 510  L 0.999871317552845 19.7966825002877  C 3.4185524978235 21.8045610459778  6.54626184609054 23  10 23  C 17.84 23  24 16.8399999999999  24 9  C 24 5.54542319048073  22.8039804094246 2.41703354202741  20.7929431454809 0  L 711 0  C 716.6 0  721 4.40000000000009  721 10  L 721 510  C 721 515.6  716.6 520  711 520  L 11 520  C 5.39999999999998 520  1 515.6  1 510  Z " fill-rule="nonzero" fill="#ffffff" stroke="none" transform="matrix(1 0 0 1 1129 8994 )" />
+      <path d="M 1 510  L 0.999871317552845 19.7966825002877  C 3.4185524978235 21.8045610459778  6.54626184609054 23  10 23  C 17.84 23  24 16.8399999999999  24 9  C 24 5.54542319048073  22.8039804094246 2.41703354202741  20.7929431454809 0  L 711 0  C 716.6 0  721 4.40000000000009  721 10  L 721 510  C 721 515.6  716.6 520  711 520  L 11 520  C 5.39999999999998 520  1 515.6  1 510  Z " stroke-width="2" stroke="#ebebeb" fill="none" transform="matrix(1 0 0 1 1129 8994 )" mask="url(#clip598)" />
+    </g>
+  </defs>
+  <g transform="matrix(1 0 0 1 -1126 -8991 )">
+    <use xlink:href="#widget600" filter="url(#filter599)" />
+    <use xlink:href="#widget600" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/img/like-icon-colours.png b/img/like-icon-colours.png
new file mode 100644
index 0000000..09d9120
Binary files /dev/null and b/img/like-icon-colours.png differ
diff --git a/img/like-icon-gray.png b/img/like-icon-gray.png
new file mode 100644
index 0000000..b9e164c
Binary files /dev/null and b/img/like-icon-gray.png differ
diff --git a/img/like-icon.png b/img/like-icon.png
new file mode 100644
index 0000000..e38f888
Binary files /dev/null and b/img/like-icon.png differ
diff --git a/img/logo.png b/img/logo.png
new file mode 100644
index 0000000..a31c8e2
Binary files /dev/null and b/img/logo.png differ
diff --git a/img/menu-icon-gray.svg b/img/menu-icon-gray.svg
new file mode 100644
index 0000000..1abc84a
--- /dev/null
+++ b/img/menu-icon-gray.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="14px" height="14px" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <filter x="-50.00%" y="-50.00%" width="200.00%" height="200.00%" filterUnits="objectBoundingBox" id="filter572">
+      <feColorMatrix type="matrix" values="1 0 0 0 0.4  0 1 0 0 0.4  0 0 1 0 0.4  0 0 0 1 0  " in="SourceGraphic" />
+    </filter>
+  </defs>
+  <g transform="matrix(1 0 0 1 -1686 -5323 )">
+    <image preserveAspectRatio="none" style="overflow:visible" width="14" height="14" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAIdQTFRFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA92IrIQAAACx0Uk5TAB5tuNj0bB0bmfz9qiBQ8/JOb24cGp6ba7e12/HZ12n7nJgZSU1MFZGitmptU/ZgAAAAAWJLR0QAiAUdSAAAAAlwSFlzAAAASAAAAEgARslrPgAAAQ1JREFUeNrt1utOwlAQReEC5WKrnGKrItaK4t3z/s+nicYIHacN2ZHErO8nk7UDDSEkCQAAAAAAAAAAAPBpMByl43E6mkwP0syOsvglPz7pN6Vs5iH+UCz6bCmb0zxuycvuLWUz33n949L5eZRNFWJLceZvSZvzaLjwx5TNILMOWeVtSZsympbemLS5tA8rb0zaXNmH1BuTNsE+BG9M2vxyqPcY26+5tg+NNyZtDv4lnNiHG29M2kzNH4i1+6OibW6tw13ikjazov16vfHHtM196+HkD0kHbVPu/lEYdm2pm8XW06kfu7fUzdPz+vttvWz6bMmbavnahNCs3qp+U3/ZAAAAAAAAAAAA4J97B6Y13hOEznw5AAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIwLTAzLTE4VDEyOjI5OjA2KzA4OjAwpDFvtAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMC0wMy0xOFQxMjoyOTowNiswODowMNVs1wgAAABJdEVYdHN2ZzpiYXNlLXVyaQBmaWxlOi8vL2hvbWUvYWRtaW4vaWNvbi1mb250L3RtcC9pY29uX2V3MGNucnU1MjUvZ2VuZ2R1by5zdmfa+p/PAAAAAElFTkSuQmCC" x="1686px" y="5323px" filter="url(#filter572)" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/img/mini-code.png b/img/mini-code.png
new file mode 100644
index 0000000..def8ef0
Binary files /dev/null and b/img/mini-code.png differ
diff --git a/img/offer-mini-QRcode.png b/img/offer-mini-QRcode.png
new file mode 100644
index 0000000..c16265b
Binary files /dev/null and b/img/offer-mini-QRcode.png differ
diff --git a/img/tick-no.svg b/img/tick-no.svg
new file mode 100644
index 0000000..3ccac85
--- /dev/null
+++ b/img/tick-no.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="18px" height="18px" viewBox="1157 9464  18 18" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <filter x="1157px" y="9464px" width="18px" height="18px" filterUnits="userSpaceOnUse" id="filter607">
+      <feOffset dx="0" dy="0" in="SourceAlpha" result="shadowOffsetInner" />
+      <feGaussianBlur stdDeviation="1.5" in="shadowOffsetInner" result="shadowGaussian" />
+      <feComposite in2="shadowGaussian" operator="atop" in="SourceAlpha" result="shadowComposite" />
+      <feColorMatrix type="matrix" values="0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.117647058823529 0  " in="shadowComposite" />
+    </filter>
+    <g id="widget608">
+      <path d="M 1160.5 9467.5  L 1171.5 9467.5  L 1171.5 9478.5  L 1160.5 9478.5  L 1160.5 9467.5  Z " fill-rule="nonzero" fill="#ffffff" stroke="none" />
+      <path d="M 1160.5 9467.5  L 1171.5 9467.5  L 1171.5 9478.5  L 1160.5 9478.5  L 1160.5 9467.5  Z " stroke-width="1" stroke="#797979" fill="none" />
+    </g>
+  </defs>
+  <use xlink:href="#widget608" filter="url(#filter607)" />
+  <use xlink:href="#widget608" />
+</svg>
\ No newline at end of file
diff --git a/img/tick-option.svg b/img/tick-option.svg
new file mode 100644
index 0000000..81db8a5
--- /dev/null
+++ b/img/tick-option.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="18px" height="18px" viewBox="1157 9464  18 18" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <filter x="1157px" y="9464px" width="18px" height="18px" filterUnits="userSpaceOnUse" id="filter609">
+      <feOffset dx="0" dy="0" in="SourceAlpha" result="shadowOffsetInner" />
+      <feGaussianBlur stdDeviation="1.5" in="shadowOffsetInner" result="shadowGaussian" />
+      <feComposite in2="shadowGaussian" operator="atop" in="SourceAlpha" result="shadowComposite" />
+      <feColorMatrix type="matrix" values="0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.117647058823529 0  " in="shadowComposite" />
+    </filter>
+    <g id="widget610">
+      <path d="M 1160.5 9467.5  L 1171.5 9467.5  L 1171.5 9478.5  L 1160.5 9478.5  L 1160.5 9467.5  Z " fill-rule="nonzero" fill="#ffffff" stroke="none" />
+      <path d="M 1160.5 9467.5  L 1171.5 9467.5  L 1171.5 9478.5  L 1160.5 9478.5  L 1160.5 9467.5  Z " stroke-width="1" stroke="#797979" fill="none" />
+    </g>
+  </defs>
+  <use xlink:href="#widget610" filter="url(#filter609)" />
+  <use xlink:href="#widget610" />
+  <path d="M 1162.57142857143 9473  L 1165.14285714286 9475.57142857143  L 1169.42857142857 9469.57142857143  " stroke-width="2.57142857142857" stroke="#797979" fill="none" />
+</svg>
\ No newline at end of file
diff --git a/img/tick-orange.svg b/img/tick-orange.svg
new file mode 100644
index 0000000..c31fcfa
--- /dev/null
+++ b/img/tick-orange.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="11px" height="8px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -784 -11798 )">
+    <path d="M 10.8012903225806 1.1043771043771  C 10.9337634408602 1.2300785634119  11 1.38271604938272  11 1.56228956228956  C 11 1.74186307519641  10.9337634408602 1.89450056116723  10.8012903225806 2.02020202020202  L 5.66322580645161 6.8956228956229  L 4.69806451612903 7.81144781144781  C 4.56559139784946 7.9371492704826  4.4047311827957 8  4.21548387096774 8  C 4.02623655913979 8  3.86537634408602 7.9371492704826  3.73290322580645 7.81144781144781  L 2.76774193548387 6.8956228956229  L 0.198709677419355 4.45791245791246  C 0.066236559139785 4.33221099887766  0 4.17957351290685  0 4  C 0 3.82042648709315  0.066236559139785 3.66778900112233  0.198709677419355 3.54208754208754  L 1.16387096774194 2.62626262626263  C 1.29634408602151 2.50056116722783  1.45720430107527 2.43771043771044  1.64645161290323 2.43771043771044  C 1.83569892473118 2.43771043771044  1.99655913978495 2.50056116722783  2.12903225806452 2.62626262626263  L 4.21548387096774 4.61279461279461  L 8.87096774193548 0.188552188552189  C 9.00344086021505 0.0628507295173959  9.16430107526882 0  9.35354838709677 0  C 9.54279569892473 0  9.7036559139785 0.0628507295173959  9.83612903225806 0.188552188552189  L 10.8012903225806 1.1043771043771  Z " fill-rule="nonzero" fill="#fa6b11" stroke="none" transform="matrix(1 0 0 1 784 11798 )" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/img/title.png b/img/title.png
new file mode 100644
index 0000000..b7977d4
Binary files /dev/null and b/img/title.png differ
diff --git a/img/transmit-icon.png b/img/transmit-icon.png
new file mode 100644
index 0000000..5ea6961
Binary files /dev/null and b/img/transmit-icon.png differ
diff --git a/img/triangle-icon.svg b/img/triangle-icon.svg
new file mode 100644
index 0000000..b66289b
--- /dev/null
+++ b/img/triangle-icon.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="5px" height="10px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -873 -593 )">
+    <path d="M 4.83506944444444 4.560546875  C 4.94502314814815 4.68424479166667  5 4.83072916666667  5 5  C 5 5.16927083333333  4.94502314814815 5.31575520833333  4.83506944444444 5.439453125  L 0.946180555555556 9.814453125  C 0.836226851851852 9.93815104166667  0.706018518518519 10  0.555555555555556 10  C 0.405092592592593 10  0.274884259259259 9.93815104166667  0.164930555555556 9.814453125  C 0.0549768518518519 9.69075520833333  0 9.54427083333333  0 9.375  L 0 0.625  C 0 0.455729166666665  0.0549768518518519 0.309244791666665  0.164930555555556 0.185546875  C 0.274884259259259 0.0618489583333326  0.405092592592593 0  0.555555555555556 0  C 0.706018518518519 0  0.836226851851852 0.0618489583333326  0.946180555555556 0.185546875  L 4.83506944444444 4.560546875  Z " fill-rule="nonzero" fill="#fddf6d" stroke="none" transform="matrix(1 0 0 1 873 593 )" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..1da9adc
--- /dev/null
+++ b/index.html
@@ -0,0 +1,545 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <link rel="stylesheet" href="./css/index.css">
+    <script src="../js文件/vue@3.2.36.js"></script>
+    <!-- <script src="./js/masonry.pkgd.min.js"></script> -->
+</head>
+
+<body>
+    <div class="" id="answer-app">
+        <!-- <video poster="https://oss.gter.net/avatar/97KwEWQHYuMQGDnFqkimXF9SHKuGwVV5zW-tYWFjYQ~~/middle?istype=1&t=20231123103322" src="null" autoplay></video> -->
+        <header class="flexacenter" id="pageHeader">
+            <div class="flexacenter top">
+                <img class="logo" src="./img/logo.png">
+                <div class="right flexacenter flex1">
+                    <div class="searchInput flexacenter">
+                        <input class="input flex1" placeholder="输入搜索关键词" v-model="keyword" @keydown.enter="searchClick()" @focus="searchFocus" @blur="searchBlur" />
+                        <img class="input-icon" src="./img/input-icon.png" @click="searchClick()">
+                        <div class="history-box" v-if="historicalSearchState" @click.stop="">
+                            <div class="history-title">历史搜索</div>
+                            <div class="history-list">
+                                <div class="history-item" v-for="(item,index) in historicalSearchList" :key="index" @click.stop="handleClickHistoricalItem(item)">{{ item }}</div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="btn-list flexacenter">
+                        <div class="item flex1" @click="handleMy('collect')">我的收藏</div>
+                        <div class="item flex1" @click="handleMy('questions')">我的提问</div>
+                        <div class="item flex1" @click="handleMy('answers')">我的回答</div>
+                    </div>
+                    <div class="add-btn flexcenter" @click="questionsInit()">
+                        <img class="add-icon" src="./img/add-icon.svg">
+                        我要提问
+                    </div>
+                </div>
+            </div>
+            <div class="tab-box flexcenter" :class="{'tab-list-fixed': tabListFixeState}">
+                <div class="tab-list flexacenter">
+                    <div class="item flexcenter" :class="{'pitch': typePitch === item['id'] }" v-for="(item,index) in typeList" :key="index">{{ item['name'] }}</div>
+                </div>
+            </div>
+
+        </header>
+
+        <!-- <div class="" v-if="keyword && list.length == 0">搜索为空</div> -->
+
+        <div class="main flexflex" :class="{'mode-list': type == 'list'}">
+            <div class="list-box" :style="listBoxStyle()" @scroll="handleListScroll">
+                <div class="main-header " :style="{paddingLeft: type == 'list' ? 0 : 'calc((100vw - 1200px) / 2)'}">
+                    <div class="search-keyword flexacenter" v-if="isSearchMode" @click="handleClickClear()">
+                        {{ keyword }}<img class="search-keyword-cross" src="./img/cross-circle-icon.png">
+                    </div>
+                    <div class="total grid-item" @click="cut">共 {{ total }} 条回答</div>
+                </div>
+                <div class="list" id="list" :style="listStyle()">
+                    <div class="item grid-item flexflex" v-for="(item, index) in list" :key="index" :style="itemStyle(index,item['content'])" :class="{'pitch': index === pitchIndex,'upLevel': index === pitchIndex - 1}">
+                        <img class="dot" src="./img/dot.svg">
+                        <div class="content" :style="{width: type == 'list' ? '531px' : '430px'}">
+                            <div class="issue ellipsis" v-html="item['title']"></div>
+                            <div class="answer ellipsis">{{ item['content'] || '' }}</div>
+                            <div class="bottom flexacenter">
+                                <div class="quantity">{{ item['answers'] == 0 ? '暂无回答' : `共${ item['answers'] }个回答` }}</div>
+                                <div class="longString"></div>
+                                <div class="answer-btn" @click.stop="getDetails(item['uniqid'],index)">我来回答</div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="empty-box flexcenter" v-if="isSearchMode && list.length == 0">
+                    <div class="dot-list flexacenter"><img class="item" src="./img/dot-yellow.svg"><img class="item" src="./img/dot-yellow.svg"><img class="item" src="./img/dot-yellow.svg"><img class="item" src="./img/dot-gray.svg"><img class="item" src="./img/dot-gray.svg"><img class="item" src="./img/dot-gray.svg"></div><img class="empty-icon" src="./img/empty-icon.svg">
+                    <div class="empty-hint">没有找到相关结果，请更换搜索关键词</div>
+                </div>
+            </div>
+
+            <!-- <div class="details-area-box flexflex" v-if="type == 'details'" :style="{height: 'calc(100vh - ' + pageHeaderHeight + 'px)'}"> -->
+            <div class="details-area-box flexflex" v-if="type == 'details'" :style="{height: pageListHeight + 'px'}">
+                <div class="details-box flexflex">
+                    <div class="close-box">
+                        <div class="close-circle flexcenter" @click="closeDetailMode()">
+                            <img class="close-icon" src="./img/close-icon.svg" />
+                            <img class="details-cross-icon" src="./img/cross-icon.png" />
+                        </div>
+                    </div>
+                    <!-- 提问信息 -->
+                    <div class="details-issue">
+                        <div class="title">{{ detailsInfo['title'] }}</div>
+                        <div class="hint" v-html="detailsInfo['content']"></div>
+                        <div class="info-box flexacenter">
+                            <div class="user-info flexacenter">
+                                <img class="avatar" :src="detailsInfo['avatar']">
+                                <div class="user-name">{{ detailsInfo['nickname'] }}</div>
+                            </div>
+                            <div class="time">{{ handleDate(detailsInfo['publicationdate']) }}</div>
+                        </div>
+                        <div class="operate-box flexacenter">
+                            <div class="answer-btn flexcenter" :class="{'white': detailsInfo['answers'] == 0}" @click="openIAnswer()">
+                                <img class="answer-btn-icon answer-icon-edit" src="./img/edit-icon.png">
+                                <img class="answer-btn-icon answer-icon-white" src="./img/edit-icon-white.svg">
+                                我来回答
+                            </div>
+                            <div class="operate-list flexacenter">
+                                <div class="operate-item flexacenter" @click="operateCollect()">
+                                    <img class="operate-icon operate-collect-icon" :src="detailsIscollection == 0 ? './img/collect-icon.png' : './img/collect-icon-colours.svg'">
+                                    收藏
+                                </div>
+                                <div class="operate-item flexacenter operate-transmit" style="z-index: 2;" @click="closeTransmitState()">
+                                    <img class="operate-icon operate-transmit-icon" src="./img/transmit-icon.png">
+                                    转发
+                                    <div class="transmit-box flexflex" v-if="questionsTransmitState" @click.stop="">
+                                        <!-- <div class="transmit-mask" @click="closeTransmitState()"></div> -->
+                                        <div class="transmit-left transmit-web">
+                                            <div class="transmit-title">转发网页版</div>
+                                            <div class="transmit-content">
+                                                <div class="transmit-headline">25fall!求定位，大佬帮忙解答一下~ (港，新，美)</div>
+                                                <div class="transmit-url">https://ask.gter.net/jb179020.html</div>
+                                            </div>
+                                            <div class="transmit-web-btn flexcenter">复制链接</div>
+                                        </div>
+                                        <div class="transmit-right transmit-mini">
+                                            <div class="transmit-title">转发小程序版</div>
+                                            <div class="transmit-content flexcenter">
+                                                <img class="transmit-mini-img" :src="detailShare['qrcode']">
+                                                <div class="flexcenter">
+                                                    <img class="give-sweep" src="./img/give-sweep.png">
+                                                    扫码转发该问答
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- 一共多少 -->
+                    <div class="answer-total-amount">共 {{ detailsInfo['answers'] }} 个回答</div>
+
+                    <!-- 回答-没有数据 -->
+                    <div class="answer-empty-box flexcenter" v-if="answerList.length == 0">
+                        <div class="empty-box flexcenter">
+                            <div class="dot-list flexacenter">
+                                <img class="dot-item" src="./img/dot-yellow.svg" v-for="item in 3">
+                                <img class="dot-item" src="./img/dot-gray.svg" v-for="item in 3">
+                            </div>
+                            <img class="empty-icon" src="./img/empty-icon.svg">
+                        </div>
+                        <div class="empty-hint">我在等待你的回答</div>
+                    </div>
+
+                    <!-- 回答-数据 -->
+                    <div class="answer-box-item" v-for="(item,index) in answerList" :style="{zIndex: item['transmitState'] ? 1 : 0}">
+                        <div class="answer-text" v-html="item['content']"></div>
+
+                        <div class="info-box flexacenter">
+                            <div class="user-info flexacenter">
+                                <img class="avatar" :src="item['avatar']">
+                                <div class="user-name">{{ item['nickname'] }}</div>
+                                <img class="homeShare" src="./img/title.png" v-if="item['groupid'] == 14" />
+                            </div>
+                            <div class="time">{{ handleDate(item['publicationdate']) }}</div>
+                        </div>
+
+                        <div class="operate-box flexacenter">
+                            <div class="edit-box">
+                                <div class="edit-btn flexcenter" v-if="item['ismyself'] == 1" @click="openIAnswer(index)">
+                                    <img class="edit-icon" src="./img/edit-icon.png">
+                                </div>
+                            </div>
+                            <div class="operate-list flexacenter">
+                                <div class="operate-item flexacenter" @click="operateLike(item['token'],index)">
+                                    <img class="operate-icon operate-like-icon" :src="item['islike'] == 1 ? './img/like-icon-colours.png' : './img/like-icon.png'">
+                                    {{ item['likenum'] }}
+                                </div>
+                                <div class="operate-item flexacenter " :class="{'commentnum': item['commentState'] }" @click="openCommentState(index)">
+                                    <img class="operate-icon operate-comment-icon" src="./img/comment-icon.png">
+                                    {{ item['commentnum'] }}
+                                </div>
+                                <div class="operate-item flexacenter" @click="operateCollect(item['token'],index)">
+                                    <img class="operate-icon operate-collect-icon" :src="item['iscollection'] == 1 ? './img/collect-icon-colours.svg' : './img/collect-icon.png'">
+                                    {{ item['collectionnum'] == 0 ? '收藏' : item['collectionnum'] }}
+                                </div>
+                                <div class="operate-item operate-transmit flexacenter" @click="handleAnswerTransmitList(index)">
+                                    <img class="operate-icon operate-transmit-icon" src="./img/transmit-icon.png">
+                                    转发
+                                    <div class="transmit-box flexflex" v-if="item['transmitState']" @click.stop="">
+                                        <!-- <div class="transmit-mask" @click="handleAnswerTransmitList(index)"></div> -->
+                                        <div class="transmit-left transmit-web">
+                                            <div class="transmit-title">转发网页版</div>
+                                            <div class="transmit-content">
+                                                <div class="transmit-headline">25fall!求定位，大佬帮忙解答一下~ (港，新，美)</div>
+                                                <div class="transmit-url">https://ask.gter.net/jb179020.html</div>
+                                            </div>
+                                            <div class="transmit-web-btn flexcenter">复制链接</div>
+                                        </div>
+                                        <div class="transmit-right transmit-mini">
+                                            <div class="transmit-title">转发小程序版</div>
+                                            <div class="transmit-content flexcenter">
+                                                <img class="transmit-mini-img" src="./img/mini-code.png">
+                                                <div class="flexcenter">
+                                                    <img class="give-sweep" src="./img/give-sweep.png">
+                                                    扫码转发该问答
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+
+                        <template v-if="item['commentState']">
+                            <div class="post-comment flexacenter">
+                                <input class="post-input flex1" placeholder="说点什么…" v-model="item['commentInput']" />
+                                <div class="post-ok flexcenter" @click="submitAnswerComments(index)">OK</div>
+                            </div>
+
+                            <!-- 评论 -->
+                            <div class="comments-box" v-if="item['commentList'] && item['commentList'].length != 0">
+                                <div class="comments-item" v-for="(it , ind) in item['commentList']" :key="ind">
+                                    <div class="comments-header flexacenter">
+                                        <div class="comments-header-left flexacenter">
+                                            <img class="comments-avatar" :src="it['avatar']">
+                                            <div class="comments-username">{{ it['nickname'] }}</div>
+                                            <div class="comments-time">{{ handleDate(it['timestamp']) }}</div>
+                                            <!-- <div class="comments-identity">提问者</div> -->
+                                            <div class="comments-identity" v-if="item['isauthor']">提问者</div>
+                                        </div>
+                                        <div class="comments-header-right flexacenter">
+                                            <div class="menu-box flexacenter">
+                                                <img class="menu-icon" src="./img/menu-icon-gray.svg">
+                                                <div class="report-box flexcenter" v-if="false">举报</div>
+                                            </div>
+                                            <img class="comment-icon" @click="openAnswerCommentsChild(index,ind)" src="./img/comment-icon-gray.svg">
+                                            <div class="flexacenter like-box" @click="operateAnswerCommentsLike(it['token'],index,ind)">
+                                                <img class="like-icon" :src=" it['islike'] == 0 ? './img/like-icon-gray.png' : './img/like-icon-colours.png'">
+                                                <div class="like-quantity">{{ it['likenum'] || 0 }}</div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="comments-content">
+                                        <div class="comments-text"> {{ it['content'] }}</div>
+                                        <div class="comments-input-box flexacenter" v-if="it['childState']">
+                                            <div class="comments-input flexflex">
+                                                <textarea class="flex1" placeholder="回复" v-model="it['commentInput']"></textarea>
+                                                <div class="comments-btn flexcenter" @click="submitAnswerComments(index,ind)">发送</div>
+                                            </div>
+                                            <img class="forkfork" src="./img/cross-icon.png" @click="closeAnswerCommentsChild(index,ind)">
+                                        </div>
+                                    </div>
+                                    <div class="child-comments" v-if="it['child'].length != 0">
+                                        <div class="comments-item" v-for="(ite, i) in it['child']" :key="i">
+                                            <div class="comments-header flexacenter">
+                                                <div class="comments-header-left flexacenter">
+                                                    <img class="comments-avatar" :src="ite['avatar']">
+                                                    <div class="comments-username">{{ ite['nickname'] }}</div>
+                                                    <div class="comments-time">{{ handleDate(ite['timestamp']) }}</div>
+                                                    <!-- <div class="comments-identity">提问者</div> -->
+                                                </div>
+                                                <div class="comments-header-right flexacenter">
+                                                    <div class="menu-box flexacenter">
+                                                        <img class="menu-icon" src="./img/menu-icon-gray.svg">
+                                                        <div class="report-box flexcenter" v-if="false">举报</div>
+                                                    </div>
+                                                    <img class="comment-icon" @click="openAnswerCommentsChild(index,ind,i)" src="./img/comment-icon-gray.svg">
+                                                    <div class="flexacenter like-box" @click="operateAnswerCommentsLike(ite['token'],index,ind,i)">
+                                                        <img class="like-icon" :src=" ite['islike'] == 0 ? './img/like-icon-gray.png' : './img/like-icon-colours.png'">
+                                                        <div class="like-quantity">{{ ite['likenum'] || 0 }}</div>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <div class="comments-content">
+                                                <div class="comments-text">
+                                                    <div class="comments-reply" v-if="JSON.stringify(ite['reply']) != '[]'">@{{ ite['reply']['nickname'] }} </div>
+                                                    {{ ite['content'] }}
+                                                </div>
+                                                <div class="comments-input-box flexacenter" v-if="ite['childState']">
+                                                    <div class="comments-input flexflex">
+                                                        <textarea class="flex1" placeholder="回复" v-model="ite['commentInput']"></textarea>
+                                                        <div class="comments-btn flexcenter" @click="submitAnswerComments(index,ind,i)">发送</div>
+                                                    </div>
+                                                    <img class="forkfork" src="./img/cross-icon.png" @click="closeAnswerCommentsChild(index,ind,i)">
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="comments-also flexacenter" v-if="it['childnum'] >= 3 && it['childnum'] != it['child'].length" @click="alsoCommentsData(index,ind)">
+                                            <div class="">还有{{ it['childnum'] - 3 }}条回复</div>
+                                            <img class="also-icon" src="./img/arrow-circular-gray.png" />
+                                        </div>
+                                    </div>
+                                </div>
+
+                                <div class="reverl-all flexcenter" @click="handleAllComment(index)" v-if="item['commentCount'] != item['commentList'].length">
+                                    显示全部
+                                    <img class="arrow-circular" src="./img/arrow-circular-gray.png">
+                                </div>
+                            </div>
+
+                            <!-- 评论为空时 -->
+                            <!-- <div class="comments-empty-box flexflex" v-if="item['commentnum'] == 0"> -->
+                            <div class="comments-empty-box flexflex" v-else>
+                                <div class="empty-box flexcenter">
+                                    <div class="dot-list flexacenter">
+                                        <img class="dot-item" src="./img/dot-yellow.svg" v-for="item in 3">
+                                        <img class="dot-item" src="./img/dot-gray.svg" v-for="item in 3">
+                                    </div>
+                                    <img class="empty-icon" src="./img/empty-icon.svg">
+                                </div>
+                                <div class="empty-hint">和我说说你的想法或疑问吧</div>
+                            </div>
+
+
+
+                        </template>
+
+                    </div>
+
+                    <!-- · 著作权归作者所有 · -->
+                    <div class="copyright">· 著作权归作者所有 ·</div>
+
+                    <!-- div -->
+                    <div class="mobile-phone-check flexcenter">
+                        <img class="QRCode-icon" src="./img/QRCode-icon.svg" alt="">
+                        手机查看该问答
+
+                        <div class="QRCode-pop flexcenter">
+                            <img class="offer-mini-QRcode" src="./img/offer-mini-QRcode.png">
+                            <div class="QRCode-hint flexacenter">
+                                <img class="QRCode-img" src="./img/give-sweep.png" />
+                                微信扫一扫
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+            </div>
+        </div>
+
+        <!-- 我的弹窗 -->
+        <div class="popover-mask my-popover flexcenter" v-if="myType">
+            <div class="popover-box flexflex">
+                <img class="cross-icon" src="./img/cross-icon.png" @click="myType = ''">
+                <div class="tab-list flexcenter">
+                    <div class="tab-item flexacenter" :class="{'pitch': myType == 'collect'}" @click="handleMy('collect')">我的收藏 <div class="quantity">{{ myCollectionCount  || 0}}</div>
+                    </div>
+                    <div class="long-string"></div>
+                    <div class="tab-item flexacenter" :class="{'pitch': myType == 'answers'}" @click="handleMy('answers')">我的回答 <div class="quantity">{{ myAnswerCount }}</div>
+                    </div>
+                    <div class="long-string"></div>
+                    <div class="tab-item flexacenter" :class="{'pitch': myType == 'questions'}" @click="handleMy('questions')">我的提问 <div class="quantity">{{ myQuestionsCount }}</div>
+                    </div>
+                </div>
+                <div class="empty-box flexcenter" v-if="(myType == 'collect' && myCollectionList.length == 0) || (myType == 'answers' && myAnswerList.length == 0) || (myType == 'questions' && myQuestionsList.length == 0)">
+                    <div class="dot-list flexacenter">
+                        <img class="item" src="./img/dot-yellow.svg">
+                        <img class="item" src="./img/dot-yellow.svg">
+                        <img class="item" src="./img/dot-yellow.svg">
+                        <img class="item" src="./img/dot-gray.svg">
+                        <img class="item" src="./img/dot-gray.svg">
+                        <img class="item" src="./img/dot-gray.svg">
+                    </div>
+                    <img class="empty-icon" src="./img/empty-icon.svg">
+                    <div class="empty-hint">暂无内容</div>
+                </div>
+                <div class="content-box collect-list" v-if="myType == 'collect'" @scroll="handleCollectionScroll">
+                    <div class="item flexflex" v-for="(item,index) in myCollectionList" :key="item">
+                        <template v-if="item.type == 'askanswercollection'">
+                            <div class="icon a flexcenter">A</div>
+                            <div class="centre flexflex flex1">
+                                <div class="title ellipsis" v-html="item['data']['content']"></div>
+                                <div class="text ellipsis">提问：{{ item['data']['title'] }}</div>
+                            </div>
+                            <div class="delete-box flexacenter">
+                                <img class="delete-icon" @click="cancelCollection(item['token'],index)" src="./img/delete-icon.svg">
+                            </div>
+                        </template>
+                        <template v-else>
+                            <div class="icon q flexcenter">Q</div>
+                            <div class="centre flexflex flex1">
+                                <div class="title ellipsis">{{ item['data']['title'] }}</div>
+                                <div class="text ellipsis">{{ item['data']['answers'] > 0 ? `共${ item['data']['answers'] }个回答` : '暂无回答'}}</div>
+                            </div>
+                            <div class="delete-box flexacenter">
+                                <img class="delete-icon" @click="cancelCollection(item['token'],index)" src="./img/delete-icon.svg">
+                            </div>
+                        </template>
+
+                    </div>
+                </div>
+                <div class="content-box answers-list" v-if="myType == 'answers'" @scroll="handleAnswersScroll">
+                    <div class="item flexflex" v-for="(item,index) in myAnswerList" :key="item">
+                        <div class="icon a flexcenter">A</div>
+                        <!-- <div class="icon a flexcenter">A</div> -->
+                        <div class="centre flexflex flex1">
+                            <div class="info flexacenter">
+                                <div class="name">{{ item['nickname'] }}</div>
+                                <div class="time">{{ item['publicationdate'] }}</div>
+                            </div>
+                            <div class="title ellipsis" v-html="item['content']"></div>
+                            <div class="text ellipsis">提问：{{ item['title'] }}</div>
+                        </div>
+                        <div class="operate-box flexacenter">
+                            <div class="state-box flexacenter" @click="cutAnswerPopupState(index)">
+                                <div class="text">{{ item['anonymous'] == 0 ? '公开' : '匿名' }}</div>
+                                <img class="arrows" src="./img/arrows-icon.svg">
+                                <div class="state-popup flexflex" v-if="item['popupState']">
+                                    <div class="state-popup-mask" @click.stop="cutAnswerPopupState(index)"></div>
+                                    <div class="state-popup-item flexacenter flex1" :class="{'pitch': item['anonymous'] == 0 }" @click.stop="changeAnonymous(item['token'], 0,index)">
+                                        <div class="">公开发表</div>
+                                        <img class="state-popup-icon" src="./img/tick-orange.svg">
+                                    </div>
+                                    <div class="state-popup-item flexacenter flex1" :class="{'pitch': item['anonymous'] == 1 }" @click.stop="changeAnonymous(item['token'], 1,index)">
+                                        <div class="">匿名发表</div>
+                                        <img class="state-popup-icon" src="./img/tick-orange.svg">
+                                    </div>
+                                </div>
+                            </div>
+                            <img class="edit-icon" @click="openIAnswer(index,'my')" src="./img/edit-icon.png">
+                        </div>
+                    </div>
+                </div>
+                <div class="content-box questions-list" v-if="myType == 'questions' && myQuestionsList.length != 0">
+                    <div class="item flexflex" v-for="item in myQuestionsList" :key="item">
+                        <div class="icon q flexcenter">Q</div>
+                        <!-- <div class="icon a flexcenter">A</div> -->
+                        <div class="centre flexflex flex1">
+                            <div class="info flexacenter">
+                                <div class="name">Ada.Wu</div>
+                                <div class="time">1小时前</div>
+                            </div>
+                            <div class="title ellipsis">关于港大RP和HKFPS的RP部分能否有相同的部分内容？</div>
+                            <div class="text flexacenter">
+                                <div class="new-answer flexacenter">有1个新回答 <div class="long-string"></div>
+                                </div>
+                                暂无回答
+                            </div>
+                        </div>
+                        <div class="operate-box flexacenter">
+                            <div class="state-box flexacenter">
+                                <div class="text">公开</div>
+                                <img class="arrows" src="./img/arrows-icon.svg">
+                                <div class="state-popup flexflex" v-if="false">
+                                    <div class="state-popup-item flexacenter flex1 pitch">
+                                        <div class="">公开发表</div>
+                                        <img class="state-popup-icon" src="./img/tick-orange.svg">
+                                    </div>
+                                    <div class="state-popup-item flexacenter flex1">
+                                        <div class="">公开发表</div>
+                                        <img class="state-popup-icon" src="./img/tick-orange.svg">
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!-- 我要提问 -->
+        <div class="popover-mask flexcenter issue-box" v-if="questionsSetp">
+            <!-- 第一步 -->
+            <div class="choosing-theme" v-if="questionsSetp == 1">
+                <div class="title">选择提问所属主题</div>
+                <div class="theme-list flexflex">
+                    <div class="theme-item flexcenter" v-for="item in questionsTypeList" :key="item.id" @click="choosingTheme(item.id)">{{ item.name }}</div>
+                </div>
+            </div>
+
+            <!-- 第二步 -->
+            <div class="issue-form" v-else>
+                <!-- <img class="issue-bj" src="./img/issue-bj.svg"> -->
+                <!-- <div class="flexcenter q">Q</div> -->
+                <img class="cross-icon" @click="cutQuestionsSetp(0)" src="./img/cross-icon.png">
+                <div class="issue-input">
+                    <input class="" v-model="questionsObj.title" placeholder="一句话描述问题，以问号结尾" />
+                </div>
+                <textarea class="issue-replenish" v-model="questionsObj.content" placeholder="欢迎对问题补充说明，清晰表达问题的关键点，可获得更有效的解答（非必填）"></textarea>
+                <div class="issue-bottom flexacenter">
+                    <div class="option-box flexacenter" @click="cutAnonymous">
+                        <img class="option-icon" v-if="questionsObj.anonymous == 0" src="./img/tick-no.svg">
+                        <img class="option-icon" v-else src="./img/tick-option.svg">
+                        匿名发表
+                    </div>
+
+                    <div class="issue-btn flexcenter" @click="postingIssue">发布问题</div>
+                </div>
+            </div>
+        </div>
+
+        <!-- 编辑回答 -->
+        <div class="popover-mask flexcenter" v-if="IAnswerEditState">
+            <div class="edit-answers">
+                <img class="close-icon" src="./img/cross-icon.png" @click="closeIAnswer">
+                <div class="title">编辑回答</div>
+                <textarea placeholder="输入图文内容回答提问" v-model="IAnswerInfo['text']"></textarea>
+                <div class="issue-bottom flexacenter">
+                    <div class="option-box flexacenter">
+                        <img class="option-icon" v-if="IAnswerInfo['anonymous'] == 0" src="./img/tick-no.svg">
+                        <img class="option-icon" v-else src="./img/tick-option.svg">
+                        匿名发表
+                    </div>
+                    <div class="issue-btn flexcenter" @click="submitAnswer">提交回答</div>
+                </div>
+            </div>
+        </div>
+
+        <!-- 我来回答 -->
+        <div class="popover-mask flexcenter" v-if="IAnswerState">
+            <div class="i-answer-box flexflex">
+                <img class="close-icon" src="./img/cross-icon.png" @click="closeIAnswer">
+                <div class="question-header">
+                    <div class="question-title flexflex">
+                        <div class="question-icon flexcenter">Q</div>
+                        <div class="flex1">{{ IAnswerInfo['title'] }}</div>
+                    </div>
+                    <div class="question-replenish" v-html="IAnswerInfo['content']"></div>
+                </div>
+                <div class="question-middle flexflex">
+                    <div class="question-icon flexcenter">A</div>
+                    <!-- <textarea class="question-textarea flex1" placeholder="输入图文内容回答提问" v-model="IAnswerInfo['text']"></textarea> -->
+                    <div class="question-textarea" :class="{'placeholder': questionPlaceholderState}" contenteditable="true" @paste="handlePaste" v-html="IAnswerInfo['text']" @input="handleInput"></div>
+                </div>
+
+                <div class="issue-bottom flexacenter">
+                    <div class="option-box flexacenter" @click="amendIAnswer">
+                        <img class="option-icon" v-if="IAnswerInfo['anonymous'] == 0" src="./img/tick-no.svg">
+                        <img class="option-icon" v-else src="./img/tick-option.svg">
+                        匿名发表
+                    </div>
+                    <div class="issue-btn flexcenter" @click="submitAnswer">提交回答</div>
+                </div>
+            </div>
+
+        </div>
+
+
+    </div>
+    <script src="../js文件/axios.min.js"></script>
+    <script src="./js/index.js"></script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/js/index.js b/js/index.js
new file mode 100644
index 0000000..b38ca74
--- /dev/null
+++ b/js/index.js
@@ -0,0 +1,1025 @@
+Object.assign(window, Vue)
+const forumApp = Vue.createApp({
+    setup() {
+        const baseURL = "https://ask.gter.net"
+
+        let type = ref('list') // list details
+
+        onMounted(() => {
+            getUserData()
+            getList()
+            getListClass()
+            window.addEventListener('scroll', handleScroll);
+
+            getHistoricalSearchList()
+        })
+
+        onUnmounted(() => {
+            window.removeEventListener('scroll', handleScroll);
+        });
+
+        // 我的 数据 数量
+        let myCount = ref({}) // 
+
+        // 获取用户数据
+        const getUserData = () => {
+            $ajax("/api/user").then(res => {
+                console.log("res", res);
+                if (res.code != 200) return
+
+                let data = res.data
+                console.log(data, "data");
+                myCount.value = data.count
+
+            })
+        }
+
+        // 是否是搜索模式
+        let isSearchMode = ref(false)
+
+        // 获取历史记录方法
+        const getHistoricalSearchList = () => {
+            const list = localStorage.getItem('historical-Search');
+
+            if (list) historicalSearchList.value = JSON.parse(list) || []
+            else historicalSearchList.value = []
+        }
+
+        // 存入历史记录 随便去重 和 限制长度 方法
+        const setHistoricalSearchList = () => {
+            historicalSearchList.value.unshift(keyword.value)
+            historicalSearchList.value = [...new Set(historicalSearchList.value)]
+            historicalSearchList.value = historicalSearchList.value.slice(0, 10)
+
+            localStorage.setItem('historical-Search', JSON.stringify(historicalSearchList.value));
+        }
+
+        // 搜索点击事件
+        const searchClick = () => {
+            if (keyword.value == "") return
+            setHistoricalSearchList()
+            page = 1
+            list.value = []
+            type.value = 'list'
+            pitchIndex.value = null
+
+            getList()
+        }
+
+
+        // 搜索获取焦点
+        const searchFocus = () => {
+            if (historicalSearchList.value.length == 0) return
+            historicalSearchState.value = true
+        }
+
+        // 搜索失去焦点
+        const searchBlur = () => {
+            setTimeout(() => historicalSearchState.value = false, 100)
+        }
+
+        // 点击历史记录 item
+        const handleClickHistoricalItem = (value) => {
+            keyword.value = value
+            searchClick()
+        }
+
+        // 点击清除搜索
+        const handleClickClear = () => {
+            keyword.value = ""
+            page = 1
+            list.value = []
+            type.value = 'list'
+            pitchIndex.value = null
+
+            getList()
+        }
+
+        let historicalSearchState = ref(false) // 历史记录弹窗状态
+        let historicalSearchList = ref([]) // 历史记录数据
+
+        let tabListFixeState = ref(false) // 顶部 类型的 固定状态
+        const handleScroll = () => {
+            const scrollTop = document.documentElement.scrollTop || document.body.scrollTop
+
+            const scrollHeight = document.documentElement.scrollHeight;
+            const clientHeight = document.documentElement.clientHeight;
+
+            // 列表下 滑动到底部 获取新数据
+            if (scrollTop + clientHeight >= scrollHeight) getList()
+
+            // 列表下 滚动到顶部 触发类型的固定状态
+            if (scrollTop > 115 && type.value == 'list') tabListFixeState.value = true
+            else tabListFixeState.value = false
+        }
+
+        let keyword = ref('') // 搜索的值
+
+        let list = ref([]) // 列表数据
+        let page = 1
+        let total = ref(0) // 回答总数
+        let loading = false
+
+        // 获取列表数据
+        const getList = () => {
+            if (page == 0 || loading) return
+            loading = true
+
+            $ajax("/api/lists",
+                {
+                    page,
+                    limit: 20,
+                    keyword: keyword.value,
+                    // type: 'all',
+                }
+            ).then(res => {
+                if (res.code != 200) return
+
+                let data = res.data
+
+                list.value = list.value.concat(data.data || [])
+                total.value = data.count || 0
+
+                if (list.value.length != data['count']) page++
+                else page = 0
+
+                if (keyword.value) isSearchMode.value = true
+                else isSearchMode.value = false
+
+
+            }).finally(() => loading = false)
+        }
+
+        let typeList = ref([])
+        let typePitch = ref('')
+
+        // 获取分类数据 列表分类
+        const getListClass = () => {
+            $ajax("/api/common/typeList").then(res => {
+                if (res.code != 200) return
+                let data = res.data
+                console.log(data, "data");
+                data = [{
+                    id: "all",
+                    name: "All",
+                }, {
+                    id: "all2",
+                    name: "All",
+                }, {
+                    id: "all3",
+                    name: "All",
+                }, {
+                    id: "all4",
+                    name: "All",
+                }, {
+                    id: "all5",
+                    name: "All",
+                }, {
+                    id: "all6",
+                    name: "All",
+                }]
+                typeList.value = data
+                typePitch.value = data[0].id
+
+                getPageHeight()
+            })
+        }
+
+        let pageHeaderHeight = ref(0) // 头部的高度
+        let pageListHeight = ref(0) // 底部列表的高度
+
+        const getPageHeight = () => {
+            let pageHeader = document.querySelector("#pageHeader")
+            // let pageHeader = document.querySelector("#pageHeader")
+            pageHeaderHeight.value = pageHeader.clientHeight + 10
+            pageListHeight.value = window.innerHeight - pageHeaderHeight.value
+        }
+
+        let detailsInfo = ref({}) // 详情信息
+        let detailsIsanswered = ref(0) // 详情信息
+        let detailsIscollection = ref(0) // 详情信息
+        let detailsIsmyself = ref(0) // 详情信息
+        let detailsToken = '' // 详情信息
+        let detailShare = ref({}) // 详情信息
+
+        // 获取详情
+        const getDetails = (uniqid, index) => {
+            uniqid = "fubm5CnD05qj"  // 标记一下
+            $ajax("/api/details", { uniqid }).then(res => {
+                if (res.code != 200) return
+                let data = res.data
+
+                console.log("data", data);
+
+                detailsInfo.value = data['info'] || {}
+                detailsIsanswered.value = data['isanswered'] || 0
+                detailsIscollection.value = data['iscollection'] || 0
+                detailsIsmyself.value = data['ismyself'] || 0
+                detailsToken = data['token'] || ''
+                detailShare.value = data['share'] || {}
+
+                type.value = 'details'
+
+                cut(index)
+                getAnswerList()
+            })
+        }
+
+        let answerList = ref([]) // 回答列表数据
+
+        // 获取详情的回答数据
+        const getAnswerList = () => {
+            $ajax("/api/details/answerList", { token: detailsToken }).then(res => {
+                if (res.code != 200) return
+                let data = res.data
+
+                data.data.forEach(element => {
+                    element['commentList'] = []
+                })
+                // commentList
+                answerList.value = data.data
+            })
+        }
+
+        // 操作 - 点赞
+        const operateLike = (token, index) => {
+            $ajax("/api/operate/like", { token }).then(res => {
+                if (res.code != 200) return
+                let data = res.data
+                answerList.value[index]['islike'] = data['status']
+                answerList.value[index]['likenum'] = data['count']
+            })
+        }
+
+        let isNeedNewColletData = false  // 是否需要获取新的收藏数据 ，顶部的我的弹窗需要
+
+        // 操作 - 收藏
+        const operateCollect = (token = detailsToken, index) => {
+            $ajax("/api/operate/collect", { token }).then(res => {
+                if (res.code != 200) return
+                let data = res.data
+                isNeedNewColletData = true
+                myCollectionPage = 1
+                myCollectionList.value = []
+                if (data['type'] == 'askquestioncollection') detailsIscollection.value = data['status']
+                else {
+                    answerList.value[index]['iscollection'] = data['status']
+                    answerList.value[index]['collectionnum'] = data['count']
+                }
+            })
+        }
+
+        // 操作 - 回答
+        const operateIAnswer = (token = detailsToken, index) => {
+            $ajax("/api/publish/answerSubmit", { token }).then(res => {
+                console.log("res", res);
+            })
+        }
+
+        let IAnswerState = ref(false) // 我来回答-弹窗的状态
+        let IAnswerEditState = ref(false) // 编辑回答-弹窗的状态
+
+        let IAnswerInfo = ref({}) // 我来回答-弹窗的信息
+        // 开启我来回答
+        const openIAnswer = (index, type) => {
+            if (index == null) {
+                IAnswerInfo.value = {
+                    title: detailsInfo.value['title'],
+                    content: detailsInfo.value['content'],
+                    anonymous: 0,
+                }
+                IAnswerState.value = true
+
+                nextTick(() => {
+                    handleInput()
+                })
+
+            } else {
+                // IAnswerInfo.value = answerList.value[index]
+                if (type == 'my') {
+                    IAnswerInfo.value = {
+                        title: detailsInfo.value['title'],
+                        ...myAnswerList.value[index],
+                        text: myAnswerList.value[index]['content'],
+                        content: detailsInfo.value['content'],
+                    }
+                    myType.value = ""
+                } else {
+                    IAnswerInfo.value = {
+                        title: detailsInfo.value['title'],
+                        ...answerList.value[index],
+                        text: answerList.value[index]['content'],
+                        content: detailsInfo.value['content'],
+                    }
+                }
+
+                IAnswerEditState.value = true
+            }
+
+        }
+
+        // 关闭我来回答
+        const closeIAnswer = () => {
+            IAnswerState.value = false
+            IAnswerEditState.value = false
+        }
+
+        // 修改我来回答的匿名状态
+        const amendIAnswer = () => {
+            IAnswerInfo.value['anonymous'] = IAnswerInfo.value['anonymous'] == 0 ? 1 : 0
+        }
+
+        let isNeedNewAnswersData = false  // 是否需要获取新的我的回答数据
+
+        // 提交回答
+        const submitAnswer = () => {
+            const questionTextarea = document.querySelector(".question-textarea")
+            IAnswerInfo.value['text'] = questionTextarea.innerHTML
+
+            $ajax("/api/publish/answerSubmit", {
+                token: IAnswerInfo.value['token'] || detailsToken,
+                anonymous: IAnswerInfo.value['anonymous'] || 0,
+                content: IAnswerInfo.value['text'],
+            }).then(res => {
+                console.log(res);
+                if (res.code == 200) {
+                    getAnswerList()
+                    closeIAnswer()
+
+                    isNeedNewAnswersData = true
+                } else {
+
+                }
+
+            })
+        }
+
+        // 打开回答的评论
+        const openCommentState = index => {
+
+            if (answerList.value[index]['commentState']) answerList.value[index]['commentState'] = false
+            else answerList.value[index]['commentState'] = true
+
+
+            if (answerList.value[index]['commentList'].length == 0 && answerList.value[index]['commentnum'] != 0) getAnswerCommentList(index)
+
+            // answerList.value[index]['commentState'] = true
+        }
+
+        let answerCommentLimit = 3
+        // 获取回答评论的数据
+        const getAnswerCommentList = (index) => {
+            getAnswerCommentPublic(index).then(res => {
+                let data = res.data
+                answerList.value[index]['commentList'] = answerList.value[index]['commentList'].concat(data.data)
+                answerList.value[index]['commentCount'] = data['count']
+            })
+        }
+
+
+
+        // 获取全部评论
+        const handleAllComment = index => {
+            answerCommentLimit = 1000
+            getAnswerCommentPublic(index).then(res => {
+                if (res.code != 200) return
+                let data = res.data
+                answerList.value[index]['commentList'] = answerList.value[index]['commentList'].concat(data.data.slice(3))
+            })
+        }
+
+        // 获取评论数据的公共接口
+        const getAnswerCommentPublic = (index) => {
+            return new Promise((resolve, reject) => {
+                $ajax("/api/comment/lists", {
+                    token: answerList.value[index]['token'],
+                    limit: answerCommentLimit,
+                }).then(res => {
+                    if (res.code != 200) return
+                    resolve(res)
+                })
+            })
+        }
+
+        // 提交回答-评论
+        const submitAnswerComments = (index, ind, i) => {
+            // answerList.value[index]['commentState'] = true
+            const targetAnswerList = [...answerList.value]
+
+            let content = ""
+            let parentid = null
+            let token = targetAnswerList[index]['token']
+
+            if (i != null) {
+                content = targetAnswerList[index]['commentList'][ind]['child'][i]['commentInput']
+                parentid = targetAnswerList[index]['commentList'][ind]['child'][i]['id']
+            } else if (ind != null) {
+                content = targetAnswerList[index]['commentList'][ind]['commentInput']
+                parentid = targetAnswerList[index]['commentList'][ind]['id']
+            } else content = targetAnswerList[index]['commentInput']
+
+
+            $ajax("/api/comment/submit", {
+                content,
+                token,
+                parentid,
+            }).then(res => {
+                console.log("res", res);
+                if (res.code != 200) return
+                let data = res.data
+
+                if (i != null) {
+                    let targetData = {
+                        content,
+                        isauthor: 1,
+                        islike: 0,
+                        likenum: 0,
+                        reply: {
+                            nickname: targetAnswerList[index]['commentList'][ind]['child'][i]['nickname']
+                        },
+                        ...data,
+                    }
+
+                    targetAnswerList[index]['commentList'][ind]['child'].unshift(targetData)
+
+                } else if (ind != null) {
+                    let targetData = {
+                        content,
+                        isauthor: 1,
+                        islike: 0,
+                        likenum: 0,
+                        reply: [],
+                        ...data,
+                    }
+                    targetAnswerList[index]['commentList'][ind]['child'].unshift(targetData)
+
+                } else {
+                    let targetData = {
+                        content,
+                        isauthor: 1,
+                        islike: 0,
+                        likenum: 0,
+                        ...data,
+                        child: []
+                    }
+                    targetAnswerList[index]['commentList'].unshift(targetData)
+
+                }
+
+                closeAnswerCommentsChild()
+
+                console.log("targetAnswerList", targetAnswerList);
+            })
+        }
+
+        // 回答-评论 点赞  operateIAnswer
+        const operateAnswerCommentsLike = (token, index, ind, i) => {
+            $ajax("/api/comment/like", {
+                token,
+            }).then(res => {
+                console.log("res", res);
+                if (res.code != 200) return
+
+                let data = res.data
+                console.log("data", data);
+                const targetAnswerList = [...answerList.value]
+
+                if (i == null) {
+
+                    targetAnswerList[index]['commentList'][ind]['islike'] = data['status']
+                    targetAnswerList[index]['commentList'][ind]['likenum'] = data['likenum']
+
+                } else {
+                    targetAnswerList[index]['commentList'][ind]['child'][i]['islike'] = data['status']
+                    targetAnswerList[index]['commentList'][ind]['child'][i]['likenum'] = data['likenum']
+                }
+                answerList.value = targetAnswerList
+            })
+        }
+
+        // 打开 回答-评论 的子评论
+        const openAnswerCommentsChild = (index, ind, i) => {
+            console.log("");
+            closeAnswerCommentsChild()
+
+            if (i == null) {
+                answerList.value[index].commentList[ind]['childState'] = true
+            } else {
+                answerList.value[index].commentList[ind]['child'][i]['childState'] = true
+            }
+
+        }
+
+        // 关闭 回答-评论 的子评论
+        const closeAnswerCommentsChild = (index, ind, i) => {
+            const targetAnswerList = [...answerList.value]
+
+            targetAnswerList.forEach(element => {
+
+                if (element['commentList'] && element['commentList'].length != 0) {
+                    element['commentList'].forEach(ele => {
+                        ele['childState'] = false
+                        if (ele['child'] && ele['child'].length != 0) {
+                            ele['child'].forEach(el => {
+                                el['childState'] = false
+                            })
+                        }
+                    })
+                }
+            })
+
+            answerList.value = targetAnswerList
+        }
+
+        // 获取剩下的子评论
+        const alsoCommentsData = (index, ind) => {
+            const targetAnswerList = [...answerList.value]
+            const parentid = targetAnswerList[index]['commentList'][ind]['id']
+            const token = targetAnswerList[index]['commentList'][ind]['token']
+
+            $ajax("/api/comment/childrenList", {
+                token,
+                parentid,
+                limit: 20,
+                page: 1,
+            }).then(res => {
+                console.log("res", res);
+                if (res.code != 200) return
+                let data = res.data
+
+                targetAnswerList[index]['commentList'][ind]['child'] = targetAnswerList[index]['commentList'][ind]['child'].concat(data.data)
+
+                answerList.value = targetAnswerList
+            })
+        }
+
+        let myType = ref('') // collect  answers  questions 
+        // 专门处理 我的 弹窗数据
+        const handleMy = (key) => {
+            // if ((key == 'collect' && isNeedNewColletData) || (key == 'collect' && myCollectionList.value.length == 0)) {
+            if (key == 'collect') {
+                myCollectionList.value = []
+                myCollectionPage = 1
+                getMyCollection()
+                return
+            } else if (key == 'answers') {
+                myAnswerList.value = []
+                myAnswerPage = 1
+                getMyAnswer()
+                return
+            } else if (key == 'questions') {
+                getMyQuestions()
+                return
+            }
+            myType.value = key
+        }
+
+        let myCollectionList = ref([])  // 我的收藏列表
+        let myCollectionCount = ref(0)  // 我的收藏数量
+        let myCollectionPage = 1  // 我的收藏页数
+        // 获取我的收藏
+        const getMyCollection = () => {
+            if (myCollectionPage == 0) return
+            $ajax("/api/user/collect", {
+                limit: 20,
+                page: myCollectionPage,
+            }).then(res => {
+                if (res.code != 200) return
+                let data = res.data
+                myType.value = 'collect'
+                isNeedNewColletData = false
+
+                myCollectionList.value = myCollectionList.value.concat(data.data)
+                myCollectionCount.value = data.count
+                if (myCollectionList.value.length != data['count']) myCollectionPage++
+                else myCollectionPage = 0
+
+            })
+        }
+
+        // 取消收藏
+        const cancelCollection = (token, index) => {
+            $ajax("/api/user/deleteCollect", { token }).then(res => {
+                if (res.code == 200) {
+                    myCollectionList.value.splice(index, 1)
+                    myCollectionCount.value--
+                }
+            })
+        }
+
+        // 监听 我的收藏滚动到底部
+        const handleCollectionScroll = (e) => {
+            const el = e.target;
+            // 判断滚动到底部
+            if (el.scrollHeight - el.scrollTop !== el.clientHeight) return
+            getMyCollection()
+        }
+
+        let myAnswerList = ref([]) // 我的回答数据
+        let myAnswerCount = ref(0)  // 我的回答数量
+        let myAnswerPage = 1
+
+        // 获取我的回答
+        const getMyAnswer = () => {
+            if (myAnswerPage == 0) return
+
+            $ajax("/api/user/answer", {
+                limit: 20,
+                page: myAnswerPage,
+            }).then(res => {
+
+                if (res.code != 200) return
+                let data = res.data
+                data.data.forEach(element => {
+                    element['popupState'] = false
+                })
+                myAnswerList.value = myAnswerList.value.concat(data.data)
+                myAnswerCount.value = data.count
+
+                if (myAnswerList.value.length != data['count']) myAnswerPage++
+                else myAnswerPage = 0
+
+                console.log("myAnswerList", myAnswerList.value);
+                myType.value = 'answers'
+                isNeedNewAnswersData = false
+
+            })
+        }
+
+        const handleAnswersScroll = e => {
+            const el = e.target;
+            // 判断滚动到底部
+            if (el.scrollHeight - el.scrollTop !== el.clientHeight) return
+            getMyAnswer()
+        }
+
+        let answerIndexOld = null
+        // 切换 我的提问的公开匿名 弹窗状态
+        const cutAnswerPopupState = index => {
+            myAnswerList.value[index]['popupState'] = true
+
+            if (answerIndexOld == index) {
+                myAnswerList.value[index]['popupState'] = false
+                answerIndexOld = null
+            } else {
+                myAnswerList.value[index]['popupState'] = true
+                if (answerIndexOld != null) myAnswerList.value[answerIndexOld]['popupState'] = false
+                answerIndexOld = index
+            }
+        }
+
+        // 更改匿名状态
+        const changeAnonymous = (token, anonymous, index) => {
+            $ajax("/api/publish/changeAnonymous", { token, anonymous }).then(res => {
+                if (res.code != 200) return
+                let data = res.data
+                myAnswerList.value[index]['anonymous'] = anonymous
+                cutAnswerPopupState(index)
+            })
+        }
+
+        let myQuestionsList = ref([]) // 我的提问数据
+        let myQuestionsCount = ref(0) // 我的提问数量
+        // 获取我的提问
+        const getMyQuestions = () => {
+            $ajax("/api/user/questions").then(res => {
+                if (res.code != 200) return
+                let data = res.data
+                myQuestionsList.value = myQuestionsList.value.concat(data.data)
+                myQuestionsCount.value = data.count
+                myType.value = 'questions'
+            })
+        }
+
+        let questionsSetp = ref(0) // 提问的步骤
+
+        // 切换提问步骤
+        const cutQuestionsSetp = (value) => {
+            questionsSetp.value = value
+        }
+
+        let questionsTypeList = ref([]) // 提问的类型主题
+        let questionsObj = ref({  // 提问的内容 
+            token: "",
+            title: "",
+            content: "",
+            tags: "",
+            tid: "",
+            anonymous: 0,
+        })
+
+        // 报 提问的初始化
+        const questionsInit = () => {
+            $ajax("/api/publish/questions").then(res => {
+                if (res.code != 200) return
+                let data = res.data
+                questionsObj.value['token'] = data['token']
+
+                questionsTypeList.value = data['typeList'] || []
+                cutQuestionsSetp(1)
+            })
+        }
+
+        // 选择提问主题
+        const choosingTheme = (id) => {
+            questionsObj.value.tid = id
+            cutQuestionsSetp(2)
+        }
+
+        // 切换匿名状态
+        const cutAnonymous = () => {
+            questionsObj.value.anonymous = questionsObj.value.anonymous == 0 ? 1 : 0
+        }
+
+        // 发布问题
+        const postingIssue = () => {
+            console.log("发布问题", questionsObj.value);
+
+            $ajax("/api/publish/questionsSubmit", questionsObj.value).then(res => {
+                console.log("res", res);
+            })
+        }
+
+
+        let pitchIndex = ref(null) // 选中的下标
+        const cut = index => {
+            // if (pitchIndex.value == null) type.value = type.value == 'list' ? 'details' : 'list'
+
+            pitchIndex.value = index
+
+            setTimeout(() => {
+                scrollLeftInMiddle()
+            }, 350)
+        }
+
+        // 滚动左边在中间
+        const scrollLeftInMiddle = () => {
+            // console.log(pitchIndex.value, "pitchIndex");
+            let list = document.querySelector(".list-box")
+            // console.log("list", list);
+            console.log(107 * pitchIndex.value, pageListHeight.value / 2);
+            list.scrollTo({
+                top: 128 * pitchIndex.value + 64 - 385,
+                behavior: 'smooth'
+            })
+        }
+
+        const listStyle = () => {
+            const newtype = type.value
+            let width = ""
+            let margin = ""
+            if (newtype == 'list') {
+                width = '1200px'
+                margin = '0 auto'
+            } else {
+                width = 'calc((100vw - 1200px) / 2 + 512px)'
+                margin = 'initial'
+            }
+            return {
+                width,
+                margin
+            }
+        }
+
+        const itemStyle = (index, content) => {
+            const newtype = type.value
+            // pitchIndex
+            // let itemHeight = content == "" ? 106 : 128
+            let obj = {}
+            if (newtype == 'list') {
+                let top = Math.floor(index / 2) * 128 + 'px'
+                obj['top'] = top
+                if (index % 2 == 0) obj['left'] = 0
+                else obj['left'] = 649 + 'px'
+            } else {
+                obj['top'] = index * 128 + 'px'
+                obj['left'] = 0
+                obj['width'] = '100%'
+                // obj['backgroundColor'] = '#fbfbfb'
+                obj['paddingLeft'] = 'calc((100vw - 1200px) / 2)'
+            }
+
+            return obj
+
+        };
+
+        // list-box
+        const listBoxStyle = () => {
+            const newtype = type.value
+            let obj = {}
+            if (newtype == 'list') {
+                obj['overflow'] = 'visible'
+            } else {
+                // obj['height'] = 'calc(100vh - ' + pageHeaderHeight.value + 'px)'
+                obj['height'] = pageListHeight.value + 'px'
+            }
+            return obj
+        }
+
+        const $ajax = (url, data) => {
+            url = url.indexOf('//') > -1 ? url : baseURL + url;
+            return new Promise(function (resolve, reject) {
+                axios.post(url, data, {
+                    emulateJSON: true,
+                    withCredentials: true,
+                    headers: {
+                        // authorization: "9l3vfdx6h5xhu2hbw4fv5ygbog1dhtly"
+                        authorization: "194cdc367ed40c938f2eaaf1c6dfa5ff"
+                    }
+                }).then(function (res) {
+                    var data = null
+                    try {
+                        data = typeof res.data == 'string' ? JSON.parse(res.data) : res.data;
+                    } catch (error) { }
+                    resolve(data)
+                });
+            });
+        }
+
+        // 处理时间
+        const handleDate = (dateTimeStamp) => {
+            dateTimeStamp = dateTimeStamp ? dateTimeStamp : null;
+            var timestamp = new Date(dateTimeStamp)
+            timestamp = timestamp.getTime()
+            var minute = 1000 * 60;
+            var hour = minute * 60;
+            var day = hour * 24;
+            var now = new Date().getTime();
+            var diffValue = now - timestamp;
+            var result;
+            if (diffValue < 0) return;
+
+            var dayC = diffValue / day;
+            var hourC = diffValue / (hour + 1);
+            var minC = diffValue / minute;
+            if (dayC >= 7) {
+                let date = new Date(timestamp);
+                let Y = date.getFullYear() + '-';
+                let M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';
+                let D = (date.getDate() < 10 ? '0' + date.getDate() : date.getDate()) + ' ';
+                let h = (date.getHours() < 10 ? '0' + date.getHours() : date.getHours()) + ':';
+                let m = (date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes());
+                result = "" + Y + M + D + h + m;
+            } else if (dayC >= 1) result = "" + Math.round(dayC) + "天前";
+            else if (hourC >= 1) result = "" + Math.round(hourC) + "小时前";
+            else if (minC >= 1) result = "" + Math.round(minC) + "分钟前";
+            else result = "刚刚";
+
+            return result;
+        }
+
+        // 问题的转发 弹窗状态
+        let questionsTransmitState = ref(false)
+
+        // 关闭转发状态
+        const closeTransmitState = () => {
+            answerList.value.forEach(element => {
+                element['transmitState'] = false
+            })
+            questionsTransmitState.value = !questionsTransmitState.value
+        }
+
+        // 开启和关闭回答的转发状态  type open close
+        const handleAnswerTransmitList = (Iindex, type) => {
+            // handleAnswerTransmitList
+            questionsTransmitState.value = false
+
+            answerList.value.forEach((element, index) => {
+                if (index != Iindex) element['transmitState'] = false
+            })
+            answerList.value[Iindex]['transmitState'] = !answerList.value[Iindex]['transmitState']
+        }
+
+        // 关闭详情模式
+        const closeDetailMode = () => {
+            type.value = 'list'
+            pitchIndex.value = null
+        }
+
+        const handleListScroll = (e) => {
+            const el = e.target;
+            // 判断滚动到底部
+            if (el.scrollHeight - el.scrollTop !== el.clientHeight) return
+
+            getList()
+        }
+
+        // 处理 回答弹窗的复制图片
+        const handlePaste = (event) => {
+            const items = (event.clipboardData || event.originalEvent.clipboardData).items;
+            for (const item of items) {
+                if (item.type.indexOf('image') === 0) {
+                    const file = item.getAsFile();
+                    const reader = new FileReader();
+                    reader.onload = (e) => {
+                        const img = new Image();
+                        img.src = e.target.result;
+
+                        const questionTextarea = document.querySelector(".question-textarea")
+                        questionTextarea.appendChild(img);
+                        handleInput()
+                        // IAnswerInfo.value['text'] = questionTextarea.innerHTML
+
+                    };
+                    reader.readAsDataURL(file);
+                }
+            }
+        }
+
+        let questionPlaceholderState = ref(false)
+
+        const handleInput = (event) => {
+            // IAnswerInfo.value['text'] = event.target.innerHTML;
+            const questionTextarea = document.querySelector(".question-textarea")
+            const html = questionTextarea.innerHTML
+            if (html) questionPlaceholderState.value = false
+            else questionPlaceholderState.value = true
+            console.log("questionPlaceholderState", questionPlaceholderState);
+        }
+
+
+        return {
+            questionPlaceholderState,
+            handleInput,
+            handlePaste,
+            itemStyle,
+            listStyle,
+            listBoxStyle,
+            myType,
+            type,
+            pitchIndex,
+            cut,
+            list,
+            keyword,
+            getList,
+            total,
+            typeList,
+            typePitch,
+            getDetails,
+            detailsInfo,
+            detailsIsanswered,
+            detailsIscollection,
+            detailsIsmyself,
+            detailShare,
+            answerList,
+            operateLike,
+            operateCollect,
+            IAnswerState,
+            IAnswerEditState,
+            IAnswerInfo,
+            amendIAnswer,
+            openIAnswer,
+            closeIAnswer,
+            operateIAnswer,
+            submitAnswer,
+            openCommentState,
+            submitAnswerComments,
+            operateAnswerCommentsLike,
+            openAnswerCommentsChild,
+            closeAnswerCommentsChild,
+            alsoCommentsData,
+            handleAllComment,
+            myCollectionList,
+            myCollectionCount,
+            myQuestionsList,
+            myQuestionsCount,
+            myAnswerList,
+            myAnswerCount,
+            cutAnswerPopupState,
+            handleDate,
+            handleCollectionScroll,
+            handleAnswersScroll,
+            cancelCollection,
+            getMyCollection,
+            questionsSetp,
+            questionsObj,
+            cutAnonymous,
+            cutQuestionsSetp,
+            questionsTypeList,
+            postingIssue,
+            choosingTheme,
+            handleMy,
+            changeAnonymous,
+            pageHeaderHeight,
+            pageListHeight,
+            questionsTransmitState,
+            closeTransmitState,
+            handleAnswerTransmitList,
+            closeDetailMode,
+            tabListFixeState,
+            handleListScroll,
+            historicalSearchState,
+            historicalSearchList,
+            searchFocus,
+            searchBlur,
+            searchClick,
+            handleClickHistoricalItem,
+            handleClickClear,
+            isSearchMode,
+            questionsInit,
+        };
+
+    }
+})
+
+forumApp.mount("#answer-app"); //初始化
\ No newline at end of file
diff --git a/js/masonry.pkgd.min.js b/js/masonry.pkgd.min.js
new file mode 100644
index 0000000..53386ae
--- /dev/null
+++ b/js/masonry.pkgd.min.js
@@ -0,0 +1,9 @@
+/*!
+ * Masonry PACKAGED v4.2.2
+ * Cascading grid layout library
+ * https://masonry.desandro.com
+ * MIT License
+ * by David DeSandro
+ */
+
+!function(t,e){"function"==typeof define&&define.amd?define("jquery-bridget/jquery-bridget",["jquery"],function(i){return e(t,i)}):"object"==typeof module&&module.exports?module.exports=e(t,require("jquery")):t.jQueryBridget=e(t,t.jQuery)}(window,function(t,e){"use strict";function i(i,r,a){function h(t,e,n){var o,r="$()."+i+'("'+e+'")';return t.each(function(t,h){var u=a.data(h,i);if(!u)return void s(i+" not initialized. Cannot call methods, i.e. "+r);var d=u[e];if(!d||"_"==e.charAt(0))return void s(r+" is not a valid method");var l=d.apply(u,n);o=void 0===o?l:o}),void 0!==o?o:t}function u(t,e){t.each(function(t,n){var o=a.data(n,i);o?(o.option(e),o._init()):(o=new r(n,e),a.data(n,i,o))})}a=a||e||t.jQuery,a&&(r.prototype.option||(r.prototype.option=function(t){a.isPlainObject(t)&&(this.options=a.extend(!0,this.options,t))}),a.fn[i]=function(t){if("string"==typeof t){var e=o.call(arguments,1);return h(this,t,e)}return u(this,t),this},n(a))}function n(t){!t||t&&t.bridget||(t.bridget=i)}var o=Array.prototype.slice,r=t.console,s="undefined"==typeof r?function(){}:function(t){r.error(t)};return n(e||t.jQuery),i}),function(t,e){"function"==typeof define&&define.amd?define("ev-emitter/ev-emitter",e):"object"==typeof module&&module.exports?module.exports=e():t.EvEmitter=e()}("undefined"!=typeof window?window:this,function(){function t(){}var e=t.prototype;return e.on=function(t,e){if(t&&e){var i=this._events=this._events||{},n=i[t]=i[t]||[];return-1==n.indexOf(e)&&n.push(e),this}},e.once=function(t,e){if(t&&e){this.on(t,e);var i=this._onceEvents=this._onceEvents||{},n=i[t]=i[t]||{};return n[e]=!0,this}},e.off=function(t,e){var i=this._events&&this._events[t];if(i&&i.length){var n=i.indexOf(e);return-1!=n&&i.splice(n,1),this}},e.emitEvent=function(t,e){var i=this._events&&this._events[t];if(i&&i.length){i=i.slice(0),e=e||[];for(var n=this._onceEvents&&this._onceEvents[t],o=0;o<i.length;o++){var r=i[o],s=n&&n[r];s&&(this.off(t,r),delete n[r]),r.apply(this,e)}return this}},e.allOff=function(){delete this._events,delete this._onceEvents},t}),function(t,e){"function"==typeof define&&define.amd?define("get-size/get-size",e):"object"==typeof module&&module.exports?module.exports=e():t.getSize=e()}(window,function(){"use strict";function t(t){var e=parseFloat(t),i=-1==t.indexOf("%")&&!isNaN(e);return i&&e}function e(){}function i(){for(var t={width:0,height:0,innerWidth:0,innerHeight:0,outerWidth:0,outerHeight:0},e=0;u>e;e++){var i=h[e];t[i]=0}return t}function n(t){var e=getComputedStyle(t);return e||a("Style returned "+e+". Are you running this code in a hidden iframe on Firefox? See https://bit.ly/getsizebug1"),e}function o(){if(!d){d=!0;var e=document.createElement("div");e.style.width="200px",e.style.padding="1px 2px 3px 4px",e.style.borderStyle="solid",e.style.borderWidth="1px 2px 3px 4px",e.style.boxSizing="border-box";var i=document.body||document.documentElement;i.appendChild(e);var o=n(e);s=200==Math.round(t(o.width)),r.isBoxSizeOuter=s,i.removeChild(e)}}function r(e){if(o(),"string"==typeof e&&(e=document.querySelector(e)),e&&"object"==typeof e&&e.nodeType){var r=n(e);if("none"==r.display)return i();var a={};a.width=e.offsetWidth,a.height=e.offsetHeight;for(var d=a.isBorderBox="border-box"==r.boxSizing,l=0;u>l;l++){var c=h[l],f=r[c],m=parseFloat(f);a[c]=isNaN(m)?0:m}var p=a.paddingLeft+a.paddingRight,g=a.paddingTop+a.paddingBottom,y=a.marginLeft+a.marginRight,v=a.marginTop+a.marginBottom,_=a.borderLeftWidth+a.borderRightWidth,z=a.borderTopWidth+a.borderBottomWidth,E=d&&s,b=t(r.width);b!==!1&&(a.width=b+(E?0:p+_));var x=t(r.height);return x!==!1&&(a.height=x+(E?0:g+z)),a.innerWidth=a.width-(p+_),a.innerHeight=a.height-(g+z),a.outerWidth=a.width+y,a.outerHeight=a.height+v,a}}var s,a="undefined"==typeof console?e:function(t){console.error(t)},h=["paddingLeft","paddingRight","paddingTop","paddingBottom","marginLeft","marginRight","marginTop","marginBottom","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth"],u=h.length,d=!1;return r}),function(t,e){"use strict";"function"==typeof define&&define.amd?define("desandro-matches-selector/matches-selector",e):"object"==typeof module&&module.exports?module.exports=e():t.matchesSelector=e()}(window,function(){"use strict";var t=function(){var t=window.Element.prototype;if(t.matches)return"matches";if(t.matchesSelector)return"matchesSelector";for(var e=["webkit","moz","ms","o"],i=0;i<e.length;i++){var n=e[i],o=n+"MatchesSelector";if(t[o])return o}}();return function(e,i){return e[t](i)}}),function(t,e){"function"==typeof define&&define.amd?define("fizzy-ui-utils/utils",["desandro-matches-selector/matches-selector"],function(i){return e(t,i)}):"object"==typeof module&&module.exports?module.exports=e(t,require("desandro-matches-selector")):t.fizzyUIUtils=e(t,t.matchesSelector)}(window,function(t,e){var i={};i.extend=function(t,e){for(var i in e)t[i]=e[i];return t},i.modulo=function(t,e){return(t%e+e)%e};var n=Array.prototype.slice;i.makeArray=function(t){if(Array.isArray(t))return t;if(null===t||void 0===t)return[];var e="object"==typeof t&&"number"==typeof t.length;return e?n.call(t):[t]},i.removeFrom=function(t,e){var i=t.indexOf(e);-1!=i&&t.splice(i,1)},i.getParent=function(t,i){for(;t.parentNode&&t!=document.body;)if(t=t.parentNode,e(t,i))return t},i.getQueryElement=function(t){return"string"==typeof t?document.querySelector(t):t},i.handleEvent=function(t){var e="on"+t.type;this[e]&&this[e](t)},i.filterFindElements=function(t,n){t=i.makeArray(t);var o=[];return t.forEach(function(t){if(t instanceof HTMLElement){if(!n)return void o.push(t);e(t,n)&&o.push(t);for(var i=t.querySelectorAll(n),r=0;r<i.length;r++)o.push(i[r])}}),o},i.debounceMethod=function(t,e,i){i=i||100;var n=t.prototype[e],o=e+"Timeout";t.prototype[e]=function(){var t=this[o];clearTimeout(t);var e=arguments,r=this;this[o]=setTimeout(function(){n.apply(r,e),delete r[o]},i)}},i.docReady=function(t){var e=document.readyState;"complete"==e||"interactive"==e?setTimeout(t):document.addEventListener("DOMContentLoaded",t)},i.toDashed=function(t){return t.replace(/(.)([A-Z])/g,function(t,e,i){return e+"-"+i}).toLowerCase()};var o=t.console;return i.htmlInit=function(e,n){i.docReady(function(){var r=i.toDashed(n),s="data-"+r,a=document.querySelectorAll("["+s+"]"),h=document.querySelectorAll(".js-"+r),u=i.makeArray(a).concat(i.makeArray(h)),d=s+"-options",l=t.jQuery;u.forEach(function(t){var i,r=t.getAttribute(s)||t.getAttribute(d);try{i=r&&JSON.parse(r)}catch(a){return void(o&&o.error("Error parsing "+s+" on "+t.className+": "+a))}var h=new e(t,i);l&&l.data(t,n,h)})})},i}),function(t,e){"function"==typeof define&&define.amd?define("outlayer/item",["ev-emitter/ev-emitter","get-size/get-size"],e):"object"==typeof module&&module.exports?module.exports=e(require("ev-emitter"),require("get-size")):(t.Outlayer={},t.Outlayer.Item=e(t.EvEmitter,t.getSize))}(window,function(t,e){"use strict";function i(t){for(var e in t)return!1;return e=null,!0}function n(t,e){t&&(this.element=t,this.layout=e,this.position={x:0,y:0},this._create())}function o(t){return t.replace(/([A-Z])/g,function(t){return"-"+t.toLowerCase()})}var r=document.documentElement.style,s="string"==typeof r.transition?"transition":"WebkitTransition",a="string"==typeof r.transform?"transform":"WebkitTransform",h={WebkitTransition:"webkitTransitionEnd",transition:"transitionend"}[s],u={transform:a,transition:s,transitionDuration:s+"Duration",transitionProperty:s+"Property",transitionDelay:s+"Delay"},d=n.prototype=Object.create(t.prototype);d.constructor=n,d._create=function(){this._transn={ingProperties:{},clean:{},onEnd:{}},this.css({position:"absolute"})},d.handleEvent=function(t){var e="on"+t.type;this[e]&&this[e](t)},d.getSize=function(){this.size=e(this.element)},d.css=function(t){var e=this.element.style;for(var i in t){var n=u[i]||i;e[n]=t[i]}},d.getPosition=function(){var t=getComputedStyle(this.element),e=this.layout._getOption("originLeft"),i=this.layout._getOption("originTop"),n=t[e?"left":"right"],o=t[i?"top":"bottom"],r=parseFloat(n),s=parseFloat(o),a=this.layout.size;-1!=n.indexOf("%")&&(r=r/100*a.width),-1!=o.indexOf("%")&&(s=s/100*a.height),r=isNaN(r)?0:r,s=isNaN(s)?0:s,r-=e?a.paddingLeft:a.paddingRight,s-=i?a.paddingTop:a.paddingBottom,this.position.x=r,this.position.y=s},d.layoutPosition=function(){var t=this.layout.size,e={},i=this.layout._getOption("originLeft"),n=this.layout._getOption("originTop"),o=i?"paddingLeft":"paddingRight",r=i?"left":"right",s=i?"right":"left",a=this.position.x+t[o];e[r]=this.getXValue(a),e[s]="";var h=n?"paddingTop":"paddingBottom",u=n?"top":"bottom",d=n?"bottom":"top",l=this.position.y+t[h];e[u]=this.getYValue(l),e[d]="",this.css(e),this.emitEvent("layout",[this])},d.getXValue=function(t){var e=this.layout._getOption("horizontal");return this.layout.options.percentPosition&&!e?t/this.layout.size.width*100+"%":t+"px"},d.getYValue=function(t){var e=this.layout._getOption("horizontal");return this.layout.options.percentPosition&&e?t/this.layout.size.height*100+"%":t+"px"},d._transitionTo=function(t,e){this.getPosition();var i=this.position.x,n=this.position.y,o=t==this.position.x&&e==this.position.y;if(this.setPosition(t,e),o&&!this.isTransitioning)return void this.layoutPosition();var r=t-i,s=e-n,a={};a.transform=this.getTranslate(r,s),this.transition({to:a,onTransitionEnd:{transform:this.layoutPosition},isCleaning:!0})},d.getTranslate=function(t,e){var i=this.layout._getOption("originLeft"),n=this.layout._getOption("originTop");return t=i?t:-t,e=n?e:-e,"translate3d("+t+"px, "+e+"px, 0)"},d.goTo=function(t,e){this.setPosition(t,e),this.layoutPosition()},d.moveTo=d._transitionTo,d.setPosition=function(t,e){this.position.x=parseFloat(t),this.position.y=parseFloat(e)},d._nonTransition=function(t){this.css(t.to),t.isCleaning&&this._removeStyles(t.to);for(var e in t.onTransitionEnd)t.onTransitionEnd[e].call(this)},d.transition=function(t){if(!parseFloat(this.layout.options.transitionDuration))return void this._nonTransition(t);var e=this._transn;for(var i in t.onTransitionEnd)e.onEnd[i]=t.onTransitionEnd[i];for(i in t.to)e.ingProperties[i]=!0,t.isCleaning&&(e.clean[i]=!0);if(t.from){this.css(t.from);var n=this.element.offsetHeight;n=null}this.enableTransition(t.to),this.css(t.to),this.isTransitioning=!0};var l="opacity,"+o(a);d.enableTransition=function(){if(!this.isTransitioning){var t=this.layout.options.transitionDuration;t="number"==typeof t?t+"ms":t,this.css({transitionProperty:l,transitionDuration:t,transitionDelay:this.staggerDelay||0}),this.element.addEventListener(h,this,!1)}},d.onwebkitTransitionEnd=function(t){this.ontransitionend(t)},d.onotransitionend=function(t){this.ontransitionend(t)};var c={"-webkit-transform":"transform"};d.ontransitionend=function(t){if(t.target===this.element){var e=this._transn,n=c[t.propertyName]||t.propertyName;if(delete e.ingProperties[n],i(e.ingProperties)&&this.disableTransition(),n in e.clean&&(this.element.style[t.propertyName]="",delete e.clean[n]),n in e.onEnd){var o=e.onEnd[n];o.call(this),delete e.onEnd[n]}this.emitEvent("transitionEnd",[this])}},d.disableTransition=function(){this.removeTransitionStyles(),this.element.removeEventListener(h,this,!1),this.isTransitioning=!1},d._removeStyles=function(t){var e={};for(var i in t)e[i]="";this.css(e)};var f={transitionProperty:"",transitionDuration:"",transitionDelay:""};return d.removeTransitionStyles=function(){this.css(f)},d.stagger=function(t){t=isNaN(t)?0:t,this.staggerDelay=t+"ms"},d.removeElem=function(){this.element.parentNode.removeChild(this.element),this.css({display:""}),this.emitEvent("remove",[this])},d.remove=function(){return s&&parseFloat(this.layout.options.transitionDuration)?(this.once("transitionEnd",function(){this.removeElem()}),void this.hide()):void this.removeElem()},d.reveal=function(){delete this.isHidden,this.css({display:""});var t=this.layout.options,e={},i=this.getHideRevealTransitionEndProperty("visibleStyle");e[i]=this.onRevealTransitionEnd,this.transition({from:t.hiddenStyle,to:t.visibleStyle,isCleaning:!0,onTransitionEnd:e})},d.onRevealTransitionEnd=function(){this.isHidden||this.emitEvent("reveal")},d.getHideRevealTransitionEndProperty=function(t){var e=this.layout.options[t];if(e.opacity)return"opacity";for(var i in e)return i},d.hide=function(){this.isHidden=!0,this.css({display:""});var t=this.layout.options,e={},i=this.getHideRevealTransitionEndProperty("hiddenStyle");e[i]=this.onHideTransitionEnd,this.transition({from:t.visibleStyle,to:t.hiddenStyle,isCleaning:!0,onTransitionEnd:e})},d.onHideTransitionEnd=function(){this.isHidden&&(this.css({display:"none"}),this.emitEvent("hide"))},d.destroy=function(){this.css({position:"",left:"",right:"",top:"",bottom:"",transition:"",transform:""})},n}),function(t,e){"use strict";"function"==typeof define&&define.amd?define("outlayer/outlayer",["ev-emitter/ev-emitter","get-size/get-size","fizzy-ui-utils/utils","./item"],function(i,n,o,r){return e(t,i,n,o,r)}):"object"==typeof module&&module.exports?module.exports=e(t,require("ev-emitter"),require("get-size"),require("fizzy-ui-utils"),require("./item")):t.Outlayer=e(t,t.EvEmitter,t.getSize,t.fizzyUIUtils,t.Outlayer.Item)}(window,function(t,e,i,n,o){"use strict";function r(t,e){var i=n.getQueryElement(t);if(!i)return void(h&&h.error("Bad element for "+this.constructor.namespace+": "+(i||t)));this.element=i,u&&(this.$element=u(this.element)),this.options=n.extend({},this.constructor.defaults),this.option(e);var o=++l;this.element.outlayerGUID=o,c[o]=this,this._create();var r=this._getOption("initLayout");r&&this.layout()}function s(t){function e(){t.apply(this,arguments)}return e.prototype=Object.create(t.prototype),e.prototype.constructor=e,e}function a(t){if("number"==typeof t)return t;var e=t.match(/(^\d*\.?\d*)(\w*)/),i=e&&e[1],n=e&&e[2];if(!i.length)return 0;i=parseFloat(i);var o=m[n]||1;return i*o}var h=t.console,u=t.jQuery,d=function(){},l=0,c={};r.namespace="outlayer",r.Item=o,r.defaults={containerStyle:{position:"relative"},initLayout:!0,originLeft:!0,originTop:!0,resize:!0,resizeContainer:!0,transitionDuration:"0.4s",hiddenStyle:{opacity:0,transform:"scale(0.001)"},visibleStyle:{opacity:1,transform:"scale(1)"}};var f=r.prototype;n.extend(f,e.prototype),f.option=function(t){n.extend(this.options,t)},f._getOption=function(t){var e=this.constructor.compatOptions[t];return e&&void 0!==this.options[e]?this.options[e]:this.options[t]},r.compatOptions={initLayout:"isInitLayout",horizontal:"isHorizontal",layoutInstant:"isLayoutInstant",originLeft:"isOriginLeft",originTop:"isOriginTop",resize:"isResizeBound",resizeContainer:"isResizingContainer"},f._create=function(){this.reloadItems(),this.stamps=[],this.stamp(this.options.stamp),n.extend(this.element.style,this.options.containerStyle);var t=this._getOption("resize");t&&this.bindResize()},f.reloadItems=function(){this.items=this._itemize(this.element.children)},f._itemize=function(t){for(var e=this._filterFindItemElements(t),i=this.constructor.Item,n=[],o=0;o<e.length;o++){var r=e[o],s=new i(r,this);n.push(s)}return n},f._filterFindItemElements=function(t){return n.filterFindElements(t,this.options.itemSelector)},f.getItemElements=function(){return this.items.map(function(t){return t.element})},f.layout=function(){this._resetLayout(),this._manageStamps();var t=this._getOption("layoutInstant"),e=void 0!==t?t:!this._isLayoutInited;this.layoutItems(this.items,e),this._isLayoutInited=!0},f._init=f.layout,f._resetLayout=function(){this.getSize()},f.getSize=function(){this.size=i(this.element)},f._getMeasurement=function(t,e){var n,o=this.options[t];o?("string"==typeof o?n=this.element.querySelector(o):o instanceof HTMLElement&&(n=o),this[t]=n?i(n)[e]:o):this[t]=0},f.layoutItems=function(t,e){t=this._getItemsForLayout(t),this._layoutItems(t,e),this._postLayout()},f._getItemsForLayout=function(t){return t.filter(function(t){return!t.isIgnored})},f._layoutItems=function(t,e){if(this._emitCompleteOnItems("layout",t),t&&t.length){var i=[];t.forEach(function(t){var n=this._getItemLayoutPosition(t);n.item=t,n.isInstant=e||t.isLayoutInstant,i.push(n)},this),this._processLayoutQueue(i)}},f._getItemLayoutPosition=function(){return{x:0,y:0}},f._processLayoutQueue=function(t){this.updateStagger(),t.forEach(function(t,e){this._positionItem(t.item,t.x,t.y,t.isInstant,e)},this)},f.updateStagger=function(){var t=this.options.stagger;return null===t||void 0===t?void(this.stagger=0):(this.stagger=a(t),this.stagger)},f._positionItem=function(t,e,i,n,o){n?t.goTo(e,i):(t.stagger(o*this.stagger),t.moveTo(e,i))},f._postLayout=function(){this.resizeContainer()},f.resizeContainer=function(){var t=this._getOption("resizeContainer");if(t){var e=this._getContainerSize();e&&(this._setContainerMeasure(e.width,!0),this._setContainerMeasure(e.height,!1))}},f._getContainerSize=d,f._setContainerMeasure=function(t,e){if(void 0!==t){var i=this.size;i.isBorderBox&&(t+=e?i.paddingLeft+i.paddingRight+i.borderLeftWidth+i.borderRightWidth:i.paddingBottom+i.paddingTop+i.borderTopWidth+i.borderBottomWidth),t=Math.max(t,0),this.element.style[e?"width":"height"]=t+"px"}},f._emitCompleteOnItems=function(t,e){function i(){o.dispatchEvent(t+"Complete",null,[e])}function n(){s++,s==r&&i()}var o=this,r=e.length;if(!e||!r)return void i();var s=0;e.forEach(function(e){e.once(t,n)})},f.dispatchEvent=function(t,e,i){var n=e?[e].concat(i):i;if(this.emitEvent(t,n),u)if(this.$element=this.$element||u(this.element),e){var o=u.Event(e);o.type=t,this.$element.trigger(o,i)}else this.$element.trigger(t,i)},f.ignore=function(t){var e=this.getItem(t);e&&(e.isIgnored=!0)},f.unignore=function(t){var e=this.getItem(t);e&&delete e.isIgnored},f.stamp=function(t){t=this._find(t),t&&(this.stamps=this.stamps.concat(t),t.forEach(this.ignore,this))},f.unstamp=function(t){t=this._find(t),t&&t.forEach(function(t){n.removeFrom(this.stamps,t),this.unignore(t)},this)},f._find=function(t){return t?("string"==typeof t&&(t=this.element.querySelectorAll(t)),t=n.makeArray(t)):void 0},f._manageStamps=function(){this.stamps&&this.stamps.length&&(this._getBoundingRect(),this.stamps.forEach(this._manageStamp,this))},f._getBoundingRect=function(){var t=this.element.getBoundingClientRect(),e=this.size;this._boundingRect={left:t.left+e.paddingLeft+e.borderLeftWidth,top:t.top+e.paddingTop+e.borderTopWidth,right:t.right-(e.paddingRight+e.borderRightWidth),bottom:t.bottom-(e.paddingBottom+e.borderBottomWidth)}},f._manageStamp=d,f._getElementOffset=function(t){var e=t.getBoundingClientRect(),n=this._boundingRect,o=i(t),r={left:e.left-n.left-o.marginLeft,top:e.top-n.top-o.marginTop,right:n.right-e.right-o.marginRight,bottom:n.bottom-e.bottom-o.marginBottom};return r},f.handleEvent=n.handleEvent,f.bindResize=function(){t.addEventListener("resize",this),this.isResizeBound=!0},f.unbindResize=function(){t.removeEventListener("resize",this),this.isResizeBound=!1},f.onresize=function(){this.resize()},n.debounceMethod(r,"onresize",100),f.resize=function(){this.isResizeBound&&this.needsResizeLayout()&&this.layout()},f.needsResizeLayout=function(){var t=i(this.element),e=this.size&&t;return e&&t.innerWidth!==this.size.innerWidth},f.addItems=function(t){var e=this._itemize(t);return e.length&&(this.items=this.items.concat(e)),e},f.appended=function(t){var e=this.addItems(t);e.length&&(this.layoutItems(e,!0),this.reveal(e))},f.prepended=function(t){var e=this._itemize(t);if(e.length){var i=this.items.slice(0);this.items=e.concat(i),this._resetLayout(),this._manageStamps(),this.layoutItems(e,!0),this.reveal(e),this.layoutItems(i)}},f.reveal=function(t){if(this._emitCompleteOnItems("reveal",t),t&&t.length){var e=this.updateStagger();t.forEach(function(t,i){t.stagger(i*e),t.reveal()})}},f.hide=function(t){if(this._emitCompleteOnItems("hide",t),t&&t.length){var e=this.updateStagger();t.forEach(function(t,i){t.stagger(i*e),t.hide()})}},f.revealItemElements=function(t){var e=this.getItems(t);this.reveal(e)},f.hideItemElements=function(t){var e=this.getItems(t);this.hide(e)},f.getItem=function(t){for(var e=0;e<this.items.length;e++){var i=this.items[e];if(i.element==t)return i}},f.getItems=function(t){t=n.makeArray(t);var e=[];return t.forEach(function(t){var i=this.getItem(t);i&&e.push(i)},this),e},f.remove=function(t){var e=this.getItems(t);this._emitCompleteOnItems("remove",e),e&&e.length&&e.forEach(function(t){t.remove(),n.removeFrom(this.items,t)},this)},f.destroy=function(){var t=this.element.style;t.height="",t.position="",t.width="",this.items.forEach(function(t){t.destroy()}),this.unbindResize();var e=this.element.outlayerGUID;delete c[e],delete this.element.outlayerGUID,u&&u.removeData(this.element,this.constructor.namespace)},r.data=function(t){t=n.getQueryElement(t);var e=t&&t.outlayerGUID;return e&&c[e]},r.create=function(t,e){var i=s(r);return i.defaults=n.extend({},r.defaults),n.extend(i.defaults,e),i.compatOptions=n.extend({},r.compatOptions),i.namespace=t,i.data=r.data,i.Item=s(o),n.htmlInit(i,t),u&&u.bridget&&u.bridget(t,i),i};var m={ms:1,s:1e3};return r.Item=o,r}),function(t,e){"function"==typeof define&&define.amd?define(["outlayer/outlayer","get-size/get-size"],e):"object"==typeof module&&module.exports?module.exports=e(require("outlayer"),require("get-size")):t.Masonry=e(t.Outlayer,t.getSize)}(window,function(t,e){var i=t.create("masonry");i.compatOptions.fitWidth="isFitWidth";var n=i.prototype;return n._resetLayout=function(){this.getSize(),this._getMeasurement("columnWidth","outerWidth"),this._getMeasurement("gutter","outerWidth"),this.measureColumns(),this.colYs=[];for(var t=0;t<this.cols;t++)this.colYs.push(0);this.maxY=0,this.horizontalColIndex=0},n.measureColumns=function(){if(this.getContainerWidth(),!this.columnWidth){var t=this.items[0],i=t&&t.element;this.columnWidth=i&&e(i).outerWidth||this.containerWidth}var n=this.columnWidth+=this.gutter,o=this.containerWidth+this.gutter,r=o/n,s=n-o%n,a=s&&1>s?"round":"floor";r=Math[a](r),this.cols=Math.max(r,1)},n.getContainerWidth=function(){var t=this._getOption("fitWidth"),i=t?this.element.parentNode:this.element,n=e(i);this.containerWidth=n&&n.innerWidth},n._getItemLayoutPosition=function(t){t.getSize();var e=t.size.outerWidth%this.columnWidth,i=e&&1>e?"round":"ceil",n=Math[i](t.size.outerWidth/this.columnWidth);n=Math.min(n,this.cols);for(var o=this.options.horizontalOrder?"_getHorizontalColPosition":"_getTopColPosition",r=this[o](n,t),s={x:this.columnWidth*r.col,y:r.y},a=r.y+t.size.outerHeight,h=n+r.col,u=r.col;h>u;u++)this.colYs[u]=a;return s},n._getTopColPosition=function(t){var e=this._getTopColGroup(t),i=Math.min.apply(Math,e);return{col:e.indexOf(i),y:i}},n._getTopColGroup=function(t){if(2>t)return this.colYs;for(var e=[],i=this.cols+1-t,n=0;i>n;n++)e[n]=this._getColGroupY(n,t);return e},n._getColGroupY=function(t,e){if(2>e)return this.colYs[t];var i=this.colYs.slice(t,t+e);return Math.max.apply(Math,i)},n._getHorizontalColPosition=function(t,e){var i=this.horizontalColIndex%this.cols,n=t>1&&i+t>this.cols;i=n?0:i;var o=e.size.outerWidth&&e.size.outerHeight;return this.horizontalColIndex=o?i+t:this.horizontalColIndex,{col:i,y:this._getColGroupY(i,t)}},n._manageStamp=function(t){var i=e(t),n=this._getElementOffset(t),o=this._getOption("originLeft"),r=o?n.left:n.right,s=r+i.outerWidth,a=Math.floor(r/this.columnWidth);a=Math.max(0,a);var h=Math.floor(s/this.columnWidth);h-=s%this.columnWidth?0:1,h=Math.min(this.cols-1,h);for(var u=this._getOption("originTop"),d=(u?n.top:n.bottom)+i.outerHeight,l=a;h>=l;l++)this.colYs[l]=Math.max(d,this.colYs[l])},n._getContainerSize=function(){this.maxY=Math.max.apply(Math,this.colYs);var t={height:this.maxY};return this._getOption("fitWidth")&&(t.width=this._getContainerFitWidth()),t},n._getContainerFitWidth=function(){for(var t=0,e=this.cols;--e&&0===this.colYs[e];)t++;return(this.cols-t)*this.columnWidth-this.gutter},n.needsResizeLayout=function(){var t=this.containerWidth;return this.getContainerWidth(),t!=this.containerWidth},i});
\ No newline at end of file