feat：静态资源、组件迁移&地区首页组合

.gitignore

@@ -11,4 +11,5 @@ bin/
 main
 output/
 manifest/output/
-temp/
+temp/
+*.exe

resource/staticres/css/card.css

@@ -0,0 +1,78 @@
+.cms-card {
+  display: inline-block;
+  width: 100%;
+  border-radius: 8px;
+  border: 1px solid transparent;
+}
+.cms-card-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 17px 20px 7px;
+  font-size: 16px;
+  line-height: 22px;
+  border-bottom: 1px solid #2ABED1;
+}
+.cms-card-content {}
+
+.cms-card.c-border {
+  border-color: rgba(0, 0, 0, 0.05);
+  border-color: #ececec;
+}
+.cms-card.c-border .cms-card-header {
+  border-bottom-color: rgba(0, 0, 0, 0.05);
+  border-bottom-color: #ececec;
+}
+
+.cms-card-title {
+  font-weight: normal;
+  font-size: 16px;
+  line-height: 22px;
+  color: #1d1d1d;
+}
+.cms-card-list {
+  padding: 10px 20px;
+  /* min-height: 270px; */
+}
+.cms-card-list.empty {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.cms-card-list-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  line-height: 22px;
+}
+.cms-card-list-item:not(:last-of-type) {
+  margin-bottom: 10px;
+}
+.cms-card-list-item-left {
+  display: block;
+  margin-right: 10px;
+  font-size: 14px;
+  color: #686868;
+  max-width: 84%;
+}
+.cms-card-list-item-right {
+  font-size: 12px;
+  color: #999;
+}
+.cms-card-header-right {
+  font-size: 12px;
+  line-height: 18px;
+}
+
+/* column-card */
+.cms-card.column-3 {
+  width: 100%!important;
+}
+.cms-card.column-3 .cms-card-list-item {
+  width: 346px;
+  float: left;
+}
+.cms-card.column-3 .cms-card-list-item:nth-of-type(2n) {
+  margin-left: 70px;
+}

resource/staticres/css/common.css

@@ -0,0 +1,168 @@
+html,body {
+  width: 100%;
+}
+body {
+  position: relative;
+  min-width: 1200px;
+}
+
+input,
+button,
+select,
+textarea {
+  outline: none;
+}
+a {
+  text-decoration: none;
+}
+a,
+.cms-link {
+  color: inherit;
+}
+
+.w {
+  width: 1200px;
+  margin: 0 auto;
+}
+
+.no-select {
+  user-select: none;
+}
+
+.highlight-text {
+  color: #2ABED1;
+}
+
+.ellipsis {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  text-align: justify
+}
+
+/* 超过2行省略号显示 */
+.ellipsis-2 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  word-break: break-all;
+}
+
+/* 超过3行省略号显示 */
+.ellipsis-3 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+}
+
+.text-nowrap {
+  white-space: nowrap;
+}
+
+.pointer {
+  cursor: pointer;
+}
+
+.cms-button[disabled] {
+  opacity: 0.5;
+}
+.cms-link:hover,
+.cms-link:active,
+a.cms-link:hover,
+a.cms-link:active {
+  color: #2ABED1;
+  text-decoration: underline;
+  cursor: pointer;
+}
+
+.fl {
+  float: left;
+}
+.fr {
+  float: right;
+}
+.clearfix::after {
+  display: block;
+  clear: both;
+  content: '';
+  visibility: hidden;
+  height: 0;
+}
+
+.radius {
+  border-radius: 8px;
+}
+
+/* layout.css */
+.j-container {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+}
+.j-main {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  overflow-y: scroll;
+  overflow-x: hidden;
+}
+/* layout.css */
+
+/* empty */
+.image > img {
+  display: block;
+  width: 100%;
+}
+.empty-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 16px 0;
+}
+.empty-content-position .image {
+  width: 200px;
+  height: 200px;
+}
+.empty-tip-text {
+  text-align: center;
+  font-size: 14px;
+  color: #999;
+  line-height: 22px;
+}
+/* empty */
+
+/* bootstrap reset */
+p {
+  margin: 0;
+}
+a {
+  color: unset;
+}
+button:focus {
+  outline: none;
+}
+a:hover {
+  color: unset;
+  text-decoration: none;
+}
+.h3, h3 {
+  font-size: unset;
+}
+.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
+  margin-bottom: unset;
+  font-weight: unset;
+}
+dl, ol, ul,
+dd,dt {
+  margin: 0;
+}
+/* jy项目里右侧浮框css需设置默认隐藏，通过js控制是否显示隐藏，cms里没有js控制逻辑 需css设置一直显示 */
+.right-side-box{
+  display: block!important;
+}

resource/staticres/css/header.css

@@ -0,0 +1,378 @@
+.header-module{
+  position: fixed;
+  top: 0;
+  width: 100%;
+  z-index: 100;
+  background-color: #F2F2F4;
+  /* border-bottom: 1px solid rgba(0, 0, 0, 0.08); */
+}
+.header-common{
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: 48px;
+}
+.header-common .header-left{
+  display: flex;
+  align-items: center;
+  font-size: 14px;
+  line-height: 22px;
+}
+.header-left .img-home{
+  width: 18px;
+  height: 18px;
+  margin-right: 2px;
+}
+.header-left .home-title{
+  color:#1d1d1d;
+}
+.header-left .home-message{
+  margin-left: 20px;
+  color:#686868;
+}
+.header-left .home-site {
+  position: relative;
+  display: flex;
+  align-items: center;
+  height: 48px;
+}
+.header-left .site-btn{
+  width: 100px;
+  height: 30px;
+  margin-left: 20px;
+  border-radius: 4px;
+  font-size: 14px;
+  line-height: 30px;
+  color: #fff;
+  background: #2CB7CA;
+  border: 0;
+  outline: 0;
+}
+.header-left .home-site:hover .site-dropdown-panel {
+  display: inline-block;
+}
+.site-dropdown-panel{
+  display: none;
+  position: absolute;
+  left: 20px;
+  top: 44px;
+  width: 398px;
+  background: #fff;
+  box-shadow: 0 0 28px 0 rgba(0, 0, 0, 0.12);
+  border: 1px solid #ececec;
+  border-radius: 8px;
+}
+.site-dropdown-panel .dropdown-header{
+  padding: 16px;
+  border-bottom: 1px solid#e0e0e0;
+  font-size: 16px;
+  line-height: 24px;
+  color: #1d1d1d;
+}
+.site-dropdown-panel .dropdown-content{
+  padding: 16px;
+}
+.site-dropdown-panel .dropdown-list{
+  display: flex;
+  align-items: center;
+  font-size: 14px;
+  color: #686868;
+}
+.site-dropdown-panel .list-label{
+  font-weight: 700;
+  margin-right: 8px;
+}
+.site-dropdown-panel .list-value{
+  margin-right: 20px;
+}
+.site-dropdown-panel .list-value:hover{
+  color: #2ABED1;
+  text-decoration: underline;
+}
+
+.header-right{
+  display: flex;
+  height: 100%;
+}
+.header-right ul {
+  display: flex;
+  align-items: center;
+  height: 100%;
+}
+.header-right .header-right-list{
+  position: relative;
+  margin-left: 32px;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.jynav-list{
+  display: flex;
+  flex-direction: column;
+  position: absolute;
+  left: 50%;
+  top: 48px;
+  transform: translate(-50%, 0%);
+  line-height: 34px;
+  padding: 24px;
+  background: #fff;
+  border-radius: 0px 0px 4px 4px;
+  box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.08);
+  font-size: 14px;
+  display: none;
+  text-align: left;
+  border-top: 1px solid rgba(0, 0, 0, 0.1);
+}
+
+.jynav-list span a {
+  color: #1D1D1D;
+  font-size: 14px;
+  white-space: nowrap;
+}
+
+.jynav-list span a:hover {
+  color: #2CB7CA;
+  font-size: 14px;
+}
+
+.jy-rember a {
+  display: flex;
+  align-items: center;
+}
+
+.jynav-list.case-row-group{
+  width: auto;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.jynav-list.case-row-group .case-item+.case-item {
+  margin-left: 32px;
+}
+
+.jynav-list.case-row-group .case-item img {
+  width: 32px;
+  height: 32px;
+  margin-bottom: 4px;
+  object-fit: contain;
+}
+
+.jynav-list.case-row-group .case-item:hover {
+  background: rgba(44, 183, 202, 0.08);
+  color: #2ABED1;
+}
+
+.jynav-list.case-row-group .active {
+  background: rgba(44, 183, 202, 0.08);
+  color: #2ABED1 !important;
+}
+
+.jynav-list.case-row-group .case-item strong {
+  white-space: nowrap;
+  font-style: normal;
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 22px;
+}
+
+.jynav-list.case-row-group .case-item {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  min-width: 160px;
+  min-height: 90px;
+  padding: 16px 24px;
+  color: #1D1D1D;
+  border-radius: 4px;
+}
+
+.time-free {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-left: 8px;
+  width: 42px;
+  height: 19px;
+  background: #FF3A20;
+  border-radius: 9px 9px 9px 0px;
+  font-size: 12px;
+  font-weight: 400;
+  color: #FFFFFF;
+}
+
+.header-right-list a{
+  font-size: 14px;
+  color: #1D1D1D;
+}
+.jynav-list-title{
+  position: relative;
+  display: flex;
+  align-items: center;
+  height: 100%;
+}
+.jynav-list-title.set-after::after{
+  position: absolute;
+  bottom: 0;
+  left: 50%;
+  transform: translate(-50%, 0%);
+  content: '';
+  width: 28px;
+  height: 1px;
+  background: #2cb7ca;
+}
+.header-right-list a:hover,
+.header-right-list a:active {
+  color: #2cb7ca;
+}
+.header-right-list.login{
+  width: 88px;
+  background: #2ABED1;
+}
+.header-right-list.login a{
+  color: #fff;
+}
+.header-right-list.login a:hover{
+  color: #fff;
+}
+
+
+
+#downloadApp .download-scan-group{
+  position: relative;
+  margin: 0 auto;
+  margin-top: 200px;
+  width: 336px;
+  height: 458px;
+  box-shadow: 0px 0px 20px rgba(8, 31, 38, 0.12);
+  border-radius: 8px;
+  box-sizing: border-box;
+}
+.download-scan-group .close-icon {
+  position: absolute;
+  display: block;
+  width: 30px;
+  height: 30px;
+  top: 76px;
+  right: 12px;
+}
+
+#downloadApp img {
+  display: block;
+  width: 100%;
+}
+#downloadApp p {
+  font-size: 14px;
+  line-height: 22px;
+  text-align: center;
+  color: #1D1D1D;
+  margin-top: 2px;
+}
+
+.useronline{
+	/* width:70px; */
+  display: flex;
+  align-items: center;
+	height:100%;
+	margin-left:40px;
+	line-height:0px;
+	background:none;
+	color:#666666;
+	border: solid 0px #000;
+	border-color:#CCCCCC;
+	position:relative;
+}
+#login.useronline {
+  background: transparent;
+}
+
+.useronline .loginBtn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100px!important;
+  height: 30px!important;
+  background: #2ABED1 !important;
+  margin: unset !important;
+  border: 0;
+  font-size: 14px;
+  color: #fff !important;
+  border-radius: 4px;
+}
+
+.useronline .user-avatar{
+	width: 32px;
+ 	height: 32px;
+	position: relative;
+	float: left;
+	cursor: pointer;
+  overflow: hidden;
+  border-radius: 50%;
+  border: 1px solid #E0E0E0;
+}
+
+.work-user-info {
+  position: absolute;
+  top: 48px;
+  left: -58px;
+  width: 150px;
+  padding: 0;
+  border: none;
+  background: #FFFFFF;
+  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.1000), 0px 8px 10px 1px rgba(0, 0, 0, 0.0600), 0px 3px 14px 2px rgba(0, 0, 0, 0.0500);
+  border-radius: 8px;
+  overflow: hidden;
+  font-size: 14px;
+  font-weight: 400;
+  color: #1D1D1D;
+  line-height: 22px;
+}
+
+
+.work-user-info .info-group span {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: 100%;
+}
+
+.work-user-info .info-group {
+  padding: 18px 16px 8px 16px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.work-user-info .out-button {
+  width: 100%;
+  height: 34px;
+  line-height: 34px;
+  background: #F5F6F7;
+  text-align: center;
+  font-size: 12px;
+  font-weight: 400;
+  color: #686868;
+  cursor: pointer;
+}
+.work-link {
+  display: flex;
+  align-items: center;
+  margin-left: 16px;
+  padding: 0 12px;
+  height: 100%;
+  background: #2CB7CA;
+  font-weight: 400;
+  font-size: 16px;
+  color: #fff;
+  cursor: pointer;
+}
+
+.work-link:hover{
+  color: #fff;
+}

resource/staticres/css/icons.css

@@ -0,0 +1,100 @@
+.j-icon {
+  display: inline-block;
+  width: 24px;
+  height: 24px;
+}
+.base-icon {
+  background-color: transparent;
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: contain;
+}
+
+/******* icon图标 *******/
+/* 叉号 */
+.icon-chahao {
+  position: relative;
+}
+.icon-chahao:before,
+.icon-chahao:after {
+  content: '';
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 16px;
+  height: 3px;
+  border-radius: 3px;
+  background-color: #fff;
+}
+.icon-chahao:before {
+  transform: translate(-50%,-50%) rotate(45deg);
+}
+.icon-chahao:after {
+  transform: translate(-50%,-50%) rotate(-45deg);
+}
+
+.icon-chahao.danger:before,
+.icon-chahao.danger:after {
+  background-color: #FB483D;
+}
+.icon-chahao.warning:before,
+.icon-chahao.warning:after {
+  background-color: #FF9F40;
+}
+.icon-chahao.success:before,
+.icon-chahao.success:after {
+  background-color: #2ABED1;
+}
+
+.icon-add {
+  position: relative;
+}
+.icon-add:before,
+.icon-add:after {
+  content: '';
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 100%;
+  height: 0.04rem;
+  border-radius: 3px;
+  background-color: #fff;
+  transform: translate(-50%, -50%)  rotate(90deg);
+}
+.icon-add:after {
+  transform: translate(-50%,-50%) rotate(180deg);
+}
+
+/* 电话 */
+.icon-phone--gary {
+  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAToSURBVHgB7Vk9UxtHGH5373DSOJE7UkXu0sSSqNxFdOksOk9GiCOCNCnAvwBRpgouMxHhJBhPUgFdOsQfwKf8AZQynZgUycDdvn5fSfeh00k6YbGMxzyNdvf29vbZ92OfXQE84AEfN8Skh1bJyniPZUkImR3XRyl0jo72T+CeMJZApbK5JQBrVMzA9GE6woUV+82vDmhGIoFKZWOHHtRgNnSFK5Z1kzDjDdZLK4vDk3eofpr8OmaI6AtahyxVMmjgz/S7DBoxYoFyuVoypDju17DTaO4/nTSAZRFhZV4GA0r3iW3bXdAEOdIgRd4vI4jGlPeBJtuhn9BtXDMPGjFCABGC1RNCfAkpgIBtv+wJuG8C2ImUn0AKIIrAAmTBHGjECAHT9ILJUIB8AylgeG4rqCCWQCNGCAx82nejTLX641Q3st/YTvQdq7xRBE2Qia0YBuX19X+p0iKl2td+WUl9VkgkgALO/TIFcqqgRFSd8B35OWhCIgGpoOWXBYg1SDWQCOKFyFyBJiQSsI/qLZjBp1l60LJbwaBKaBN3ctwDyu3BJjbJp2O6qUsC8PVgAbRgLIHoKrIbkWQYUaWrq99bUdFHkz+1m/vboBFjCfRWEYNYyChljkyMArwY1rBDk7dAM+SkhwJUIyzDVtwKZCU70ju7XvkhVcDPExMJ2Ie/2RAJ5rgV2EoUK2H+B7XHchw0Qk7rIFC9CspJVpBejd1nUM3gI/M4KV7uClMJ9K0QmaC3cDD0nLS/cOUKhJbKo2cegyZMJcAQSqyHFSzF9wU+RpKldsM+UFxbrR6ABoi0HSuV6h6l063Bax1xfbNs/94TfgGsykaNNNFO0IDiRBg360kntDItgiF4l8csVR0P8fw2txupCbBfozLeDs6/vNO1Gof1EaE3QiJGlq9q8DG5GFkp4TNdIt1S4J0jSsd03U58kW5NoPdxWjWUcBY0IOwRiVcwlQR0FSUD4191gp8t0Ps4y6nNEdfuyjgiBswA56+LTiG3xKSLvQYBz3O5JWi3L86H+rUvWoVn+Sva6b4dNH1Km14JPjFe0uS/8vux7BAKfiL1+w8NukgtSdlrEQy5Xfh66Zy/H384kwV8VMpVW8hQpfI1TLNZ3433699YGGeB2w1/eNdu1mvx/uDJoiIJL5COpkNuRq4obwrxeLoVgX48mOxK+RQkaAM0amECSJ78mO/wlQ3FXf92kKy1HBeKM7mQD8dx/i8Unv0BKNlFFgeTKia6E/Vtt9/+Sf0bdPgXEvEX+3B/L+V3urlc4Qsi/5zr5Gp/0/itaJ9bWcBHkiU4O4kbd31a9kgLkutkvX5CICvvNmOWS7WRjQP7Y6NZL0T1EPstPlo4Y6kNGvBeBHw06QzAfh22YFYKecC78V2Lu7kQYHBQcpBFdBMfGCy2Ru/IeUeYGwEGZwghveXocZStwae2tcrmJf/nMG+LzJUAgy/GyKWsEWv0iOAeye1Ldq3ynC6/3isLpYFFwUzZcydpM+PNCVC1PIRT0/WcpMzFlhsIPtoHcMWOCb47J+CjT0TyZjZJB3UHt4IO5fwryv8vorqJ/nt4Orj6DKCNgA/ru828MtV2/+JYZNO+N2731k4gCla3SkJRIJERvNJJYg67pIt27cN64u59rwTiYOuAxAw5e14JmZF832qoE51/WT3gAR8a3gG65x5HMrDqAAAAAABJRU5ErkJggg==);
+}
+.icon-phone--gary2 {
+  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAACp0lEQVRYR+2YS6hOURTHf3+PxMBEJI+MJaWkm8dATCQSIyZIUmR2ExNKdyDJIwMlMWCiOyCRiXQnJCWkTHS7KWUmj3QNuJZWHTrde/Y5e5/9fdc3uGf6rcdvr73W2mt9osc/9TgfU4C5N1QbQTNbCewAlgIjwF1J73KdpugHAc1sawFXtjcGXJP0KsVJjmwloJltA7YHDP8ELkkaznEcqzsB0MzWA3sbDHwGTkv6EeuorVwV4ClgcYTB+5IeRMhliVQBXgGmR1gdBfol/Y6QbS2SA+hOj0v60tp7hGIV4ACwIEL3K3Dif0TwILAmAvCmpKcRclkiVRFcC+xvsDopBeIMVYCzgfM1hfJE0q2ssCQohxr1PmBdwM49SQ8TfGSJhgCXACcDloclncvymqBc9xYfAlYHbPl7/CLBT2vROsD5/pwFcvE7MNDtHlhZJOWjmtlOYEvoqoGLkn61Dk+EYtM8OKPIxYUBW6+Bq91s1o0jv5ktA44BMwOQQ5JuRwSjlUgjoFs1s43AnhoPjyUNtiJoUIoCLCDreqOLDAGDnb7uFEDPx6PA8ppDvylyMlg4ZjYNmAt8izlMNGARxVk+YjUMtL4K3JD0afxBzKwP2A3MAXyefAbcqesESYAFpJ++HwhVtov5KObX/a+Z1+w5fhA/UOWOkwyYAOmiH4CXwDxgQ01q+CJ2vWpbbAVYuu7DDTmZUti+0l4YH8nWgAWkF45vgJ5bnfhGJJ0tG8oC/GvIzDYBu2qaeSz8mKQjHQcsoukvzoGG4mkCfS/pTFcAS1fu/0hsbhnNy5Ledg2wdOWLiv91VjWFrPR75Z7TkRwMQZiZT+Y+rjloaNhw9eAS1lXAUkR9EXPIFYDnqvdF/z4CjyQ9Dx1yUgATrnmC6BRgTvRct+cj+AfHOMQpu3tSHAAAAABJRU5ErkJggg==);
+}
+/* 电话 白色 */
+.icon-phone-white {
+  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAKiSURBVHgB7ZmBdZswEIYPL1B3A3WCuhPUnSDeIN7A3sB0AtMJ7E6QdgKcCZxMgDdIMsHl7iG/HEISIgHBe+F7Tw89ceLdL53EIQAmJj43ie8mIs7psqKiPGanJElOMDbI+Q2VJwyjoKJgLJAzO2wPi11AZGohpEfyTGWumx6o/Hf0Z5sbeAsxDqdfMCQkYC1DI8BeGTMxh4jMLG1K1P9CAzTiFyhn6UrUMLIJeBb10NF8FPXBBVxEXUEYcga+w5AYMd24BnSfhdyNYGiwuv+rd/RZQiRmjnYZEksI44+oryASLgH3oh66KC+i/gUi4RJwEvVbCOOnqL/A0LSJaUvqsYShIScy4VDmsTOdz2AM8CjKrdGWIhhpB3OEMUEO5cK51HL/iC3fGVExRrg2C8YsMdG2z2Cw/FjxzUJmiFQwJgJmYW6IPGPklLoR7dSVO8v9BVa33RzGREisU9vWsDnAmAiJdV4jhojcFU56UPbaZo99bwCWWM8ddqaIQorVz7lDO0/63kYLVNAlWA+lPYSJYMdutfNnbMe5UyEW53YOuy3Wz5UKo85hudLXwiOi2yMbrL6BfSKUx7HUYb/WgnKL+G62Z7SHws5jmzU57+irsK8vvTYihDMsJPT74tovayu8zcNtInLscNFhdc2l5v0ZfAA61Hqm8gOq38NLKnnbkX4vHxJwhURs6fJbNCkqvNAP2HNy14kAhkSkdOGD3YtoXkM5Gzvoic4EMPpHB4uQZ6qKSqq3wQ2OLd12gWWGWqCdQ+iW2LSIewfLF5NLSKHFrNCeHJr5Vy3hSyASLIQuG/AflPHJ+IMufLZ0Y9h/08f5w6FD64j+3MdGCmNDi+GFnaP7hyK3b13PiBZCIWCZcXLCxv8YvkK5Jf/jFyZMTExYeQWVKF8Cod7i3AAAAABJRU5ErkJggg==) no-repeat;
+  background-size: contain;
+}
+
+.jy-icon-search{
+  background: transparent url(/jybx/images/icon/jy-icon-search.png) no-repeat center;
+  background-size: contain;
+}
+
+.jy-icon-close{
+  background: transparent url(/jybx/images/icon/jy-icon-close.png) no-repeat center;
+  background-size: contain;
+}
+
+/******** img背景图 **********/
+.j-img {
+  display: inline-block;
+  width: 200px;
+  height: 200px;
+}
+.img-empty {
+  background: transparent url(/jybx/images/jy-back.png) no-repeat center;
+  background-size: contain;
+}

resource/staticres/css/index.css

@@ -0,0 +1,419 @@
+.page-main-container {
+  display: flex;
+}
+.page-main-container.page-main-1 {
+  margin-top: 20px;
+}
+.page-main-container:not(:first-of-type) {
+  margin-top: 20px;
+}
+
+.page-main-content {
+  flex: 1;
+  max-width: 74.2%;
+}
+.page-main-aside {
+  margin-left: 20px;
+  width: 288px;
+}
+
+.page-main-3 {
+  margin-bottom: 20px;
+}
+.page-main-4 {
+  margin-bottom: 120px;
+}
+.page-main{
+  margin-top: 48px;
+  margin-bottom: 140px;
+}
+.page-main-t72{
+  margin-top: 72px;
+  margin-bottom: 140px;
+
+}
+
+.section-card {
+  width: 100%;
+  overflow: hidden;
+}
+.section-card:not(:first-of-type) {
+  margin-top: 32px;
+}
+.section-card .section-card-header {
+  display: flex;
+  align-items: flex-end;
+  width: 100%;
+  margin-bottom: 20px;
+}
+.section-card .section-card-title {
+  font-size: 28px;
+  line-height: 36px;
+}
+.section-card .section-card-line {
+  flex: 1;
+  margin-left: 8px;
+  color: #e0e0e0;
+  line-height: 30px;
+}
+.section-card .section-card-content {
+  display: flex;
+  flex-wrap: wrap;
+  width: 100%;
+}
+.section-card.column-2 .cms-card {
+  width: 434px;
+  margin-bottom: 20px;
+}
+.section-card.column-2 .cms-card:not(.column-2):nth-of-type(2n) {
+  margin-left: 22px;
+}
+.section-card.column-3 .cms-card {
+  width: 386px;
+}
+.section-card.column-3 .cms-card:nth-of-type(3n), /* 3n表示3的倍数，即3,6,9... */
+.section-card.column-3 .cms-card:nth-of-type(3n-1) { /* 3n-1表示3的倍数减1，即2,5,8... */
+  margin-left: 20px;
+}
+
+/* aside-card */
+.aside-card {
+  overflow: hidden;
+  border-radius: 8px;
+  color: #1d1d1d;
+  border: 1px solid #ECECEC;
+  background-color: #fff;
+}
+.aside-card-header {
+  padding: 12px 20px;
+  color: #fff;
+  font-weight: bold;
+  background-color: #2ABED1;
+}
+.aside-card-title {
+  font-size: 18px;
+  line-height: 24px;
+}
+.aside-card-content {
+  padding: 20px 12px;
+}
+
+
+/* 地区广告位 */
+.area-ad-container{
+  width: 342px;
+  height: 386px;
+  border-radius: 8px;
+  background-color: rgba(217, 217, 217, 0.3);
+}
+.action-ad-right .btn-action {
+  display: flex;
+  align-items: center;
+}
+.btn-action .btn {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex: 1;
+  height: 40px;
+  background: #F56500;
+  color: #FFF;
+  font-size: 16px;
+  border-radius: 4px;
+}
+.btn-action .btn.color-main {
+  background: #2ABED1;
+}
+
+.action-ad-right .action-words .words-title{
+  padding: 12px 0 8px;
+  font-size: 16px;
+  line-height: 24px;
+  font-weight: 700;
+  color: #2ABED1;
+  font-family: '黑体';
+  text-align: center;
+}
+.action-ad-right .action-words .words-text{
+  margin-bottom: 2px;
+  padding: 0 14px;
+  font-size: 13px;
+  line-height: 20px;
+  color: #1D1D1D;
+}
+.action-ad-right .action-words .words-text > span{
+  color: #686868;
+  text-align: left;
+}
+.action-ad-right .action-ad-img {
+  margin-top: 18px;
+  width: 288px;
+  height: 336px;
+}
+
+/* 相关网站 */
+.related-site{
+  margin-top: 32px;
+}
+/* 友情链接 */
+.friend-link{
+  margin-top: 12px;
+}
+.link-header{
+  display: flex;
+  align-items: baseline;
+}
+.link-header > h2{
+  color: #2ABED1;
+  font-size: 28px;
+}
+.link-header > .slash{
+  flex: 1;
+  margin-left: 13px;
+  display: inline-block;
+  height: 22px;
+  background: url(/jybx/images/slash.png) no-repeat center bottom;
+  background-size: contain;
+}
+
+.link-container{
+  padding: 20px 0;
+}
+.link-container.link-border{
+  border-bottom: 1px solid #ececec;
+}
+.link-container,
+.link-container li{
+  font-style: normal;
+}
+.link-desc{
+  margin-top: 8px;
+  color: #686868;
+  font-size: 14px;
+  line-height: 22px;
+  text-align: justify;
+}
+.link-title{
+  font-size: 14px;
+  line-height: 22px;
+  color: #1D1D1D;
+  font-weight: bold;
+}
+.link-list{
+  display: flex;
+  flex-wrap: wrap;
+}
+.link-item{
+  flex: 1;
+  display: inline-block;
+  margin: 8px 32px 0 0;
+  color: #686868;
+  font-size: 14px;
+  line-height: 22px;
+}
+.link-item:hover{
+  color: #2ABED1;
+  text-decoration: underline;
+}
+
+.friend-link .link-item{
+  width: 144px;
+}
+.friend-link .link-item:nth-child(7n){
+  margin-right: 0;
+}
+
+
+.aside-module {
+  margin-bottom: 20px;
+}
+
+.area-aside-item {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 14px;
+  line-height: 28px;
+}
+.area-aside-item:not(:last-of-type) {
+  margin-bottom: 20px;
+}
+.area-aside-item .area-aside-item-name {
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 2px 12px;
+  border-radius: 8px;
+  background: linear-gradient(180deg, rgba(42, 190, 209, 0.1) 0%, rgba(42, 190, 209, 0) 100%);
+}
+.area-aside-item-name a {
+  color: #2ABED1;
+  font-size: inherit;
+}
+.area-aside-item .area-aside-item-children {
+  padding-left: 58px;
+  display: flex;
+  align-items: center;
+  flex: 1;
+  flex-wrap: wrap;
+}
+
+.area-aside-item .area-aside-item-child {
+  margin: 0 6px;
+}
+
+.industry-aside-item-links {
+  color: #686868;
+  font-size: 12px;
+  line-height: 22px;
+}
+.industry-aside-list ul li {
+  margin-top: 10px;
+}
+.industry-aside-list ul {
+  list-style: unset;
+  font-size: 12px;
+  line-height: 22px;
+  padding-left: 20px;
+}
+.industry-aside-list {
+  color: #1D1D1D;
+  padding: 0 16px;
+}
+
+.industry-aside-item {
+  padding: 10px 4px;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+}
+.industry-aside-item-name {
+  font-size: 14px;
+  font-weight: 700;
+  line-height: 22px;
+}
+.industry-aside-item-name::after {
+  content: '';
+  display: inline-block;
+  width: 4px;
+  height: 14px;
+  background-image: url(list/image/icon-right-arrow.png);
+  background-repeat: no-repeat;
+  background-size: 4px 6px;
+  vertical-align: middle;
+  background-position: 0px 3px;
+}
+
+/* 底部地区导航 */
+.area-group--bottom {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  margin-bottom: 22px;
+}
+.area-item--bottom .area-aside-item .area-aside-item-name{
+  max-height: 28px;
+}
+
+.area-item--bottom {
+  width: 25%;
+  align-self: flex-start;
+}
+
+.city-aside-list {
+  display: flex;
+  flex-wrap: wrap;
+  font-size: 14px;
+  line-height: 22px;
+}
+.city-aside-item {
+  /* width: 48%; */
+  width: auto;
+  min-width: 42px;
+  margin: 0 6px 20px;
+}
+/* .city-aside-item:nth-of-type(2n) {
+  margin-left: 4px;
+}
+.city-aside-item:nth-of-type(n+3) {
+  margin-top: 20px;
+} */
+
+.industry-aside-item-content {
+  font-size: 12px;
+  line-height: 22px;
+}
+.industry-aside-item-links a {
+  margin-right: 6px;
+  color: #686868;
+}
+
+/* 信息类型页面 */
+.page-main-stype{
+  background: #F5F6F7;
+}
+.page-main-stype .header-nav{
+  background: rgba(255, 255, 255, 0.8);
+}
+
+.page-main-stype .aside-login{
+  background-color: #fff;
+}
+
+.page-main-stype .content-nav{
+  display: flex;
+  padding: 16px 17px 8px;
+  background: #fff;
+  border-radius: 8px;
+}
+.page-main-stype .content-nav-label{
+  padding-top: 2px;
+  font-size: 14px;
+  line-height: 18px;
+  color: #686868;
+}
+.page-main-stype .content-nav-value{
+  flex: 1;
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+}
+.page-main-stype .content-nav-item{
+  padding: 2px 6px;
+  margin-left: 8px;
+  margin-bottom: 8px;
+  font-size: 14px;
+  line-height: 18px;
+  color: #1D1D1D;
+  border-radius: 2px;
+  background-color: transparent;
+  cursor: pointer;
+}
+
+.page-main-stype .content-nav-item:hover,
+.page-main-stype .content-nav-item.active{
+  background: #2ABED1;
+  color: #fff;
+}
+
+.page-main-stype .breadcrumb-nav{
+  padding: 20px 0;
+  line-height: 22px;
+  font-size: 14px;
+  color: #999999;
+}
+
+.page-main-stype .breadcrumb-nav .label-tag{
+
+}
+.page-main-stype .breadcrumb-nav .current-tag{
+  color: #1D1D1D;
+}
+.page-main-stype .page-bidding-container{
+  padding: 20px;
+  border-radius: 8px;
+  background: #fff;
+}

resource/staticres/css/login-card.css

@@ -0,0 +1,181 @@
+[v-cloak] {
+    display: none!important;
+}
+
+.is-stop {
+  cursor: not-allowed!important;
+}
+
+.login-card{
+  border: 1px solid #2ABED1;
+  border-radius: 8px;
+  overflow: hidden;
+}
+
+.login-card-header {
+    padding: 10px 20px;
+    background: linear-gradient(90deg, #10D3D3 1.56%, #2CB7CA 57.59%, #0CA1F5 100%);
+}
+
+.login-card-header .h-title {
+    color: #fff;
+    font-size: 18px;
+    line-height: 28px;
+}
+
+.login-card-main {
+  padding: 24px 20px 24px;
+}
+
+.login-card-main .login-card-item {
+  position: relative;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  width: 100%;
+  height: 44px;
+  padding: 0 16px;
+  margin-bottom: 20px;
+  margin-top: 0;
+  color: #1D1D1D;
+  font-size: 14px;
+  background: #F3F6F7;
+  box-sizing: border-box;
+  border: 1px solid #F3F6F7;
+  border-radius: 4px;
+}
+
+.login-card-main .login-card-item.is-focus {
+  border-color: #2CB7CA;
+}
+
+.login-card-main .login-card-item.is-error {
+  border-color: #FF3A20;
+  margin-bottom: 20px;
+}
+
+.login-card-main .login-card-item.is-error::after {
+  content: attr(data-error);
+  position: absolute;
+  bottom: -20px;
+  left: 8px;
+  color: #FF3A20;
+  font-size: 14px;
+  line-height: 20px;
+}
+
+@keyframes resetBg {
+  to {
+    background: transparent;
+  }
+}
+
+.login-card-main .login-card-item input {
+  width: 100%;
+  height: 90%;
+  margin-left: 8px;
+  background: inherit;
+  color: #1D1D1D;
+  font-size: inherit;
+  border: none;
+  outline: none;
+  animation: resetBg .1s forwards;
+  box-shadow: none !important;
+  padding: 0px;
+}
+
+.login-card-item input::placeholder,
+.login-card-item input::-webkit-input-placeholder
+ {
+  color: #999!important;
+}
+
+.login-card-item input::-moz-placeholder,
+.login-card-main .login-card-item input:-ms-input-placeholder
+ {
+  color: #999 !important;
+}
+
+.login-card-main .login-card-item input:focus {
+  border: none;
+}
+
+.login-card-main .login-card-item .after-input-box {
+  position: absolute;
+  cursor: pointer;
+  height: 100%;
+  top: 0;
+  right: 16px;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  color: #999999;
+}
+
+.login-card-main .login-card-item .after-input-box .verify-img {
+  border-radius: 20px;
+  margin-right: -14px;
+}
+
+/* .login-dig-footer-box {
+  font-size: 12px;
+  line-height: 20px;
+  color: #999999;
+}
+
+.login-dig-footer-box p {
+  margin-top: 32px;
+} */
+
+.login-card-main .login-card-button {
+  width: 100%;
+  height: 44px;
+  margin-top: 12px;
+  background: #2ABED1;
+  border-radius: 4px;
+  font-size: 16px;
+  line-height: 24px;
+  color: #fff;
+  outline: none;
+  border: 1px solid #2CB7CA;
+  cursor: pointer;
+}
+
+.login-card-main .login-card-button:disabled {
+  cursor: not-allowed;
+}
+
+.login-card-main .reg-tips{
+  font-size: 12px;
+  line-height: 18px;
+  color: #686868;
+  text-align: justify;
+}
+
+.login-card-main .l-get-sms{
+  color: #2ABED1;
+}
+
+.login-card-main .l-get-sms.is-stop{
+  color: #999999;
+}
+
+.login-card-main  .service-name {
+  color: #686868;
+}
+
+.login-dig-icon-phone {
+  background: url(/jyseo/image/icon-phone.png);
+  background-size: 18px 18px;
+  width: 18px;
+  height: 18px;
+  display: inline-block;
+}
+
+.login-dig-icon-guard {
+  background: url(/jyseo/image/icon-guard.png);
+  background-size: 18px 18px;
+  width: 18px;
+  height: 18px;
+  display: inline-block;
+}

resource/staticres/css/pc-ad-common.css

@@ -0,0 +1,47 @@
+.pc-ad-bottom{
+  display: flex;
+  justify-content: center;
+  width: 100%;
+  height: 72px;
+}
+.ad-bottom-main{
+  position: relative;
+  bottom: 0;
+  width: 100%;
+}
+.ad-bottom-img{
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+}
+.ad-common{
+  display: flex;
+  justify-content: center;
+  width: 100%;
+  height: 112px;
+}
+.ad-common-main{
+  position: relative;
+  bottom: 0;
+  width: 100%;
+  border-radius: 8px;
+  overflow: hidden;
+}
+.ad-common-main > a{
+  display: block;
+}
+.ad-common-img{
+  position: absolute;
+  bottom: 0;
+  display: block;
+  width: 100%;
+  height: 100%;
+}
+.pc-ad-bottom.fixed {}
+.pc-ad-bottom.fixed .ad-bottom-main {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 99;
+}

resource/staticres/css/pc-bottom.css

@@ -0,0 +1,766 @@
+/*--S-底部浏览器兼容性提醒相关样式--*/
+.jy_compatibility_tips {
+  width: 780px;
+  height: 80px;
+  opacity: 1;
+  /* background: linear-gradient(180deg,#f4fffe, #ffffff 100%); */
+  /* background:rgba(255,255,255,1); */
+
+  background: -moz-linear-gradient(180deg, #f4fffe, #ffffff 100%);
+  background: -webkit-gradient(180deg, #f4fffe, #ffffff 100%);
+  background: -webkit-linear-gradient(180deg, #f4fffe, #ffffff 100%);
+  background: -o-linear-gradient(180deg, #f4fffe, #ffffff 100%);
+  background: -ms-linear-gradient(180deg, #f4fffe, #ffffff 100%);
+  background: linear-gradient(180deg, #f4fffe, #ffffff 100%);
+  filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#f4fffe', endColorstr='#ffffff', GradientType=0);
+
+  border-radius: 12px;
+  box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.16);
+  position: fixed;
+  left: 50%;
+  transform: translateX(-50%);
+  bottom: 80px;
+  z-index: 999;
+  padding: 0 38px;
+}
+
+.jy_compatibility_tips_left {
+  opacity: 1;
+  font-size: 16px;
+  font-weight: 400;
+  color: #1d1d1d;
+  line-height: 24px;
+  position: absolute;
+  top: 50%;
+  left: 38px;
+  transform: translateY(-50%);
+}
+
+.jy_compatibility_tips_right {
+  height: 100%;
+  margin-left: 27px;
+  position: absolute;
+  top: 50%;
+  right: 38px;
+  transform: translateY(-50%);
+}
+
+.logo_wrap {
+  float: left;
+  margin-left: 42px;
+  position: relative;
+  top: 50%;
+  transform: translateY(-50%);
+}
+
+.jy_compatibility_tips_right .logo_wrap:first-child {
+  margin-left: 0;
+}
+
+.logo_wrap img {
+  width: 36px;
+  height: 36px;
+}
+
+.logo_wrap span {
+  display: block;
+  opacity: 1;
+  font-size: 12px;
+  font-weight: 400;
+  color: #686868;
+  line-height: 20px;
+  text-align: center;
+}
+
+.tips_none {
+  display: none;
+  /* opacity: 0; */
+}
+
+/*--S-侧边样式--*/
+/* 对勾 */
+.icon-tick {
+  width: 24px;
+  height: 24px;
+  margin: 0 auto;
+  background-size: 100% 100%;
+  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMpSURBVHgB7ZpNTttAFMffTKBV6YIcgU2lEKkivgEmUqWuWk5AOEHFCQg3oCcATpDuKrVF7g2cUClB6iZHyIqqbeLpvHxQPjzOjDMzAfN+mxiPLZGfPDPv/xwAgiAIgiAIgiAIgiAIgiAIXRg8ATZacflluXQIQjTwbyHYpys+OuiHwWDevSvwBHixXmoJIbavTzDRWEtKeLQ/714OBacaXZwwuCFnBhPvNW4vtqBq1LmeVncRAHOnF1JYQRM50FSNMwFnoEEhF+l5cuTYUbe+1QQNCidoM+p8kE/HsfICAzlIoQRVos4eF3CqGpfrzllvZ6sBBhRGUPVLXGMrPJISymnj8nxbygnAkEIs0pXP8cY8Ob9YEkIOHr0glMOfZ8rpC5bs6lTNaWhPscrXeJvx0js8Ho5GZz/fBG1YMjM58nAjbXwqJ7wMgz7kREtQ9TxuAOMnt+/kzW74+giWhA85iN4UY/zw3jmRNKvRj0NYAhg+pZwWKORIBjbkILprUOr8XpYkDJ/yo6a8wJIcREuQDHvq9cazJGX4nJKIZL8b2lsftQStMrErP7IlnV+cgGOywuf43xDJwWU9OAWLaAlqyy3y2aSOUEuSPRaXknTyVa8eHINljCvpzW+dU8ZhL+OS9pWUmbfuSMNm+DQlV9TwKcl2+DQldxaTtVEzdfv/Tz/5LXeTt/l3Exfh05SFwqpLSRg+YYXHqnEB4ntvp5YrX5mwUBbr1oOm3MGyqulxtYtVLxgwC5+q8Un4HO+szlk4rNqW5Dp8mmKtH2RjuvnKVyZYbZhVZKjld0PtbQZ/h0mY1gl4iHIQq/0grGKx1M+4pLwq15ZXuADfwGf4NMV6w2xc6g8TbG2q1giUFOMWPjuxtj5+clThcwBLkoM460lPt2n84mXVNQmDBge2nZWv8Im0na9McNq0r0RyuxY8YuqpkwmGTxf5ygSnPWmcFrh24AILpjgKn6Z4ee1j/CQ5zlcmeHsvpi3pAclBvL44nCfJR/g0xfub1VoUl/+I+9u6r/BpivcXh7PupIAEf36CtdJACPjoK3wSBEEQBEEQBEEQBEEQBEG44x/qVZ39mGkA4AAAAABJRU5ErkJggg==);
+}
+
+/* 对勾 */
+.icon-close {
+  width: 20px;
+  height: 20px;
+  margin: 0 auto;
+  background-size: 100% 100%;
+  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADRSURBVHgB7dZRCoMwEEXRRzfa7KTdSWdnXcpUIYKEGs3kTQYkF/zShPNjJsBsNrt5qvpcng/IrXuue6OnjNuiITNuy4YscDRkgbMjl0Wi/zMjD3BrAktMJB3HRLrhGEh3XA9yGM6CHI5rQYbhLiBf4bgLyHhcI1IQ2QlS0NkD/X0r7xSRVX6IffSrGhMXg6zg3upwC2LhZPdNDFIbDuHhSDVMiGFI7Rhf7kglzFY3JAPnhmTiXJDLosTEnSATLBVIAakCmdBTRgrIZWTCbDa7eT9Dv+U/i+afwgAAAABJRU5ErkJggg==);
+}
+
+/* 客服 */
+.icon-customer {
+  width: 56px;
+  height: 56px;
+  margin: 0 auto;
+  background-size: 24px 24px;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAARUSURBVHgB7Vi9bhs5EJ7dBLCt5nRPcHtdzlfENuz6drvr7HTXWW78AxeWn8BxeZV1gAH/FZGfwHF9SLRlCgNWUqXLpksppAhswBbzjUIqFENKuxKDpNgPIJbLXXK+4c/McIhKlChR4kciIE+o1+vVm5ubuSAIlvEad7vdCPUqfxNCdFBvo5rheXl0dPScPGFiBSTxHZCsK8I5kKGkKPvHx8cZTYAHNAE2NjZ27u7unoP43yjTBbqyonMoK0tLS8HV1dUrGhNjrYCc9QNUa+QHzenp6d1Go9GhgiisAJO/vb1tYcvMmd/kXj/H/k/DMGyr7bG5uRnhwaWG8pesDxLBGZmamkqKKvGQCsJGXhL/b2ZmpmEjIBXhkvL71tZWHUru6WeGx+SxUZ2nAii0AhB8wId1YADMHNqeFD2MclWYcKS3Y6zGycnJLuVEbgXW19dXsC0uBjqPuewKtVqtiv4tjGNuxwQTkuYZI6ScAPkDoynjmR+XPKPZbHawbRL6sr10PKOcyKUAlrtG3x68ZFIbzmAl8FgzmiMpcyTyrsCqKdcHeQW5Xc5HyLRipALysMVG8z75x1PjPd7e3v5tVKehCrDNx2PPaM7oO4HNsf4OL9+QE+iE0wq5zJxERp7OwKSynCuA2bhwDEiyvUX+4CKvZDmtklUBzEhs2GaegQDe84m2zGwpYpoQ7F/oK/lMyaJByxS7ZFkVANE+eRC+VE7l9PSUI0/dWsQ0IeBf9Inqy8KzSYOWKbL2dwzaj1HkRUTH2I4rB8yxM60e2Trk9sQ/K0oFFGZbr/dmX74Wf754c+D654+Xb1qj/ikKfysgvnhSEYj6o/+vY/Pz7IvrWkAiVv+QJxS+0LgAcqmgIOZ6+CC8AOHdTx+pl32oVB/uBKJbF/2fRZM8waVAptXNeMSaebgPxFoogmv5vUpB+Kzyi3RAokuKvOAwnIQrlhoYGxbwMcy4qlutX5hDgZoKbaUzWVYf4C/6JvZtMp/RXTcRQ2KlHvmgm/T+/YpUI7wqHVtPFsiv9PsK0baNOSwWYvcekxsZnM3vZuOj1nUUdGmFyWB46aQgHA7xU0iNLJnvWGS9I3co0fNFSIZZ78rDzgC78qEBlq2TnN2GLHmRDJPFNz9XR2diC8mmzuLi4iWqv5Lc1zL7cIL6ls8LDctaWFh4j7H/UW1S1r/IF60dHh5+cPX1lhtV4NAYgjnVaDvs78lym5P7/UJLs/D3XOG6VwWQdlkFkeawf9ia4KKSnJ2dtWWSbM9I1WRU4K7hTQF5KXmX519WgvM/loRwRgUvSt4cGUwq5410IjZbz9fTSG6vpyCvf0tR1oqeLW8K6CE4cC7j+QFgiy2DfKS38WFF332YySJWqw+fK9BRK8CHGKn3x6b31B0TkKLPZaVSaU6SHPN2BjhNCJPHoUSU43erExwH3qJRmWGzpQlNpORwguPAux9gyJgpMtvv7+/bbD6pRIkSJRQ+A3PvAW69H84gAAAAAElFTkSuQmCC);
+}
+
+.icon-customer.white {
+  background: url(/jyseo/image/slide_kefu.png) no-repeat center center;
+  background-size: 56px;
+}
+
+.j-bottom .icon-arrow--up,
+.right-side-box .icon-arrow--up {
+  margin-top: 11px;
+}
+
+/* 上箭头 */
+.icon-arrow--up {
+  width: 24px;
+  height: 24px;
+  margin: 0 auto;
+  background-size: 24px;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-image: url(/jyseo/image/up.png);
+}
+
+.icon-arrow--up.white {
+  background-image: url(/jyseo/image/up1.png);
+  /* background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC5SURBVHgB7ZdRDoMgEAX3pvXmHMEjUBv5eDGtSgvL0swkJH7I7swnZgAAAAAAf0fO+bGddTvp9W0zUeSPzBHxQX6OiAv52BE35WNGnMgv5cSNOJOXf2JG3JGXf2NF1MjLnRgR38jL3bERv8jLjDERLeRllm9ES3mZ6RPRQ15m943oKS87+kR4yMuuthGe8rKzXUTeHyJu8rL3XcRqteT9NeUqL7uPEclqKUNSCVnMmdH7AQAAAACueQIAR4pmNbCOwAAAAABJRU5ErkJggg==); */
+}
+
+.right-side-box {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -ms-flex-align: center;
+  align-items: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  border: none;
+  box-sizing: border-box;
+  position: fixed;
+  z-index: 100;
+  /* min-width: 56px; */
+  width: 80px;
+  bottom: 108px;
+  left: initial;
+  right: 1px;
+  transition: all 0.75s;
+  filter: drop-shadow(0px 0px 20px rgba(8, 31, 38, 0.12));
+}
+
+
+.right-side-box .hover-open-box {
+  position: absolute;
+  top: 0;
+  right: 0px;
+  height: 100%;
+  box-sizing: border-box;
+  display: -ms-flexbox;
+  /* display: flex; */
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -ms-flex-align: center;
+  /* align-items: center; */
+  -ms-flex-pack: start;
+  /* justify-content: flex-start; */
+  cursor: pointer;
+  border: none !important;
+}
+
+.right-side-box .hover-open-box span {
+  display: block;
+  margin-left: 8px;
+  color: #FFFFFF;
+  font-size: 14px;
+  line-height: 24px;
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+}
+
+.right-side-box .icon-customer,
+.right-side-box .icon-arrow--up {
+  box-sizing: content-box;
+  cursor: pointer;
+}
+
+.right-side-box .icon-customer.white,
+.right-side-box .icon-arrow--up.white {
+  /* padding: 12px; */
+}
+
+.right-side-box>.right-side-item .text-customer {
+  font-size: 13px;
+  line-height: 16px;
+  /* height: 80px; */
+  text-align: center;
+  color: #1D1D1D;
+  margin-left: 0;
+}
+
+.right-side-box .desc_text {
+  font-size: 14px;
+  line-height: 22px;
+  /* identical to box height, or 157% */
+  text-align: center;
+  /* white/100% */
+  color: #FFFFFF;
+  margin-top: 4px;
+}
+
+.right-side-box .desc_text_b {
+  font-size: 14px;
+  line-height: 22px;
+  /* identical to box height, or 157% */
+  text-align: center;
+  /* Font/#1d1d1d */
+  color: #1D1D1D;
+  margin-top: 4px;
+}
+
+/* .right-side-box .right-side-phone {
+  height: 56px;
+  margin: 6px 0;
+  position: relative;
+} */
+.right-side-box .right-side-phone {
+  position: relative;
+  border-radius: 10px 0 0 0;
+  width: 100%;
+  height: 80px;
+  background: linear-gradient(180deg, #1699F9 0%, #19C6DC 100%);
+  border-top: 2px solid #FFF;
+  border-left: 2px solid #FFF;
+  box-sizing: border-box;
+  cursor: pointer;
+}
+
+.right-side-box .right-side-wx {
+  position: relative;
+  width: 100%;
+  height: 80px;
+  background: linear-gradient(180deg, #F1F4F9 0%, #FFFFFF 100%);
+  border-radius: 0;
+  border-left: 2px solid #FFF;
+  box-sizing: border-box;
+  cursor: pointer;
+}
+
+.right-side-box .right-side-app {
+  position: relative;
+  border-radius: 0 0 0 10px;
+  width: 100%;
+  height: 80px;
+  background: linear-gradient(180deg, #F1F4F9 0%, #FFFFFF 100%);
+  border-bottom: 2px solid #FFF;
+  border-left: 2px solid #FFF;
+  box-sizing: border-box;
+  cursor: pointer;
+}
+
+.right-side-box .right-side-kf {
+  position: relative;
+  border-radius: 0 !important;
+  width: 100% !important;
+  height: 80px !important;
+  background: linear-gradient(180deg, #F56500 0%, #F79E51 100%) !important;
+  border-left: 2px solid #FFF;
+  box-sizing: border-box;
+  cursor: pointer;
+}
+
+/* .right-side-box .right-side-pop::before {
+  content: "客服热线：400-108-6670   服务时间：工作日 9:00-17:40";
+  position: absolute;
+  left: -210px;
+  top: 4px;
+  display: none;
+  width: 198px;
+  background: #2cb7ca;
+  border-radius: 8px;
+  color: #fff;
+  line-height: 2.3;
+  font-size: 14px;
+  white-space: break-spaces;
+  padding: 3px 5px;
+} */
+
+/* .right-side-box .right-side-pop::after {
+  content: '';
+  position: absolute;
+  left: -12px;
+  top: 22px;
+  display: none;
+  width: 0;
+  height: 0;
+  border-top: 6px solid transparent;
+  border-left: 8px solid #2cb7ca;
+  border-bottom: 6px solid transparent;
+} */
+
+.right-side-box>.right-side-item .text-customer img,
+.right-side-box .right-side-phone .text-customer img {
+  width: 32px;
+  width: 32px;
+  display: block;
+  margin: auto !important;
+  margin-top: 12px !important;
+}
+
+.right-side-box .right-side-phone .text-customer-hover {
+  display: none;
+}
+
+.right-side-box .right-side-pop:hover .text-customer {
+  display: none;
+}
+
+.right-side-box .right-side-pop:hover::after,
+.right-side-box .right-side-pop:hover::before {
+  display: block;
+}
+
+.right-side-box .right-side-pop:hover .text-customer-hover {
+  display: inherit;
+}
+
+.right-side-box .right-side-wx:hover .slidePop {
+  display: block;
+}
+
+.right-side-box .right-side-wx:hover .text-customer {
+  display: none;
+}
+
+.right-side-box .right-side-wx:hover .text-customer-hover {
+  display: inherit;
+}
+
+/* .right-side-box .right-side-wx .slidePop {
+  display: none;
+  position: absolute;
+  left: -163px;
+  top: 0;
+  width: 157px;
+  height:176px;
+  background: #ffffff;
+  box-sizing: border-box;
+  border-radius: 8px;
+  box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.16);
+} */
+
+.right-side-box .right-side-wx .slidePop {
+  display: none;
+  position: absolute;
+  left: -165px;
+  top: 0;
+  width: 157px;
+  height:176px;
+  background: linear-gradient(180deg, #F1F4F8 0%, #FEFEFF 100%);
+  border: 2px solid #FFFFFF;
+  box-shadow: 0px 0px 20px rgba(8, 31, 38, 0.12);
+  border-radius: 8px;
+  padding: 12px 19px;
+  box-sizing: border-box;
+}
+
+/* .right-side-box .right-side-wx .slidePop::before {
+  content: '';
+  position: absolute;
+  right: -8px;
+  top: 22px;
+  display: block;
+  width: 0;
+  height: 0;
+  border-top: 6px solid transparent;
+  border-left: 8px solid #fff;
+  box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.16);
+  border-bottom: 6px solid transparent;
+} */
+
+/* .right-side-box .right-side-wx .slidePop img {
+  border-radius: 8px;
+  width: 120px;
+} */
+.right-side-box .right-side-wx .slidePop img {
+  width: 104px;
+  height: 104px;
+  margin: auto;
+  display: block;
+}
+
+/* .right-side-box .right-side-wx .slidePop p {
+  font-size: 14px;
+  text-align: center;
+} */
+.right-side-box .right-side-wx .slidePop p {
+  font-size: 14px;
+  line-height: 22px;
+  /* or 157% */
+  text-align: center;
+  /* Font/#1d1d1d */
+  color: #1D1D1D;
+  margin-top: 2px;
+}
+
+.right-side-box>.right-side-item:last-child {
+  margin-bottom: 0;
+}
+
+.right-side-box>.right-side-item {
+  width: 100%;
+  position: relative;
+  height: 56px;
+  /* margin: 6px 0; */
+  box-sizing: border-box;
+}
+
+
+.right-side-box>.right-side-item .white {
+  display: none;
+}
+
+.right-side-box>.right-side-item span {
+  display: none;
+}
+
+.right-side-box>.right-side-item .hover-open-box {
+  border-top-width: 0;
+  border-bottom-width: 0;
+  border-radius: 0;
+  width: 100%;
+}
+
+.right-side-box>.right-side-item.fix-b-w .hover-open-box {
+  border-bottom-width: 1px;
+  border-bottom-right-radius: 4px;
+  border-bottom-left-radius: 4px;
+}
+
+.right-side-box>.right-side-item:first-child .hover-open-box {
+  border-top-right-radius: 4px;
+  border-top-left-radius: 4px;
+  border-top-width: 1px;
+}
+
+.right-side-box>.right-side-item:first-child .hover-open-box:hover {
+  border-bottom-left-radius: 4px;
+}
+
+.right-side-box>.right-side-item:first-child::before {
+  content: none;
+}
+
+.right-side-box>.right-side-item:last-child .hover-open-box {
+  border-bottom-right-radius: 4px;
+  border-bottom-left-radius: 4px;
+  border-bottom-width: 1px;
+}
+
+.right-side-box>.right-side-item:last-child .hover-open-box:hover {
+  border-top-left-radius: 4px;
+}
+
+.right-side-box>.right-side-item:only-child .hover-open-box {
+  border-top-width: 1px;
+  border-bottom-width: 1px;
+  border-radius: 4px;
+}
+
+.right-side-box>.right-side-item:hover .hover-open-box {
+  z-index: 3;
+}
+
+.right-side-box>.right-side-item:hover .white {
+  display: inherit;
+}
+
+.right-side-box>.right-side-item:hover .white+div {
+  display: none;
+}
+
+.right-side-box>.right-side-item:hover span {
+  display: inherit;
+  color: white;
+}
+
+@media all and (-ms-high-contrast: none),
+(-ms-high-contrast: active) {
+  .right-side-box>.right-side-item:hover .hover-open-box {
+    background: inherit;
+    border: 1px solid #ECECEC;
+    z-index: inherit;
+  }
+
+  .right-side-box>.right-side-item:hover .white {
+    display: none;
+  }
+
+  .right-side-box>.right-side-item:hover .white+div {
+    display: inherit;
+  }
+
+  .right-side-box>.right-side-item:hover span {
+    display: none;
+  }
+}
+
+#zc__sdk__sys__btn {
+  display: none !important;
+}
+
+.icon-badge-number {
+  position: relative;
+  width: 100%;
+}
+
+.white.icon-badge-number::before {
+  top: 7px;
+  right: 5px;
+}
+
+.icon-badge-number::before {
+  content: attr(data-badge-number);
+  position: absolute;
+  top: -7px;
+  right: 2px;
+  font-size: 11px;
+  line-height: 15px;
+  min-width: 15px;
+  color: #fff;
+  background: #FB483D;
+  padding: 0 4px;
+  display: inline-block;
+  text-align: center;
+  white-space: nowrap;
+  border-radius: 40px;
+  box-sizing: border-box;
+}
+
+/* .right-side-box .back-to-up {
+  background-color: #b5b6ba;
+  border-radius: 50%;
+  width: 56px;
+  display: none;
+} */
+
+.right-side-box .back-to-up:hover {
+  /* background: #2cb7ca; */
+}
+
+.right-side-box .back-to-up {
+  width: 80px;
+  height: 72px;
+  background: linear-gradient(180deg, #F1F4F8 0%, #FEFEFF 100%);
+  border-width: 2px 0px 2px 2px;
+  border-style: solid;
+  border-color: #FFFFFF;
+  box-shadow: 0px 0px 20px rgba(8, 31, 38, 0.12);
+  border-radius: 12px 0px 0px 12px;
+  display: none;
+  box-sizing: border-box;
+  margin-top: 16px;
+}
+
+.silde-float {
+  position: absolute;
+  left: -210px;
+  min-width: 200px;
+  background: #fff;
+  border-radius: 8px;
+  box-shadow: 0px 0px 28px 0px rgb(0 0 0 / 16%);
+  z-index: 100;
+}
+
+.help-slide {
+  top: -29px;
+}
+
+.help-slide-top {
+  text-align: center;
+  line-height: 54px;
+  color: #1d1d1d;
+  font-size: 14px;
+  border-bottom: 1px solid #ececec;
+}
+
+.help-slide-bottom {
+  position: relative;
+  padding: 0 12px;
+  height: 38px;
+}
+
+.help-slide-bottom::after {
+  position: absolute;
+  content: '';
+  height: 38px;
+  width: 1px;
+  background-color: #ececec;
+  top: 0;
+  left: 49%;
+}
+
+.help-close {
+  position: absolute;
+  top: 4px;
+  right: 4px;
+  width: 18px;
+  height: 18px;
+  box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.08);
+  cursor: pointer;
+  opacity: 0.5;
+}
+
+.kf-phone {
+  display: none;
+  top: 6px;
+  /* color: #fff; */
+  /* background: #2cb7ca; */
+  /* line-height: 2.3;
+  font-size: 14px; */
+  font-size: 14px;
+  line-height: 22px;
+  /* or 157% */
+  /* Font/#1d1d1d */
+  left: -240px;
+  color: #1D1D1D;
+  padding: 12px 20px;
+  background: linear-gradient(180deg, #F1F4F8 0%, #FEFEFF 100%);
+  border: 2px solid #FFFFFF;
+  box-shadow: 0px 0px 20px rgba(8, 31, 38, 0.12);
+  border-radius: 8px;
+  box-sizing: border-box;
+}
+
+/* .kf-phone::after {
+  content: '';
+  position: absolute;
+  left: 32px;
+  top: -6px;
+  width: 0;
+  height: 0;
+  border-left: 6px solid transparent;
+  border-bottom: 8px solid #2cb7ca;
+  border-right: 6px solid transparent;
+} */
+
+.kf-phone-afternone::after {
+  display: none;
+}
+
+.right-side-box .right-side-pop:hover::after .kf-phone {
+  display: none;
+}
+
+#sideIcon {
+  position: absolute;
+  top: -108px;
+  right: 0;
+}
+
+/*--E-侧边样式--*/
+.jy_friendlink_content ul li {
+  position: relative;
+}
+
+.jy_friendlink_content ul li::after {
+  position: absolute;
+  content: '';
+  top: 50%;
+  right: 0;
+  width: 1px;
+  height: 10px;
+  margin-top: -4px;
+  background: rgba(255, 255, 255, 0.2);
+}
+
+.jy_friendlink_content ul li:last-child::after {
+  display: none;
+}
+
+.jy_classify_r .qr_box {
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  margin-top: 14px;
+}
+
+.qr_box div {
+  /* width: 64px;
+  height: 64px;
+  background: #FFFFFF;
+  border-radius: 4px;
+  display: flex;
+  justify-content: center;
+  align-items: center; */
+}
+
+.jy_classify_r .qr_box div img {
+  width: 64px;
+  height: 64px;
+  display: block;
+  border-radius: 4px;
+}
+
+.jy_classify_r .qr_box div p {
+  font-size: 12px;
+  line-height: 18px;
+  color: rgba(255, 255, 255, 0.8);
+  text-align: center;
+  margin-top: 3px;
+}
+
+.jy_classify_l::after {/* 覆盖公共样式 */
+  display: none!important;
+}
+.jy_classify_r{
+  /* position: relative; */
+  display: inline-block;
+  padding-left: 64px;
+  padding-right: 20px;
+  border-left: 1px solid rgba(255, 255, 255, 0.12);
+}
+.jy_classify_r_box{
+  display: inline-block;
+}
+/* .jy_classify_r::after{
+  position: absolute;
+  content: '';
+  top: 0;
+  left: -66px;
+  width: 1px;
+  height: 168px;
+  background: rgba(255, 255, 255, 0.12);
+  z-index: 9;
+
+} */
+
+.right-side-box {
+  display: none;
+}
+
+.mini-custom{
+  display: none;
+  position: fixed;
+  right: 84px;
+  bottom: 80px;
+  max-height: 674px;
+  min-height: 400px;
+  width: 460px;
+  height: calc(100% - 40px);
+  box-shadow: 0 0 20px 0 rgba(8, 31, 38, 0.12);
+  border-radius: 8px;
+  overflow: hidden;
+  z-index: 9999;
+}
+@media screen and (max-height: 800px) {
+  .mini-custom{
+    bottom: 20px;
+  }
+}

resource/staticres/css/tags-common.css

@@ -0,0 +1,206 @@
+/* 网站导航栏 logo、搜索*/
+.tags-site-nav {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 24px 0;
+}
+.tags-site-nav .nav-left{
+  display: flex;
+  align-items: center;
+}
+.tags-site-nav .site-logo{
+  display: flex;
+  align-items: center;
+}
+.tags-site-nav .jy-logo{
+  width: 48px;
+  height: 48px;
+  margin-right: 6px;
+}
+.tags-site-nav .site-name{
+  font-size: 24px;
+  color:#1d1d1d;
+  font-weight: 700;
+}
+.tags-site-nav .site-domain{
+  font-size: 12px;
+  line-height: 18px;
+  color:#686868;
+  letter-spacing: 3px;
+}
+.tags-site-nav .logo-line{
+  width: 1px;
+  height: 40px;
+  margin: 0 20px;
+  background: #e0e0e0;
+}
+.tags-site-nav .site-explain .site-explain-title{
+  font-size: 16px;
+  line-height: 24px;
+  color:#1d1d1d;
+}
+
+.tags-site-nav .site-explain .site-explain-text{
+  font-size: 14px;
+  line-height: 22px;
+  color:  #686868;
+}
+
+.tags-site-nav .go-home{
+  display: flex;
+  align-items: center;
+  padding: 3px 14px;
+  margin-left: 20px;
+  border: 1px solid #2ABED1;
+  border-radius: 4px;
+  background: #fff;
+  color: #2ABED1;
+  font-size: 14px;
+}
+.tags-site-nav .go-home > img{
+  width: 18px;
+  height: 18px;
+  margin-right: 4px;
+}
+.tags-site-nav .nav-search-form{
+  display: flex;
+  align-items: center;
+  width: 640px;
+  height: 36px;
+  border: 2px solid #2ABED1;
+  border-radius: 4px;
+}
+.tags-site-nav .nav-search-input{
+  display: flex;
+  align-items: center;
+  flex: 1;
+  padding: 0 16px;
+}
+.tags-site-nav .nav-search-input > i {
+  width: 20px;
+  height: 20px;
+}
+.tags-site-nav .nav-search-input > input{
+  height: 100%;
+  border: 0;
+  outline: 0;
+  margin-left: 8px;
+  font-size: 14px;
+}
+.tags-site-nav .nav-search-input > input::placeholder{
+  color: #999;
+}
+.tags-site-nav .nav-search-btn{
+  width: 100px;
+  height: 36px;
+  background: #2ABED1;
+  color: #fff;
+  font-size: 16px;
+  border: 0;
+  outline: 0;
+}
+.tags-site-nav .nav-hot-search{
+  display: flex;
+  margin-top: 2px;
+  font-size: 12px;
+  line-height: 22px;
+  color: #686868;
+}
+.tags-site-nav .search-list{
+  display: flex;
+  align-items: center;
+}
+.tags-site-nav .search-label{
+  margin-right: 8px;
+}
+.tags-site-nav .search-list-item{
+  margin-right: 20px;
+}
+/* 标讯导航栏 */
+.tags-bid-nav{
+  width: 100%;
+  height: 52px;
+  background: #2ABED1;
+}
+.tags-bid-nav .bid-nav-content{
+  display: flex;
+  align-items: center;
+  height: 100%;
+}
+.tags-bid-nav .bid-nav-content a{
+  display: inline-block;
+  width: 170px;
+  height: 100%;
+  font-size: 16px;
+  line-height: 24px;
+  font-weight: 700;
+  color: #fff;
+  text-align: center;
+}
+
+/* 热门推荐 */
+.hot-recommend{
+  width: 530px;
+  margin: 0 20px;
+  flex-shrink: 0;
+  border: 1px solid rgba(0, 0, 0, 0.05);
+  border-radius: 8px;
+}
+.hot-recommend .hot-card-header {
+  padding: 17px 20px 7px;
+  color: #2ABED1;
+  font-size: 16px;
+  line-height: 22px;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+}
+.hot-recommend .hot-card-main {
+  padding: 0 20px 20px;
+}
+.hot-recommend .hot-card-item{
+  display: flex;
+  align-items: center;
+  margin-top: 14px;
+}
+.hot-recommend .hot-card-main .hot-tips{
+  display: inline-block;
+  padding: 1px 8px;
+  margin-right: 10px;
+  border-radius: 4px;
+  font-size: 13px;
+  line-height: 20px;
+  color: #fff;
+  background: linear-gradient(rgba(255, 58, 32, 1), rgba(255, 99, 32, 1));
+}
+.hot-recommend .card-item-right{
+  flex: 1;
+  flex-shrink: 0;
+}
+.hot-recommend .card-item-right .item-title{
+  font-size: 14px;
+  color: #686868;
+  line-height: 22px;
+}
+.hot-recommend .card-item-right .item-title:hover{
+  color: #2ABED1;
+}
+.hot-recommend .card-item-right .item-info{
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-top: 8px;
+}
+.hot-recommend .card-item-right .item-tag{
+  padding: 1px 8px;
+  margin-right: 8px;
+  border-radius: 4px;
+  font-size: 12px;
+  line-height: 18px;
+  color: #686868;
+  background: #F5F5FB;
+  border: 1px solid #ececec;
+}
+.hot-recommend .card-item-right .item-time{
+  color: #999;
+  font-size: 12px;
+}

resource/staticres/js/common.js

@@ -0,0 +1,53 @@
+window.__helper = {
+    doLogin: function () {
+        return location.href = ('/notin/page?backTo=' + location.href);
+    },
+    doRegister: function () {
+        return location.href = ('/notin/page?backTo=' + location.href + '&type=register');
+    },
+    setCopyRightToBottom: function (url) {
+        var host = url || location.host
+        var nowCopyRightInfo = {
+            rule: '',
+            icp: ''
+        }
+        var copyRightMap = [
+            {
+                rule: 'jianyu360.cn',
+                icp: '京ICP备2021020018号-1'
+            },
+            {
+                rule: 'jianyu360.com.cn',
+                icp: '京ICP备2021020018号-2'
+            },
+            {
+                rule: 'jianyubiaoxun.cn',
+                icp: '京ICP备2021020018号-3'
+            },
+            {
+                rule: 'jianyu360.com',
+                icp: '京ICP备2021020018号-4'
+            }
+        ]
+        for(let i=0;i<copyRightMap.length;i++){
+            if (host.indexOf(copyRightMap[i].rule) !== -1) {
+                nowCopyRightInfo = copyRightMap[i]
+                break
+            }
+        }
+        var copyright = '<span>©2015-' + new Date().getFullYear() + ' ' +nowCopyRightInfo.rule+ ' 版权所有 | </span>' + '<a href="https://beian.miit.gov.cn" target="_blank">' + nowCopyRightInfo.icp + '</a>'
+        $('.copyright').html(copyright)
+    }
+}
+
+$(function () {
+    window.__helper.setCopyRightToBottom()
+    $(window.document).on('click', '*[data-quick-login]', function () {
+        var isRegister = $(this).attr('data-quick-login') === 'register'
+        if (isRegister) {
+            window.__helper.doRegister()
+        } else {
+            window.__helper.doLogin()
+        }
+    })
+})

resource/staticres/js/index.js

@@ -0,0 +1,55 @@
+var page = {
+  init: function () {
+    // if (areaSelector) {
+    //   areaSelector.init()
+    // }
+    this.calcCardLineText()
+    this.setAddBorder()
+    this.setColumnWithCard()
+  },
+  calcCardLineText: function () {
+    $('.section-card-line').each(function (index, dom) {
+      var $target = $(this)
+      var $oneMark = $target.find('.line-mark')
+      var cw = $target.width()
+      var lw = $oneMark.width()
+      var lwCount = Math.floor(cw / lw)
+      var fragment = document.createDocumentFragment()
+      var offset = 7
+      for (var i = 0; i < lwCount - offset; i++) {
+        fragment.appendChild($oneMark[0].cloneNode(true));
+      }
+      $target.html(fragment)
+    })
+  },
+  setAddBorder: function () {
+    $('.hot-recommend .cms-card').addClass('c-border')
+    $('.section-card.industry-news .cms-card').addClass('c-border')
+    $('.section-card.area-bidding-news .cms-card').addClass('c-border')
+  },
+  setColumnWithCard: function () {
+    var lastType = $('.supply-and-demand.need-column-2 .section-card-content').find('.cms-card:last-of-type')
+    var index = lastType.index()
+    if (index % 2 === 0) {
+      lastType.addClass('column-2')
+    }
+  }
+}
+
+$(function () {
+  page.init()
+  $(window).scroll(function() {
+    // 获取滚动条高度
+    var scrollTop = $(this).scrollTop();
+    var headerDOM = $('.header-module')
+    // 是否有header-transparent这个类名
+    var hasClassT = headerDOM.hasClass('transparent-header')
+    if(scrollTop >= 0) {
+        if (!hasClassT) return
+        headerDOM.removeClass('transparent-header')
+    }else {
+        if (hasClassT) return
+        headerDOM.addClass('transparent-header')
+    }
+  })
+})

resource/staticres/js/login.js

@@ -0,0 +1,194 @@
+var loginCom = {
+    hasLogin: false,
+    userInfo: {},
+    init: function () {
+        this.bindEvents()
+        this.updateUserInfo({
+            update: true,
+            name: '',
+            phone: '',
+            avatar: ''
+        })
+    },
+    bindEvents: function () {
+        var _this = this
+        //退出登录
+        $('#signout').click(function () {
+            _this.signout()
+        })
+    },
+    // 更新头像/昵称/手机号等信息
+    updateUserInfo: function (data) {
+        var _this = this
+        if (data.update) {
+            $.post("/jypay/user/getSimpleData", {}, function (result) {
+                if (result && result.userId) {
+                    _this.hasLogin = true
+                    _this.userInfo = result
+                    $('.nav-avatar.user-avatar').show()
+                    $('.work-link').show()
+                    $('.loginBtn').show()
+                    var userName = result.name ? (result.name === result.phone ? '' : result.name) : ''
+                    _this.updateUserInfo({
+                        update: false,
+                        name: userName,
+                        phone: result.phone,
+                        avatar: result.headImage || ''
+                    })
+                } else {
+                    _this.hasLogin = false
+                }
+                _this.toggleLoginDom(_this.hasLogin)
+                _this.loginedCallback(result)
+            })
+        } else {
+            $('*[data-user-name]').text(data.name || '')
+            $('*[data-user-phone]').text(data.phone || '')
+            $('img[data-user-avatar]').attr('src', data.avatar || '/common-module/public/image/auto.png')
+            $('img[data-user-avatar]').on('error', function () {
+                if ($(this).attr('src').indexOf('/common-module/public/image/auto.png') === -1) {
+                    $(this).attr('src', '/common-module/public/image/auto.png')
+                }
+            })
+        }
+    },
+    loginedCallback: function (r) {
+        var _this = this
+        if (r && r.userId) {
+            // 已经登录
+            _this.loginedHeaderCallback()
+            $('*[data-login-show]').show()
+            $('*[data-login-hide]').hide()
+            $('.page-main').css({
+              'margin-bottom': '48px'
+            })
+            try {
+                loginedCallback && loginedCallback()
+            } catch (error) {
+                console.warn(error)
+            }
+        } else {
+            _this.noLoginHeaderCallback()
+            $('*[data-nologin-show]').show()
+            $('*[data-nologin-hide]').hide()
+            $('.page-main').css({
+              'margin-bottom': '140px'
+            })
+            try {
+                noLoginCallback && noLoginCallback()
+            } catch (error) {
+                console.warn(error)
+            }
+        }
+    },
+    loginedHeaderCallback: function () {
+        $('.loginBtn.login').hide()
+        $('.nav-avatar.user-avatar').show()
+        $('.work-link').show()
+    },
+    noLoginHeaderCallback: function () {
+        $('.loginBtn.login').show()
+        $('.work-user-info').hide()
+        $('.nav-avatar.user-avatar').hide()
+        $('.work-link').hide()
+    },
+    signout: function () {
+        // clearInterval(oginfg);
+        var _this = this
+        this.hasLogin = false;
+        $(".control-tabBtn>a:first>font").text("招标搜索");
+        $(".control-tabBtn>a:eq(2)").addClass("hidden");
+        $(".control-tabBtn>a:eq(3)").addClass("hidden");
+        $(".superSearch").show();
+        $.post("/front/signOut", function (data) {
+            if (data == "ok") {
+                _this.clearLoginStorage(/-login-clear/)
+                _this.afterSignoutClearCookit();
+                $('.loginBtn').click()
+            }
+            window.localStorage.removeItem('bus-key-group-SCOPE')
+            window.localStorage.removeItem('noMesg')
+            // clearInterval(msgTimer)
+        })
+    },
+    clearLoginStorage: function (reg) {
+        this.clearObjKeyForRegFn(sessionStorage, reg)
+        this.clearObjKeyForRegFn(localStorage, reg)
+    },
+    afterSignoutClearCookit: function () {
+        try {
+            $.cookie("userid_secure", "", {expires: -1, path: "/", domain: document.domain.replace(/[^.]+/, "")});
+            $.cookie("klcn_value", "", {expires: -1, path: "/", domain: document.domain.replace(/[^.]+/, "")});
+        } catch (e) {
+            document.cookie = "userid_secure=;expires=-1;path=/";
+            document.cookie = "klcn_value=;expires=-1;path=/";
+        }
+    },
+    clearObjKeyForRegFn: function (obj, reg) {
+        if (obj) {
+            for (var k in obj) {
+                if (reg.test(k)) {
+                    obj.removeItem(k)
+                }
+            }
+        }
+    },
+    // 切换登录/未登录展示元素
+    toggleLoginDom: function (type) {
+        if (type) {
+            $("#login .loginBtn").hide()
+            $("#public-nav .nav-avatar").show()
+            $("#public-nav .work-link").show()
+            $("#public-nav .fl").addClass('fix-work')
+            // 客服入口显示
+            $('#go-customer-4').show()
+        } else {
+            $("#public-nav .nav-avatar").hide()
+            $("#public-nav .work-link").hide()
+            $("#public-nav .fl").removeClass('fix-work')
+            $("#login .loginBtn").show()
+            // 客服入口隐藏
+            $('#go-customer-4').hide()
+        }
+    },
+    /**
+     * 前往剑鱼客服
+     * conf.openNewWindow 新窗口打开
+     */
+    goCustomerUrl:function(conf) {
+        $.post({
+            url: '/jyapi/social/obtainShunt',
+            contentType: 'application/json',
+            data: JSON.stringify({type: 'PC', isFind: true}),
+            success: function(res) {
+                if (res && res.data && res.data.url) {
+                    // if (conf && conf.openNewWindow) {
+                    //     window.open(res.data.url)
+                    // } else {
+                    //     location.href = res.data.url
+                    // }
+                    var selfUrl = location.origin + res.data.url
+                    var url = location.origin + res.data.url + '&from=aside'
+                    var iframe = '<iframe id="custom-iframe" src="'  + url + '" name="_blank" marginwidth="0" marginheight="0"  frameborder="0" width="100%" height="100%"></iframe>'
+                    // 发送消息到 iframe
+                    $('#mini-custom').attr('data-src', selfUrl).prepend(iframe).show()
+                    return
+                }
+            }
+        })
+    },
+    /**
+     * 前往客服页面 （兼容旧业务逻辑，检查登录状态）
+     */
+    checkCustomerService:function () {
+        // 登录判断
+        if (this.hasLogin) {
+            this.goCustomerUrl()
+        }
+    }
+}
+
+
+$(function () {
+    loginCom.init()
+})

resource/staticres/js/pc-bottom.js

@@ -0,0 +1,269 @@
+function IEVersion() {
+    var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
+    var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1; //判断是否IE<11浏览器
+    var isEdge = userAgent.indexOf("Edge") > -1 && !isIE; //判断是否IE的Edge浏览器
+    var isIE11 = userAgent.indexOf('Trident') > -1 && userAgent.indexOf("rv:11.0") > -1;
+    if(isIE) {
+        var reIE = new RegExp("MSIE (\\d+\\.\\d+);");
+        reIE.test(userAgent);
+        var fIEVersion = parseFloat(RegExp["$1"]);
+        if(fIEVersion == 7) {
+            return 7;
+        } else if(fIEVersion == 8) {
+            return 8;
+        } else if(fIEVersion == 9) {
+            return 9;
+        } else if(fIEVersion == 10) {
+            return 10;
+        } else {
+            return 6;//IE版本<=7
+        }
+    } else if(isEdge) {
+        return 'edge';//edge
+    } else if(isIE11) {
+        return 11; //IE11
+    }else{
+        return -1;//不是ie浏览器
+    }
+}
+// console.info(IEVersion());
+IEVersion();
+if (IEVersion() != '-1' && IEVersion() != 'edge') {
+    var IEtips = document.getElementById('tips');
+    // IEtips.classList.remove('tips_none');
+    IEtips.style.display = "block";
+}
+function scrollSideIconHide(el) {
+    var sNode = $('#sideIcon')
+    var sTop = '50'
+    var scrollBox = $(el)
+    scrollBox.on('scroll', function () {
+        var nTop = scrollBox.scrollTop()
+        if (nTop > sTop) {
+            sNode.addClass('fadeOutRight')
+        } else {
+            sNode.removeClass('fadeOutRight')
+        }
+    })
+}
+
+
+
+$(function () {
+    scrollSideIconHide()
+    localStorage.removeItem('kf-shunt-data')
+})
+/**
+ * 全局客服事件拦截（用于旧客服业务 open-customer 改造）
+ */
+$(window).on('click', function (e) {
+    var openDom = $(e.target).hasClass('open-customer') || $(e.target).parents().hasClass('open-customer')
+    if (openDom) {
+        loginCom.checkCustomerService()
+        $(".icon-badge-number").removeAttr('data-badge-number');
+        var href = window.location.href;
+        var sourceStr =""
+        if (href.indexOf("/front/structed/pc_index.html?source=baidusem")>-1){//结构化数据
+            sourceStr="结构化数据-pc-baidusem";
+        }else if (href.indexOf("/bid/pc/page/bidfile_list?source=baidusem")>-1){//招标文件解读
+            sourceStr="招标文件解读-pc-baidusem";
+        }
+        if(sourceStr!=""){ _hmt && _hmt.push(['_trackEvent',sourceStr, 'click', '咨询客服'])};
+        try {
+            if ($(e.target).attr('id') === 'go-customer-1' || $(e.target).attr('id') === 'go-customer-2') {
+            } else {
+                $.get('/front/pc/sobot?t='+new Date().getTime() + '&q=右侧客服')
+                _hmt && _hmt.push(['_trackEvent','客服', 'click', '右侧客服']);
+            }
+        } catch (e) {
+            $.get('/front/pc/sobot?t=' + new Date().getTime() + '&q=右侧客服问题测试')
+            _hmt && _hmt.push(['_trackEvent','客服', 'click', '右侧客服问题测试']);
+            console.log('未初始化百度统计')
+        }
+    }
+})
+$(function () {
+    // 接收聊天子页面发来的消息
+    window.addEventListener('message', function(event) {
+      // 子页面发送来得消息是关闭或是全屏操作时 关闭当前侧边栏会话窗口
+      if (event.data && event.data.action) {
+        if (event.data.action === 'close') {
+          $('#mini-custom').removeAttr('data-src').hide()
+          $('#custom-iframe').remove()
+        } else if (event.data.action ==='fullScreen') {
+          var customerUrl = $('#mini-custom').attr('data-src')
+          $('#mini-custom').hide(function(){
+            $('#custom-iframe').remove()
+            $('#mini-custom').removeAttr('data-src')
+            window.open(customerUrl + '&mini=1')
+          })
+        }
+      }
+    }, false);
+    function getDomScreenHeight () {
+        var clientHeight = [document.documentElement.clientHeight, document.body.clientHeight, window.screen.availHeight, window.screen.height]
+        var minH = Math.min.apply(null, clientHeight)
+        return minH
+    }
+    $(window).scroll(function () {
+        // 侧边栏显示控制
+        if (typeof goBackTop_disBottom !== 'number') {
+            var metaValue = document.getElementsByTagName('meta')['data-backside']
+            if (metaValue) {
+                goBackTop_disBottom = Number(metaValue.getAttribute('content'))
+            } else {
+                goBackTop_disBottom = 484
+            }
+        }
+        var sideDom = $("div[data-backside]")
+        if (sideDom.attr('data-backside').length < 1) {
+            sideDom.attr('data-backside', sideDom.css('bottom'))
+        }
+        var hHeight = $("html").height()
+        hHeight = hHeight < $(document).height() ? $(document).height() : hHeight
+        var scrollDisBottom = hHeight - getDomScreenHeight() - $(window).scrollTop()
+        if (scrollDisBottom <= goBackTop_disBottom) {
+            sideDom.css({
+                bottom: (goBackTop_disBottom - scrollDisBottom) + 'px'
+            })
+        } else {
+            sideDom.css({
+                bottom: sideDom.attr('data-backside')
+            })
+        }
+        // 返回顶部显示控制
+        if ($(window).scrollTop() > 150) {
+            $("div[data-backtop]").show().prev().removeClass('fix-b-w')
+        } else {
+            $("div[data-backtop]").hide().prev().addClass('fix-b-w')
+        }
+    })
+    /* 返回顶部 */
+    function goBackTop(e) {
+        var setting = {
+            top: 0,
+            height: $(window).scrollTop() / 300 * 10
+        };
+        var test = setInterval(function () {
+            var height = $(window).scrollTop()
+            if (height === setting.top) {
+                document.querySelector('div[data-backtop]').style.display = 'none'
+                return clearInterval(test);
+            }
+
+            $(window).scrollTop($(window).scrollTop() - setting.height);
+        }, 10);
+    }
+    $("div[data-backtop]").off('click').on('click', goBackTop)
+    // 显示帮助弹框
+    $('#go-customer-4').click(function(){
+        $('.right-side-box .help-slide').fadeIn()
+    })
+    // 关闭帮助弹框
+    $('.right-side-box .help-close').off('click').on('click', function(e) {
+        e.stopPropagation()
+        $(this).parents('.help-slide').fadeOut()
+    })
+    // 客服
+    $('.help-slide-kf').off('click').on('click', function(e) {
+        e.stopPropagation()
+        $('.right-side-box .kf-phone').removeClass('kf-phone-afternone')
+        $('.right-side-box .kf-phone').toggle()
+    })
+    // 右侧图片客服
+    $('.right-side-pop').hover(function(e) {
+
+        $('.right-side-box .kf-phone').addClass('kf-phone-afternone')
+        $('.right-side-box .kf-phone').show()
+    },function() {
+        $('.right-side-box .kf-phone').hide()
+    })
+});
+;(function(){
+    // 动态设置copyright
+    function setCopyRightForBottom (url) {
+        var host = url || location.host
+        var nowCopyRightInfo = {
+            rule: '',
+            icp: ''
+        }
+        var copyRightMap = [
+            {
+                rule: 'jianyu360.cn',
+                icp: '京ICP备2021020018号-1'
+            },
+            {
+                rule: 'jianyu360.com.cn',
+                icp: '京ICP备2021020018号-2'
+            },
+            {
+                rule: 'jianyubiaoxun.cn',
+                icp: '京ICP备2021020018号-3'
+            },
+            {
+                rule: 'jianyu360.com',
+                icp: '京ICP备2021020018号-4'
+            }
+        ]
+        for(let i=0;i<copyRightMap.length;i++){
+            if (host.indexOf(copyRightMap[i].rule) !== -1) {
+                nowCopyRightInfo = copyRightMap[i]
+                break
+            }
+        }
+        var copyright = '©2015-' + new Date().getFullYear() + ' ' +nowCopyRightInfo.rule+ ' 版权所有 | ' + '<a style="color: inherit; font-size: inherit;" href="https://beian.miit.gov.cn/" target="_blank">' + nowCopyRightInfo.icp + '</a>'
+        $('.copyright').html(copyright)
+    }
+    setCopyRightForBottom()
+
+
+    $(".j-bottom .jy_province font").click(function(){
+        var scope = $(this).text();
+        areasearch(scope);
+    })
+    $(".j-bottom .jy_classify font").click(function(){
+        var stype = $(this).attr("data-value");
+        stypesearch(stype);
+    })
+})();
+function zbsqClose(){
+    $("#bidcommunity").modal("hide");
+}
+//
+function areasearch(scope){
+    $("#bottomform").remove();
+    $(".j-bottom").append('<form id="bottomform" action="/jylab/supsearch/index.html" method="post" class="hide" ><input type="hidden" name="area" value="'+scope+'"></form>');
+    $("#bottomform").submit();
+}
+//
+function stypesearch(stype){
+    $("#bottomform").remove();
+    $(".j-bottom").append('<form id="bottomform" action="/jylab/supsearch/index.html" method="post" class="hide" ><input type="hidden" name="subtype" value="'+stype+'"></form>');
+    $("#bottomform").submit();
+}
+//
+function zbSeatch(id){
+    var pathname = window.location.pathname;
+    if (pathname.indexOf("supsearch/index.html")>0){
+        $("#"+id).attr("action",pathname);
+    }
+    $("#"+id).submit();
+}
+
+$("#zbSeatchB [name='keywords']").on("input propertychange",function(){
+    if($(this).val().length > 0){
+        $("#b-clear").show();
+    }else{
+        $("#b-clear").hide();
+    }
+});
+$("#b-clear").click(function(){
+    $("#b-clear").hide();
+    $("#zbSeatchB [name='keywords']").val("").focus();
+});
+
+var tjhost = location.host;
+var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1261815924'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s11.cnzz.com/z_stat.php%3Fid%3D1261815924' type='text/javascript'%3E%3C/script%3E"));
+setTimeout(function(){
+    $("#cnzz_stat_icon_1261815924 a").text("");
+},1000)

resource/staticres/js/pc-header.js

@@ -0,0 +1,40 @@
+(function() {
+  // 导航栏展示/关闭
+  $(".header-right .header-right-list").bind("mouseenter",function(){
+    var l = $(this).find('.jynav-list').length;
+    if(l >= 0){
+      $(this).find('.jynav-list-title').css('color', '#2cb7ca')
+      $(this).find('.jynav-list-title').addClass('set-after')
+      $(this).find('.jynav-list').toggle()
+      $(this).siblings().find('.jynav-list').hide()
+      var hasClass =  $(this).find('.jynav-list').hasClass('case-row-group')
+      if(hasClass) {
+        $(this).find('.jynav-list.case-row-group').css('display', 'flex')
+      }
+    }
+  })
+  $(".header-right .header-right-list").bind("mouseleave",function(){
+    $(this).find('.jynav-list-title').css('color', '#1D1D1D')
+    $(this).find('.jynav-list-title').removeClass('set-after')
+    $(".header-right .header-right-list").find('.jynav-list').hide()
+  })
+
+  //隐藏弹窗
+  function hideUserInfoPop (time) {
+    clearTimeout(window.hideUserInfoTm)
+    window.hideUserInfoTm = setTimeout(function () {
+      $(".work-user-info").hide()
+    }, time || 0)
+  }
+  function addPopListener (selector, time) {
+    $(selector).mouseenter(function () {
+      clearTimeout(window.hideUserInfoTm)
+      $(".work-user-info").show()
+    })
+    $(selector).mouseleave(function () {
+      hideUserInfoPop(time)
+    })
+  }
+  addPopListener('.work-user-info')
+  addPopListener('.nav-avatar', 500)
+})()

resource/staticres/js/seo-pagination.js

@@ -0,0 +1,84 @@
+$(function () {
+  var SEOPagination = {
+      data: {
+          pageNum: 1, // 当前页码
+          pageTotal: 1, // 总共多少页面
+      },
+      el: '.seo-pagination',
+      $el: '',
+      init: function () {
+          this.initVars()
+          this.addJumpDOM()
+          this.initData()
+          this.initEvents()
+      },
+      initVars: function () {
+          this.$el = $(this.el)
+      },
+      initData: function () {
+          var pager = this.$el.find('.el-pager')
+          this.data.pageNum = pager.attr('data-page-num') - 0
+          this.data.pageTotal = pager.attr('data-page-total') - 0
+      },
+      initEvents: function () {
+          // quicknext事件
+          $('.seo-pagination .prev-more, .seo-pagination .next-more').on('mouseover', function () {
+              var $this = $(this)
+              if ($this.hasClass('prev-more')) {
+                  $this.find('.el-icon').removeClass().addClass('el-icon el-icon-d-arrow-left')
+              } else {
+                  $this.find('.el-icon').removeClass().addClass('el-icon el-icon-d-arrow-right')
+              }
+          }).on('mouseleave', function () {
+              var $this = $(this)
+              $this.find('.el-icon').removeClass().addClass('el-icon el-icon-more')
+          })
+          this.jumpDOMEvents()
+      },
+      addJumpDOM: function () {
+          var jumpDOM = '<span class="el-pagination__jump">跳到<div class="el-input el-pagination__editor is-in-pagination"><input type="number" autocomplete="off" min="1" max="70" class="el-input__inner"></div>页<span class="el-pagination__confirm">确定</span></span>'
+          this.$el.find('.el-pager').after(jumpDOM)
+      },
+      jumpDOMEvents: function () {
+          var _this = this
+          this.$el.find('.el-input__inner').on('keydown', function (e) {
+              // 回车事件
+              if (e.keyCode === 13) {
+                  _this.doPageChange()
+              }
+          })
+          this.$el.find('.el-pagination__confirm').on('click', function (e) {
+              _this.doPageChange()
+          })
+      },
+      // 获取jump输入框内数组
+      getJumpNum: function () {
+          return this.$el.find('.el-input__inner').val() - 0
+      },
+      doPageChange: function () {
+          // 计算页码
+          var nextPageNum = this.getJumpNum()
+          var pageTotal = this.data.pageTotal
+          var pageNum = this.data.pageNum
+          if (nextPageNum <= 0) {
+              nextPageNum = 1
+          } else if (nextPageNum === pageNum) {
+              // 不做任何操作
+              return
+          } else if (nextPageNum > pageTotal) {
+              nextPageNum = pageTotal
+          }
+          this.onPageChange(nextPageNum)
+      },
+      onPageChange: function (p) {
+          console.log(p)
+          try {
+              onSEOPaginationChange && onSEOPaginationChange(p)
+          } catch (error) {
+              console.warn(error)
+          }
+
+      }
+  }
+  SEOPagination.init()
+})

resource/template/pc/area_index.html

@@ -3,8 +3,173 @@
 <head>
     <meta charset="UTF-8">
     <title>Title</title>
+    <meta name="Keywords" content=''/>
+    <meta name="Description" content=''/>
+    <meta name="applicable-device" content="pc" />
+    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,initial-scale=1.0" user-scalable="no" />
+    <link href="//cdn-common.jianyu360.com/cdn/lib/reset-css/5.0.1/reset.min.css" rel="stylesheet" type="text/css" />
+    <link href="https://cdn-common.jianyu360.com/cdn/lib/bootstrap/4.5.0/bootstrap.min.css" rel="stylesheet" type="text/css" />
+    <link href='/jybx/css/common.css?v=' rel="stylesheet" type="text/css" />
+    <link href='/jybx/css/icons.css?v=' rel="stylesheet" type="text/css" />
+    <link href='/jybx/css/header.css?v=' rel="stylesheet">
+    <link href='/jybx/css/tags-common.css?v=' rel="stylesheet">
+    <link href='/jybx/css/card.css?v=' rel="stylesheet" type="text/css" />
+    <link href='/jybx/css/index.css?v=' rel="stylesheet" type="text/css" />
+    <script src="https://cdn-common.jianyu360.com/cdn/lib/jquery/3.6.0/jquery.min.js"></script>
+    <script src="/common-module/public/head.js"></script>
 </head>
 <body>
-
+  <div class="page-container">
+    <header class="page-header">
+      <!-- 顶部导航 -->
+      {{include "pc/common/header.html" .}}
+    </header>
+    <main class="page-main">
+      <!-- 顶部网站导航 -->
+      {{include "pc/components/tags-site-nav.html" .}}
+      <!-- 标讯导航 -->
+      {{include "pc/components/tags-bid-nav.html" .}}
+      <section class="w page-main-container page-main-1" style="height: 386px;">
+        <!-- 广告位配置 -->
+        <section class="area-ad-container"></section>
+        <!-- 热门项目推荐 -->
+        {{include "pc/components/tags-hot-recommend.html" .}}
+        <!-- 广告位 -->
+        <section class="action-ad-right">
+          <div class="btn-action" data-nologin-show>
+            <a class="btn color-main" id="login"  href="javascript:void(0);" data-quick-login="login">注册/登录</a>
+          </div>
+          <div class="action-words">
+            <h2 class="words-title">注册后即可免费享受权益</h2>
+            <p class="words-text">免费搜索标讯 - <span>不限次、行业、地区</span></p>
+            <p class="words-text">免费查看标讯 - <span>不限次、不遮挡</span></p>
+            <p class="words-text">免费订阅商机 - <span>52分钟极速推送商机</span></p>
+            <p class="words-text">免费监控企业/项目 - <span>跟踪10个企业/项目动态</span></p>
+          </div>
+          <div class="action-ad-img">
+            <img src="/jybx/images/feature-aside.png" alt="" width="288" height="198" />
+          </div>
+        </section>
+      </section>
+      <section style="margin-top: 20px;" class="w">
+        {{include "pc/components/ad-common.html" .}}
+      </section>
+      <!-- 省招标类型列表 -->
+      <section class="w page-main-container">
+        <section class="section-card column-3">
+          <main class="section-card-content">
+            {{include "pc/components/tags-seo-card.html"}}
+            {{include "pc/components/tags-seo-card.html"}}
+            {{include "pc/components/tags-seo-card.html"}}
+            {{include "pc/components/tags-seo-card.html"}}
+            {{include "pc/components/tags-seo-card.html"}}
+            {{include "pc/components/tags-seo-card.html"}}
+          </main>
+        </section>
+      </section>
+      <section style="margin-top: 20px;" class="w">
+        {{include "pc/components/ad-common.html" .}}
+      </section>
+      <!-- 地区招标类型列表-->
+      <section class="w page-main-container">
+        <section class="section-card column-3">
+          <main class="section-card-content">
+            {{include "pc/components/tags-seo-card.html"}}
+            {{include "pc/components/tags-seo-card.html"}}
+            {{include "pc/components/tags-seo-card.html"}}
+            {{include "pc/components/tags-seo-card.html"}}
+            {{include "pc/components/tags-seo-card.html"}}
+            {{include "pc/components/tags-seo-card.html"}}
+          </main>
+        </section>
+      </section>
+      <!-- 相关网站 -->
+      <section class="w related-site">
+        <header class="link-header">
+          <h2>/ 相关网站</h2>
+          <span class="slash"></span>
+        </header>
+        <main>
+          <section class="link-container link-border">
+            <h3 class="link-title">山东省招标网简介</h3>
+            <p class="link-desc">剑鱼标讯官网山东公共资源交易专栏，提供最新的山东免费公共交易资源信息、相关招标公告、中标公告和招标采购等内容，免费进行信息搜索查询、订阅推送和数据定制化服务，每天实时更新山东公共资源交易信息，随时随地免费查看。 </p>
+          </section>
+          <section class="link-container link-border">
+            <h3 class="link-title">山东招标网热门行业招标</h3>
+            <ul class="link-list">
+              <li><a href="#" class="link-item">山东建筑工程招标信息</a></li>
+              <li><a href="#" class="link-item">山东行政办公招标信息</a></li>
+              <li><a href="#" class="link-item">山东建筑工程招标信息</a></li>
+              <li><a href="#" class="link-item">山东行政办公招标信息</a></li>
+              <li><a href="#" class="link-item">山东建筑工程招标信息</a></li>
+              <li><a href="#" class="link-item">山东行政办公招标信息</a></li>
+              <li><a href="#" class="link-item">山东建筑工程招标信息</a></li>
+              <li><a href="#" class="link-item">山东行政办公招标信息</a></li>
+            </ul>
+          </section>
+          <section class="link-container">
+            <h3 class="link-title">山东招标网相关城市</h3>
+            <ul class="link-list">
+              <li><a href="#" class="link-item">滨州招标网</a></li>
+              <li><a href="#" class="link-item">滨州招标网</a></li>
+              <li><a href="#" class="link-item">滨州招标网</a></li>
+              <li><a href="#" class="link-item">滨州招标网</a></li>
+              <li><a href="#" class="link-item">滨州招标网</a></li>
+              <li><a href="#" class="link-item">滨州招标网</a></li>
+              <li><a href="#" class="link-item">滨州招标网</a></li>
+              <li><a href="#" class="link-item">滨州招标网</a></li>
+              <li><a href="#" class="link-item">滨州招标网</a></li>
+              <li><a href="#" class="link-item">滨州招标网</a></li>
+              <li><a href="#" class="link-item">滨州招标网</a></li>
+              <li><a href="#" class="link-item">滨州招标网</a></li>
+            </ul>
+          </section>
+          <section class="link-container">
+            <h3 class="link-title">剑鱼标讯分站</h3>
+            <ul class="link-list">
+              <li><a href="#" class="link-item">上海招标网</a></li>
+              <li><a href="#" class="link-item">江苏招标网</a></li>
+              <li><a href="#" class="link-item">浙江招标网</a></li>
+              <li><a href="#" class="link-item">安徽招标网</a></li>
+              <li><a href="#" class="link-item">上海招标网</a></li>
+              <li><a href="#" class="link-item">江苏招标网</a></li>
+              <li><a href="#" class="link-item">浙江招标网</a></li>
+              <li><a href="#" class="link-item">安徽招标网</a></li>
+              <li><a href="#" class="link-item">上海招标网</a></li>
+              <li><a href="#" class="link-item">江苏招标网</a></li>
+              <li><a href="#" class="link-item">浙江招标网</a></li>
+              <li><a href="#" class="link-item">安徽招标网</a></li>
+            </ul>
+          </section>
+        </main>
+      </section>
+      <!-- 友情链接 -->
+      <section class="w friend-link">
+        <header class="link-header friend-header">
+          <h2>/ 友情链接</h2>
+          <span class="slash"></span>
+        </header>
+        <main class="friend-main">
+          <section class="link-container">
+            <ul class="link-list">
+              <li><a href="#" class="link-item ellipsis">山东信诚公路工程监</a></li>
+              <li><a href="#" class="link-item ellipsis">山东信诚公路工程监</a></li>
+              <li><a href="#" class="link-item ellipsis">山东信诚公路工程监</a></li>
+              <li><a href="#" class="link-item ellipsis">山东信诚公路工程监</a></li>
+              <li><a href="#" class="link-item ellipsis">山东信诚公路工程监</a></li>
+              <li><a href="#" class="link-item ellipsis">山东信诚公路工程监</a></li>
+              <li><a href="#" class="link-item ellipsis">山东信诚公路工程监</a></li>
+            </ul>
+          </section>
+        </main>
+      </section>
+    </main>
+    <footer class="page-footer">
+      <!-- include 底部 -->
+    </footer>
+  </div>
+  <script src="https://cdn-common.jianyu360.com/cdn/lib/bootstrap/4.5.0/bootstrap.min.js"></script>
+  <script src='/jybx/js/common.js?v='></script>
+  <script src='/jybx/js/index.js?v='></script>
 </body>
 </html>

resource/template/pc/common/empty.html

@@ -0,0 +1,8 @@
+<div class="empty-container">
+  <div class="empty-content-position">
+      <div class="image">
+          <img src="/jybx/images/jy-back.png"  alt="empty">
+      </div>
+      <div class="empty-tip-text">暂无数据</div>
+  </div>
+</div>

resource/template/pc/common/header.html

@@ -0,0 +1,70 @@
+<header class="header-module">
+  <div class="header-common w">
+    <div class="header-left">
+      <img class="img-home" src="/jybx/images/icon/icon-home.png" alt="首页">
+      <a class="home-title" href="/">首页</a>
+      <span class="home-message">欢迎来到剑鱼标讯</span>
+      <div class="home-site">
+        <button class="site-btn">各省分站</button>
+        <div class="site-dropdown-panel">
+          <header class="dropdown-header">当前地区：</header>
+          <ul class="dropdown-content">
+            <li class="dropdown-list">
+              <strong class="list-lable">华北：</strong>
+              <a class="list-value" href="#">北京</a>
+              <a class="list-value" href="#">天津</a>
+              <a class="list-value" href="#">河北</a>
+              <a class="list-value" href="#">山西</a>
+              <a class="list-value" href="#">内蒙古</a>
+            </li>
+          </ul>
+        </div>
+      </div>
+    </div>
+    <nav class="header-right">
+      <ul>
+        <li class="header-right-list">
+          <a class="jynav-list-title" href="javascript:void(0);" data-toggle="modal" data-target="#downloadApp">APP下载</a>
+        </li>
+        <li class="header-right-list">
+          <a class="jynav-list-title"  href="javascript:;">剑鱼学堂</a>
+          <!--子菜单竖展示-->
+          <div class="jynav-list jy-rember">
+            <span name="">
+              <a href="javascript:;">
+                  <div class="time-free"></div>
+              </a>
+            </span>
+          </div>
+        </li>
+        <li class="header-right-list">
+          <a class="jynav-list-title"  href="javascript:;">帮助中心</a>
+        </li>
+      </ul>
+      <div class='useronline' id="login" style="float:left;">
+        <a style="display: none;" href="javascript:void(0);" data-quick-login="login" class='loginBtn login' data-toggle='modal'>注册/登录</a>
+        <img style="display: none;" class="nav-avatar user-avatar" data-user-avatar alt="头像">
+        <div class="work-user-info" style="display: none">
+          <div class="info-group">
+            <img  class="user-avatar" data-user-avatar>
+            <span data-user-name></span>
+            <span data-user-phone></span>
+          </div>
+          <div id="signout" class="out-button">退出登录</div>
+        </div>
+      </div>
+      <a href="/page_workDesktop/" class="work-link" style="float:left;display: none;">立即使用</a>
+    </nav>
+  </div>
+</header>
+<!-- Modal -->
+<div class="modal fade" id="downloadApp" tabindex="-1" aria-labelledby="downloadApp" aria-hidden="true">
+  <div class="modal-dialog">
+    <div class="download-scan-group">
+      <img src='/jybx/images/download-app.png?v=' alt="下载APP">
+      <div class="close-icon"></div>
+    </div>
+  </div>
+</div>
+<script src='/jybx/js/login.js?v='></script>
+<script src='/jybx/js/pc-header.js?v='></script>

resource/template/pc/components/ad-common.html

@@ -0,0 +1,8 @@
+<link rel="stylesheet" href="/jybx/css/pc-ad-common.css?v=">
+<div class="ad-common">
+  <div class="ad-common-main">
+    <a arget="_blank">
+      <img class="ad-common-img" src='https://web2-qmxtest.jydev.jianyu360.com/upload/2023/06/26/2023062616124100679pzBewv.png' alt="">
+    </a>
+  </div>
+</div>

resource/template/pc/components/tags-bid-nav.html

@@ -0,0 +1,19 @@
+<section class="tags-bid-nav">
+  <ul class="bid-nav-content w">
+    <li>
+      <a href="#">山东招标网首页</a>
+    </li>
+    <li>
+      <a href="#">济南济南市招标信息</a>
+    </li>
+    <li>
+      <a href="#">青岛市招标信息</a>
+    </li>
+    <li>
+      <a href="#">德州市招标信息</a>
+    </li>
+    <li>
+      <a href="#">淄博市招标信息</a>
+    </li>
+  </ul>
+</section>

resource/template/pc/components/tags-hot-recommend.html

@@ -0,0 +1,24 @@
+<section class="hot-recommend">
+  <div class="hot-card">
+   <header class="hot-card-header">山东热门招标</header>
+   <div class="hot-card-main">
+     <ul>
+       <li class="hot-card-item">
+         <div class="card-item-left">
+           <span class="hot-tips">荐</span>
+         </div>
+         <div class="card-item-right">
+           <a class="item-title ellipsis" href="#" title="" target="_blank">青岛广大建发环保能源有限公司零星危险废物委托处置服务终止公告</a>
+           <div class="item-info">
+             <p>
+               <span class="item-tag">山东-青岛市</span>
+               <span class="item-tag">终止公告</span>
+             </p>
+             <span class="item-time">2019-09-30 </span>
+           </div>
+         </div>
+       </li>
+     </ul>
+   </div>
+  </div>
+</section>

resource/template/pc/components/tags-seo-card.html

@@ -0,0 +1,14 @@
+<section class="cms-card">
+    <header class="cms-card-header">
+        <h3 class="cms-card-title">山东建筑工程招标</h3>
+        <a class="cms-card-header-right pointer highlight-text cms-link" href="" target="_blank">MORE</a>
+    </header>
+    <main class="cms-card-content cms-card-list clearfix">
+        <p class="cms-card-list-item">
+            <a class="cms-card-list-item-left cms-link ellipsis" target="_blank" title="" href="" target="_blank">【中标公告】上海对外经贸大学智慧教室改造</a>
+            <span class="cms-card-list-item-right">06-06</span>
+        </p>
+    </main>
+    <!-- include空组件 -->
+    <!-- <main class="cms-card-content cms-card-list empty"></main> -->
+</section>

resource/template/pc/components/tags-site-nav.html

@@ -0,0 +1,109 @@
+<section class="tags-site-nav w">
+  <div class="nav-left">
+    <div class="site-logo">
+      <img class="jy-logo" src="/jybx/images/jy-logo.png" alt="logo">
+      <div class="site-info">
+        <h1 class="site-name">山东招标网</h1>
+        <p class="site-domain">sd.jianyu360.cn</p>
+      </div>
+    </div>
+    <!-- 首页、列表页显示 -->
+    <div class="logo-line"></div>
+    <div class="site-explain">
+      <h3 class="site-explain-title">剑鱼标讯旗下网站</h3>
+      <p class="site-explain-text">免费热线：<span class="highlight-text">400-108-6670</span></p>
+    </div>
+    <!-- 三级页显示 -->
+    <!-- <a href="/" class="go-home">
+      <img class="img-home" src="/jybx/images/icon/icon-home.png" alt="首页">
+      <span>前往首页</span>
+    </a> -->
+  </div>
+  <div class="nav-right">
+    <form class="nav-search-form" id="nav-search-form" method="post" action="/jylab/supsearch/index.html" target="stop" onsubmit="return false">
+      <div class="nav-search-input">
+        <i class="j-icon jy-icon-search"></i>
+        <input type="text" name="keywords" placeholder="请输入您要查询的内容" autocomplete="off">
+      </div>
+      <button class="nav-search-btn" type="button">搜索</button>
+    </form>
+    <div class="nav-hot-search">
+      <strong class="search-label">热门搜索：</strong>
+      <ul class="search-list">
+        <li class="search-list-item">
+          <a href="#">建筑工程</a>
+        </li>
+        <li>
+          <a href="#">造价咨询</a>
+        </li>
+      </ul>
+    </div>
+  </div>
+</section>
+<script>
+  /**
+   * 打开工作桌面链接
+   * @param options
+   * @param {string} [options.link] - 链接
+   * @param {string} [options.appType=iframe] - [iframe，qiankun] 打开类型
+   * @param {string} [options.openType=outer] - [_blank，replace，outer] 打开方式
+   */
+  function openWorkBenchLink (options) {
+    var workBase = '/page_workDesktop/work-bench/'
+    options.appType = options.appType || 'iframe'
+    options.openType = options.openType || 'outer'
+    var toHref = options.link
+    switch (options.appType) {
+      case 'iframe': {
+        toHref = workBase + 'page?link=' + location.origin + options.link
+        break
+      }
+      case 'qiankun': {
+        toHref = workBase + 'app' + options.link
+        break
+      }
+    }
+    switch (options.openType) {
+      case '_blank': {
+        window.open(toHref)
+        break
+      }
+      case 'replace': {
+        if (window !== window.parent) {
+          window.parent.location.replace(toHref)
+        } else {
+          location.replace(toHref)
+        }
+        break
+      }
+      case 'outer': {
+        if (window !== window.parent) {
+          window.parent.location.href = toHref
+        } else {
+          location.href = toHref
+        }
+        break
+      }
+    }
+  }
+  function onsubmit () {
+    if(!loginCom.hasLogin){
+      window.open('/jylab/supsearch/index.html' + '?' + $('#nav-search-form').serialize() + '&searchvalue=&selectType=title')
+    } else {
+      openWorkBenchLink({
+        link: '/jylab/supsearch/index.html' + '?' + $('#nav-search-form').serialize() + '&searchvalue=&selectType=title',
+        openType: '_blank'
+      })
+    }
+  }
+  $(function() {
+    $('.nav-search-input').keydown(function(e) {
+      if (e.keyCode === 13) {
+        onsubmit()
+      }
+    })
+    $('.nav-search-btn').click(function(){
+      onsubmit()
+    })
+  })
+</script>