移动目录

nngkxxdp/src/main/resources/static/mxt/css/index.css

@@ -1,926 +1,650 @@
-*{
-	margin: 0;
-	padding: 0;
-}
-
-body {
-	width: 1200px;
-	padding: 15px;
-	box-sizing: border-box;
-}
-ul {
-	position: relative;
-}
-li {
-	list-style: none;
+/* 头部 */
+.header {
+    width: 100%;
+    height: 683px;
+    background-image: url(../images/bg-header.png);
+    background-size: 100% 100%;
+    font-size: 16px;
+    color: #FFFFFF;
+    padding-top: 20px;
 }
 
-@font-face {
-	font-family: ZhenyanGB;
-	src: url('../font/RUIZIZHENYANTIMIANFEISHANGYONG-2.TTF');
+.header .top,
+.header .banner {
+    display: flex;
+    justify-content: space-between;
 }
 
-.topic {
-    height: 60px;
-    line-height: 52px;
-    font-size: 28px;
-    font-family: Microsoft YaHei;
-    font-weight: bold;
-    color: #2975CD;
-    text-align: center;
-	position: relative;
+.header .top .left a {
+    color: #FFFFFF;
 }
 
-.topic .left {
-	color: #333333;
+.header .top .right {
+    width: 548px;
+    display: flex;
+    justify-content: space-between;
 }
 
-.naqxmtfbt {
-	position: absolute;
-	top: 0;
-	left: 437px;
+.header .banner {
+    margin-top: 40px;
 }
 
-.topic .right {
-	float: right;
-	line-height: 70px;
-	font-size: 16px;
+.header .banner ul {
+    width: 801px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
 }
 
-.line {
-    width: 100%;
-    height: 2px;
-    background-color: rgba(46,119,198, 0.8);
+.header .search {
+    width: 739px;
+    color: #FFFFFF;
     position: relative;
+    margin-top: 255px;
 }
 
-.line::before {
-    content: " ";
-    display: inline-block;
-    width: 264px;
-    height: 6px;
-    background-color: #2775CC;
-    border-radius: 5px;
-    position: absolute;
-    top: -5px;
-    left: 431px;
-    box-shadow: 1px 4px 5px #2775cc;
+.header .search input {
+    width: 739px;
+    height: 70px;
+    background: rgb(255 255 255 / 54%);
+    border-radius: 35px;
+    font-size: 20px;
+    padding-left: 36px;
+    box-sizing: border-box;
 }
 
-.naxmtfbt::before {
-	content: " ";
-	display: inline-block;
-	width: 264px;
-	height: 6px;
-	background-color: #2775CC;
-	border-radius: 5px;
-	position: absolute;
-	top: -5px;
-	left: 431px;
-	box-shadow: 1px 4px 5px #2775cc;
+.header .search input::placeholder {
+    color: #FFFFFF;
 }
 
-.block-contanier {
-	width: 100%;
-	overflow: hidden;
-}
-
-.box-contanier {
-	width: 100%;
-	display: flex;
-	flex-wrap: wrap;
-	justify-content: space-between;
-}
-
-.nafb_box {
-	width: 100%;
-	display: flex;
-	flex-wrap: wrap;
-	justify-content: space-between;
-}
-
-.box-contanier>.box-item:nth-child(3) {
-	display: none;
-}
-
-.box-contanier>.box-item:nth-child(4) {
-	display: none;
+.header .search button {
+    width: 128px;
+    height: 60px;
+    background: linear-gradient(76deg, #52DDF4, #39AFF6);
+    border-radius: 30px;
+    color: #FFFFFF;
+    position: absolute;
+    right: 5px;
+    top: 5px;
+    font-size: 20px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+/* 公共 */
+.cont-width {
+    width: 1400px;
+    background: #FFFFFF;
+    box-shadow: 0px 7px 24px 5px rgba(36, 60, 81, 0.08);
+    margin: 40px auto;
+    padding: 35px 44px;
+    box-sizing: border-box;
+}
+
+.cont-width .title {
+    background-size: 100% 100%;
+    height: 23px;
+    line-height: 23px;
+    text-align: center;
+    font-size: 24px;
+    font-weight: bold;
+    color: #1458B4;
+}
+
+/* 二维码 */
+.codeBig {
+    width: 246px;
+    height: 269px;
+    font-size: 18px;
+    color: #FFFFFF;
+    background: rgb(60 92 134 / 94%);
+    box-shadow: 0px 7px 7px 1px rgba(42, 104, 187, 0.16);
+    border-radius: 10px;
+    position: absolute;
+    padding: 10px;
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: space-evenly;
 }
 
-.box-contanier>.box-item:nth-child(5) {
-	display: none;
+.codeBig img {
+    width: 158px;
 }
 
-.box-contanier>.box-item:nth-child(6) {
-	display: none;
+.codeBig .line {
+    width: 58px;
+    height: 1px;
+    background: #FFFFFF;
 }
-
-.box-nav {
-	width: 100%;
-	height: 55px;
-	background-color: #F2F2F2;
-	margin-top: 15px;
+/* 第一部分 */
+.first {
+    /*margin-top: -152px;*/
 }
 
-.box-nav li {
-	width: 13%;
-	height: 21px;
-	list-style: none;
-	padding: 18px 10px;
-	text-align: center;
-	color: #333333;
-	cursor: pointer;
-	font-weight: 600;
-    font-family: 微软雅黑;
+.first .left .list li {
+    font-size: 20px;
+    color: #203C50;
     position: relative;
-	float: left;
-	font-size: 16px;
-}
-
-.box-nav>li:nth-child(1) {
-	width: 22%;
+    width: 333px;
+    height: 76px;
+    background: #F4FAFF;
+    border-radius: 10px;
+    display: flex;
+    align-items: center;
+    margin-top: 20px;
+    cursor: pointer;
 }
 
-.box-nav>li:nth-child(6) {
-	width: 14%;
+.first .left .list li.click {
+    background: linear-gradient(264deg, #78C5FC, #4CA0F6);
+    font-weight: bold;
+    color: #FFFFFF;
 }
 
-.box-nav li.active {
-	height: 25px;
-	background-color: #176AB7;
-	color: #FFFFFF;
-	font-weight: 400;
+.first .left .list li img:first-child {
+    width: 52px;
+    height: 52px;
+    margin: auto 18px;
 }
 
-.box-nav li:hover{
-	font-size: 18px;
+.first .left .list li .code {
+    width: 33px;
+    height: 26px;
+    position: absolute;
+    top: 0;
+    right: 0;
 }
 
-.box-nav li i {
-	background: url(../img/m3-icon8.png)  no-repeat;
-	position: absolute;
-	width: 4px;
-    height: 6px;
+.first .left .list li .arrow {
+    width: 0;
+    height: 0;
+    border-top: 22px solid transparent;
+    border-bottom: 22px solid transparent;
+    border-right: 22px solid #F2F9FF;
     position: absolute;
-    bottom: 0;
-    right: -4px;
+    right: -32px;
+    cursor: auto;
 }
-
-.box-nav li:nth-child(2) i {
-	display: none;
+.first .code1{
+    left: 342px;
 }
 
-.box-nav li:nth-child(3) i {
-	display: none;
+.first .message {
+    margin-top: 20px;
+    background: #F2F9FF;
+    padding: 18px 23px;
+    box-sizing: border-box;
+    position: relative;
 }
 
-.box-nav li:nth-child(4) i {
-	display: none;
+.first .message .img {
+    width: 364px;
+    height: 165px;
+    font-size: 20px;
+    color: #FFFFFF;
+    background-size: 100% 100%;
+    display: flex;
+    align-items: flex-end;
+    justify-content: flex-start;
+    padding-bottom: 5px;
+    box-sizing: border-box;
 }
-
-.box-nav li:nth-child(5) i {
-	display: none;
+.first .message ul{
+    width: 364px;
 }
-
-.box-nav li:nth-child(6) i {
-	display: none;
+.first .message li {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    height: 50px;
+    font-size: 18px;
+    color: #333333;
+    border-bottom: 1px solid #D3D3D3;
+    cursor: pointer;
 }
 
-.box-item {
-	width: 49%;
-	margin-top: 20px;
-	border: 1px solid #E3E3E3;
-	position: relative;
+.first .message li:last-child {
+    border-bottom: none;
 }
 
-.box_item {
-	width: 49%;
-	margin-top: 20px;
-	border: 1px solid #E3E3E3;
-	position: relative;
+.first .left .message li img {
+    width: 36px;
+    height: 36px;
 }
-
-.text_top {
-	width: 230px;
-	height: 50px;
-	position: absolute;
-	top: 220px;
-	left: 160.6485px;
-	background-color: #F98034;
-	color: #fff;
-	text-align: center;
-	line-height: 50px;
-	font-size: 20px;
+.first .right .message li img{
+    width: 67px;
+    width: 67px;
 }
 
-.text_rzzt {
-	padding: 0px 10px 0px 10px;
-	box-sizing: border-box;
-	margin-top: 32px;
+.first .right .time {
+    height: 49px;
+    background: #F4FAFF;
+    border-radius: 10px;
+    margin-top: 20px;
+    font-size: 18px;
+    font-weight: bold;
+    color: #1458B4;
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    position: relative;
+    cursor: pointer;
 }
 
-/* .box-item .top {
-	width: 100%;
-	height: 88px;
-	text-align: center;
-	line-height: 88px;
-	font-size: 26px;
-	color: #FFF;
-	font-family: 'ZhenyanGB';
-	background: url(../img/bkbj.png) no-repeat;
-	background-size: 100% 100%;
-} */
-
-.box-item .content {
-	box-sizing: border-box;
-	padding: 0px 10px 10px;
+.first .right .time .logo {
+    width: 32px;
+    margin-right: 255px;
 }
 
-.box-item .content li{
-	font-size: 16px;
-	font-family: Source Han Sans SC;
-	color: #333333;
-	line-height: 24px;
-	margin-top: 15px;
-	overflow : hidden;
-	text-overflow: ellipsis;
-	display: -webkit-box;
-	-webkit-line-clamp: 3;
-	-webkit-box-orient: vertical;
-	cursor: pointer;
-	display: flex;
+.first .right .time .arrow {
+    margin-right: 20px;
+    right: 20px;
 }
 
-.time_data {
-	display: flex;
-	align-items: center;
+.first .right li {
+    height: 120px;
 }
 
-.time_data>p {
-	color: #176AB7;
-	font-size: 24px;
+/*热点推荐*/
+.second{
+    width: 1400px;
+    height: 367px;
+    background: #FFFFFF;
+    box-shadow: 0px 7px 24px 5px rgba(36,60,81,0.08);
+    margin: auto;
 }
 
-.time_wrap {
-	display: flex;
-	flex-wrap: wrap;
-	margin-left: 5px;
+.recommended {
+    display: flex;
 }
-.time_wrap>div{
-	color: #999;
-	text-align: center;
+.second .title{
+    width: 1216px;
+    box-sizing: border-box;
+    padding-left: 90px;
+}
+.second .shuaxin{
+    font-size: 16px;
+    /* width: 16px;
+    height: 16px; */
+    color: #1458B4;
+    margin-left: 15px;
+}
+.second .huan{
+    width: 48px;
+    height: 17px;
+    font-size: 16px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    color: #1458B4;
+}
+.mokuai1{
+    width: 308px;
+    height: 223px;
+    background: #FFFFFF;
+    border: 1px solid #EEEEEE;
+    border-radius: 10px;
+}
+.mokuai1 .top{
+    width: 42px;
+height: 19px;
+font-size: 18px;
+font-family: Microsoft YaHei;
+font-weight: 400;
+color: #333333;
+line-height: 24px;
+}
+.second .zhong{
+    margin-top: 45px;
+    display: flex;
+    justify-content: space-between;
+    position: relative;
 }
-.time_now {
-	width: 100%;
+.second .mokuai1 .top{
+    margin:22px 0 0px 22px;
+    margin-bottom: 20px;
+    width: 265px;
+    height: 71px;
+    display: -webkit-box;
+    font-size: 18px;
+    line-height: 23px;
+    -webkit-line-clamp: 3; /*最多显示5行*/
+    overflow: hidden;
+    text-overflow: ellipsis;
+    -webkit-box-orient: vertical;
+    word-break: break-all; /*强制英文单词自动换行*/
+}
+.mokuai1 .center .left{
+    font-size: 16px;
+    color: #999999;
+}
+.mokuai1 .center{
+    display: flex;
+    margin-left: 21px;
+    margin-right: 25px;
+    justify-content: space-between;
+    
 }
-.time_point {
-	width: 5px;
-	height: 5px;
-	background-color: #999999;
-	border-radius: 50%;
-	margin: 0 auto;
-}
-.center_line {
-	width: 1px;
-	height: 53px;
-	background-color: #A0A0A0;
-	margin: 0 10px;
-}
-.text_title {
-	width: 100%;
-	color: #333333;
-	font-weight: 400;
-}
-.box-item .content li:hover {
-	color: #000000;
-}
-
-.box-item>.top{
-	height: 249px;
-	background: url(../img/najkws.png) no-repeat;
-	background-size: 100% 100%;
-}
-
-.top_different{
-	width: 100%;
-	height: 128px;
-	background: url(../img/najkws.png) no-repeat;
-	background-size: 100% 100%;
-}
-
-.box-item>a {
-	display: inline-block;
-	width: 100%;
-	height: 249px;
-	cursor: pointer;
-}
-
-.box-item>a>img {
-	width: 100%;
-	height: 249px;
-}
-
-.box_left>a {
-	display: inline-block;
-	width: 100%;
-	height: 128px;
-	cursor: pointer;
-}
-
-.second_img {
-	width: 100%;
-	height: 128px;
-}
-
-/* .block-contanier>div:nth-child(2) .top{
-	background: url(../img/najkws.png) no-repeat;
-	background-size: 100% 100%;
-} */
-/* .block-contanier>div:nth-child(3){
-	margin-right: 0px;
-} */
-/* .block-contanier>div:nth-child(6){
-	margin-right: 0px;
-} */
-/* .block-contanier>div:nth-child(3) .top{
-	background: url(../img/narlsb.png) no-repeat;
-	background-size: 100% 100%;
-} */
-
-/* 鍏紬鍙峰尯鍩熸牱寮� */
-.gzh-contanier {
-	margin-top: 30px;
-	display: flex;
-	justify-content: space-between;
-}
-/* .gzh-contanier>div{
-	flex: 1;
-} */
-.gzh-contanier .left{
-	margin-right: 20px;
-	width: 450px;
-}
-.gzh-contanier .right {
-	width: 710px;
-}
-.gzh-item {
-	width: 450px;
-}
-
-.gzh {
-	width: 100%;
-	height: 77px;
-	background: #E2EDF9;
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-	padding: 0px 15px;
-	box-sizing: border-box;
-	color: #333333;
-	font-size: 14px;
-	cursor: pointer;
-}
-.gzh:hover{
-	opacity: 0.8;
-}
-.gzhtitie {
-	display: flex;
-	align-items: center;
-	font-size: 20px;
-}
-.gzhtitie img{
-	width: 47px;
-	height: 46px;
-	margin-right: 10px;
-}
-
-.smgz {
-	width: 100%;
-	height: 120px;
-	background-color: #D2DDEA;
-	font-size: 16px;
-	font-family: Source Han Sans SC;
-	font-weight: 400;
-	color: #333333;
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	
-}
-.ewm {
-	width: 89px;
-	height: 89px;
-	background-color: #FFF;
-	display: inline-block;
-	margin-right: 20px;
-}
-.ewm img{
-	width: 100%;
-	height: 100%;
-	
-}
-.gzh-contanier .left .gzh-active{
-	background: #2E77C6;
-	color: #FFFFFF;
-}
-
-.smgz-contanier {
-	display: none;
-}
-.smgz-active{
-	display: block;
-}
-
-.wz-item {
-	width: 92%;
-	height: 75px;
-	background: #FFFFFF;
-	border: 1px solid #E1E1E1;
-	box-shadow: 3px 4px 9px 0px rgba(51, 51, 51, 0.1);
-	/* line-height: 75px; */
-	padding: 10px;
-	box-sizing: border-box;
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
-	/* align-items: center; */
-	margin-bottom: 20px;
-	cursor: pointer;
-	transition: all 0.5s;
-}
-.wz-item:hover{
-	box-shadow: 6px 6px 10px 0px rgba(51, 51, 51, 0.3);
-}
-
-.wz-item h4 {
-	font-size: 16px;
-	max-width: 700px;
-	font-family: Microsoft YaHei;
-	font-weight: bold;
-	color: #333333;
-	overflow: hidden;
-	text-overflow: ellipsis;
-	white-space: nowrap;
-}
-.wz-item h4:hover{
-	opacity: 0.9;
-}
-
-.wz-item span {
-	text-indent: 1em;
-	font-size: 14px;
-	font-family: Microsoft YaHei;
-	font-weight: 400;
-	color: #999999;
-	margin-top: 5px;
-}
-
-.wz-more {
-	width: 92%;
-	height: 58px;
-	background: #ECECEC;
-	cursor: pointer;
-	text-align: center;
-	line-height: 58px;
-	font-size: 16px;
-	font-family: Microsoft YaHei;
-	font-weight: 400;
-	color: #666666;
-	/* transition: all 0.5s; */
-}
-.wz-more:hover{
-	background: #D2DDEA;
-	opacity: 0.9;
-}
-/* 4涓澘鍧� */
-.four-models {
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-	margin-top: 40px;
-}
-.model-item {
-	width: 22%;
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
-	align-items: center;
-}
-.four-models>div:first-child .top{
-	background: url(../img/xgymyy.png) no-repeat;
-	background-size: 100% 100%;
-}
-
-.four-models>div:nth-child(2) .top{
-	background: url(../img/flfw.png) no-repeat;
-	background-size: 100% 100%;
-}
-
-.four-models>div:nth-child(3) .top{
-	background: url(../img/shjf.png) no-repeat;
-	background-size: 100% 100%;
-}
-
-.four-models>div:nth-child(4) .top{
-	background: url(../img/wzcx.png) no-repeat;
-	background-size: 100% 100%;
-}
-
-.model-item .top{
-	width: 100%;
-	height: 86px;
-	line-height: 86px;
-	text-align: center;
-	font-size: 20px;
-	font-family: Microsoft YaHei;
-	font-weight: bold;
-	color: #FFFFFF;
-	cursor: pointer;
-	transition: all 0.5s; 
-}
-.model-item .top span {
-	display: block;
-	transition: all 0.5s; 
-}
-.top:hover span{
-	transform: scale(1.2);
-}
-.model-item .telbl {
-	color: #2E77C6;
-	font-size: 16px;
-	font-weight: bold;
-	margin-top: 10px;
-	cursor: pointer;
-}
-.model-item .telbl:hover{
-	opacity: 0.8;
-}
-
-/* 鏂版氮寰崥 */
-.blog-contanier{
-	margin-top: 40px;
-	
-}
-
-.wrap {
-	width: 100%;
-	/* height: 400px; */
-	position: relative;
-	/* overflow: hidden; */
-}
-.blogpic {
-	margin-top: 10px;
-	display: flex;
-	/* overflow: hidden; */
-	/* position:absolute;
-	width: 100%;
-	left: 0;
-	top: 0; */
-	flex-wrap: wrap;
-	
-}
-.blogpic>div{
-	width: 268px;
-	height: 400px;
-	/* border: 1px solid #DDDDDD; */
-	transition: all 0.5s;
-	cursor: pointer;
-	margin-right: 16px;
-}
-
-.blogpic>div:nth-child(4),
-.blogpic>div:nth-child(8){
-	margin-right: 0px!important;
-}
-
-.blogpic>div:hover{
-	box-shadow: 3px 4px 9px 0px rgba(51, 51, 51, 0.3);
-}
-
-.blogpic>div iframe {
-	width: 100%;
-}
-
-/* 浠婃棩澶存潯 */
-.jrtt-contanier{
-	margin-top: 30px;
-}
-.jrtt-contanier .news-item {
-	border-bottom: 1px solid #E1E1E1;
-	margin-top: 20px;
-	display: flex;
-	flex-direction: column;
-	font-size: 16px;
-	font-family: Source Han Sans SC;
-	font-weight: 400;
-	color: #333333;
-	cursor: pointer;
-}
-.jrtt-contanier .news-item .jigou {
-	font-size: 14px;
-	font-family: Source Han Sans SC;
-	font-weight: 400;
-	color: #2E77C6;
-	/* background: #B9D9FD; */
-	
-}
-.jrtt-contanier .news-item .jigou span{
-	padding: 3px 8px;
-	background: #B9D9FD;
-	line-height: 20px;
-}
-.jrtt-contanier .news-item p{
-	margin-top: 13px;
-	margin-bottom: 24px;
-}
-.jrtt-contanier .news-item:hover p{
-	opacity: 0.8;
-}
-.jrtt-contanier .news-item .time {
-	font-size: 14px;
-	font-family: Source Han Sans SC;
-	font-weight: 400;
-	color: #999999;
-	margin-bottom: 24px;
-}
-.jrtt-contanier>div:last-child{
-	border-bottom: none;
-}
-/* 3澶у潡 */
-.three-model {
-	display: flex;
-	justify-content: space-between;
-	margin-top: 30px;
-}
-.three-model>div{
-	width: 31%;
-	font-size: 26px;
-	font-family: Microsoft YaHei;
-	font-weight: bold;
-	color: #FFFFFF;
-	height: 100px;
-	line-height: 100px;
-	text-align: center;
-	cursor: pointer;
-	transition: all 0.5s;
-}
-.three-model>div:hover {
-	transform: scale(1.1);
-}
-.three-model>div:first-child{
-	background: url(../img/jcygk.png) no-repeat;
-	background-size: 100% 100%;
-}
-.three-model>div:nth-child(2){
-	background: url(../img/jcwjk.png) no-repeat;
-	background-size: 100% 100%;
-}
-.three-model>div:nth-child(3){
-	background: url(../img/sjzx.png) no-repeat;
-	background-size: 100% 100%;
-}
-
-/*包含以下四种的链接*/
-.content>ul>li>a {
-    text-decoration: none;
-    color: #333333;
+.mokuai1 .center .hot{
+    margin-right: 5px;
 }
-/*正常的未被访问过的链接*/
-.content>ul>li>a:link {
-    text-decoration: none;
-    color: #333333;
+.mokuai1 .center .right{
+    display: flex;
+    text-align: center;
+    font-size: 16px;
+    color: #F59A23;
+    align-items: center;
 }
-/*已经访问过的链接*/
-.content>ul>li>a:visited {
-    text-decoration: none;
-    color: #333333;
+.mokuai1 .center .right img{
+    width: 15px;
+    height: 17px;
 }
-/*鼠标划过(停留)的链接*/
-.content>ul>li>a:hover {
-    text-decoration: none;
-    color: #333333;
+.mokuai1 .bottom{
+    font-size: 16px;
+    display: flex;
+    align-items: center;
+    margin-left: 21px;
+    margin-right: 25px;
+    justify-content: space-between;
+    height: 60px;
+    border-top: 1px solid #EEEEEE;
+    margin-top: 20px;
 }
-/* 正在点击的链接*/
-.content>ul>li>a:active {
-    text-decoration: none;
-    color: #333333;
+.mokuai1 .bottom .left{
+    width: 35px;
+}
+.second .code2{
+    top: 0;
+    left: 320px;
 }
 
-.box_left {
-	width: 46%;
-	margin: 70px 13px 0 10px;
-	display: flex;
-	flex-wrap: wrap;
+/* 第三部分 */
+.third {
+    padding: 0;
+    margin-top: 54px;
 }
 
-.box_right {
-	width: 48%;
-	margin: 70px 10px 0 0;
-	display: flex;
-	flex-wrap: wrap;
+.third .top {
+    display: flex;
+    justify-content: space-between;
+
 }
 
-.text_nafb {
-	width: 230px;
-	height: 50px;
-	position: absolute;
-	top: 10px;
-	left: 160.1795px;
-	background-color: #F98034;
-	color: #fff;
-	text-align: center;
-	line-height: 50px;
-	font-size: 20px;
+.third .top li {
+    width: 697px;
+    height: 93px;
+    background: #F5F7F8;
+    font-size: 24px;
+    color: #8CA2AD;
+    display: flex;
+    align-items: center;
+    justify-content: center;
 }
 
-.nafb_title {
-	font-size: 16px;
-	font-family: Microsoft YaHei;
-	font-weight: 400;
-	color: #333333;
-	text-align: center;
-	margin-top: 60px;
+.third .top li span {
+    margin-left: 42px;
 }
 
-.nafb_content {
-	font-size: 14px;
-	margin: 30px 8px 0;
-	color: #666666;
-	line-height: 25px;
-	margin-bottom: 60px;
+.third .top li.click {
+    background: #F4FAFF;
+    font-weight: bold;
+    color: #1458B4;
+    border-bottom: 6px solid #1458B4;
+}
+.third .list{
+    display: flex;
+}
+.third .list .banner {
+    display: flex;
+    font-size: 18px;
+    justify-content: space-evenly;
+    margin-top: 30px;
 }
 
-.nafb_content>a {
-	color: #2576D3;
+.third .list .banner li {
+    width: 142px;
+    height: 47px;
+    line-height: 47px;
+    text-align: center;
+    background: #F4FAFF;
+    border-radius: 10px;
 }
 
-.right_time {
-	width: 125px;
-	height: 50px;
-	background: #FFFFFF;
-	border: 1px solid #D7D7D7;
-	display: flex;
-	align-items: center;
-	justify-content: space-around;
+.third .list .banner li.click {
+    background: linear-gradient(0deg, #78C5FC, #4CA0F6);
+    color: #FFFFFF;
 }
 
-.right_top {
-	font-size: 26px;
-	font-family: Microsoft YaHei;
-	font-weight: 400;
-	color: #176AB7;
+.third .list .item {
+    display: flex;
+    flex-wrap: wrap;
+    margin-top: 20px;
 }
 
-.right_center {
-	width: 1px;
-	height: 19px;
-	background: #D7D7D7;
+.third .list .item li {
+    width: 168px;
+    height: 142px;
+    background: #FFFFFF;
+    border: 1px solid #EEEEEE;
+    border-radius: 10px;
+    font-size: 18px;
+    color: #203C50;
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    margin-left: 50px;
+    margin-top: 50px;
 }
 
-.right_data{
-	font-size: 14px;
-	font-family: Microsoft YaHei;
-	font-weight: 400;
-	color: #999999;
+.third .list .item li.click {
+    font-weight: bold;
+    color: #203C50;
+    border: 1px solid #EEEEEE;
+    box-shadow: 0px 3px 8px 0px rgba(42, 104, 187, 0.29);
 }
 
-.p_text {
-	font-size: 16px;
-	font-family: Microsoft YaHei;
-	font-weight: 400;
-	color: #333333;
-	margin-top: 18px;
-	margin-bottom: 30px;
+.third .list .item .code {
+    width: 20px;
+    height: 20px;
+    margin-top: 20px;
 }
 
-.wrap_first {
-	width: 96%;
-	padding: 0 24px 42px;
-	box-shadow: 4px 0px 14px 6px #e0e8f0;
-	border: 1px solid #E0E8F0;
+.third .list .item .logo {
+    width: 52px;
+    position: absolute;
+    top: -26px;
 }
 
-.wrap_child {
-	width: 96%;
-	padding: 0px 24px 42px;
-	box-shadow: 4px 0px 15px 5px #e0e8f0;
-	margin-top: 60px;
-	border: 1px solid #E0E8F0;
+.third .list .item .name {
+    width: 108px;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    margin-top: 30px;
 }
 
-.content_nafb {
-	margin: 80px 28px 0 16px;
+.third .message {
+    width: 448px;
+    background: #FDFEFF;
+    box-shadow: 0px 3px 8px 0px rgba(42, 104, 187, 0.29);
+    padding: 18px 20px;
+    box-sizing: border-box;
+    position: relative;
+    position: absolute;
+    top: 140px;
+    left: 250px;
 }
 
-.nanafb_title {
-	text-align: center;
-	font-size: 16px;
-	font-family: Microsoft YaHei;
-	font-weight: 400;
-	color: #333333;
-	margin-bottom: 15px;
+.third .message .img {
+    width: 407px;
+    height: 165px;
+    font-size: 20px;
+    color: #FFFFFF;
+    background-size: 100% 100%;
+    display: flex;
+    align-items: flex-end;
+    justify-content: flex-start;
+    padding-bottom: 5px;
+    box-sizing: border-box;
 }
 
-.rzzt_nanfb {
-	font-size: 16px;
-	font-family: Microsoft YaHei;
-	font-weight: 400;
-	color: #333333;
-	margin-bottom: 15px;
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	margin-top: 28px;
+.third .message li {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    height: 50px;
+    font-size: 18px;
+    color: #333333;
+    border-bottom: 1px solid #D3D3D3;
 }
 
-.nanafb_content {
-	font-size: 14px;
-	font-family: Microsoft YaHei;
-	font-weight: 400;
-	color: #666666;
-	text-indent: 1.9em;
-	margin-bottom: 49px;
-	line-height: 24px;
+.third .message li:last-child {
+    border-bottom: none;
 }
 
-.content_title {
-	display: flex;
+.third .message li img {
+    width: 36px;
+    height: 36px;
 }
 
-.content_descripe {
-	font-size: 14px;
-	font-family: Microsoft YaHei;
-	font-weight: 400;
-	color: #666666;
+.third .message .arrow {
+    width: 0;
+    height: 0;
+    content: '';
+    border-style: solid;
+    border-width: 14px;
+    border-color: #FDFEFF #FDFEFF transparent transparent;
+    /*transform: rotate(224deg);*/
+    box-shadow: 2px -2px 2px rgb(147 175 213 / 29%);
+    position: absolute;
+    /*left: -14px;*/
+    top: 30px;
 }
 
-.img_content {
-	width: 20px;
-	height: 20px;
-	margin-right: 4px;
+/* 第四部分 */
+.four .title{
+    padding-left: 56px;
+    box-sizing: border-box;
+}
+.four .down{
+    display: flex;
+    display: flex;
+    justify-content: space-between;
+    margin-top: 63px;
+}
+.four .down li{
+    background-size: 100%;
+    width: 298px;
+    height: 155px;
+    font-size: 26px;
+    font-weight: bold;
+    color: #FFFFFF;
+    text-align: center;
+    line-height: 155px;
+    cursor: pointer;
+}
+.four .down .one{
+    background-image: url(../images/jinji-one.png);
+}
+.four .down .two{
+    background-image: url(../images/jinji-tow.png);
+}
+.four .down .three{
+    background-image: url(../images/jinji-three.png);
+}
+.four .down .four{
+    background-image: url(../images/jinji-four.png);
 }
 
-.left_title {
-	margin-left: 10px;
+.news-item {
+    border-bottom: 1px solid #E1E1E1;
+    margin-top: 20px;
+    display: flex;
+    flex-direction: column;
+    font-size: 16px;
+    font-family: Source Han Sans SC;
+    font-weight: 400;
+    color: #333333;
+    cursor: pointer;
 }
+.news-item .jigou {
+    font-size: 14px;
+    font-family: Source Han Sans SC;
+    font-weight: 400;
+    color: #2E77C6;
+    /* background: #B9D9FD; */
 
-.box_item .layui-laydate-main {
-	width: 562px !important;
+}
+.news-item .jigou span{
+    padding: 3px 8px;
+    background: #B9D9FD;
+    line-height: 20px;
+}
+.news-item p{
+    margin-top: 13px;
+    margin-bottom: 24px;
+}
+.news-item:hover p{
+    opacity: 0.8;
+}
+.news-item .time {
+    font-size: 14px;
+    font-family: Source Han Sans SC;
+    font-weight: 400;
+    color: #999999;
+    margin-bottom: 24px;
 }
 
-.box_item .layui-laydate-content table {
-	width: 100% !important;
-	height: 216px !important;
+.messageDialogTitle{
+    position: absolute;
+    top: 151px;
+    left: 49px;
+    height: 22px;
+    width: 355px;
+    font-weight: bold;
+    color: white;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
 }
 
-.box_item .layui-laydate, .box_item .layui-laydate-hint {
-	box-shadow: none !important;
+.line-limit-2 {
+    font-size: 18px;
+    word-break: break-all;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    margin-right: 20px;
+}
+.line-limit-3{
+        display: -webkit-box;
+        font-size: 18px;
+        line-height: 20px;
+        -webkit-line-clamp: 4; /*最多显示5行*/
+        overflow: hidden;
+        text-overflow: ellipsis;
+        -webkit-box-orient: vertical;
+        word-break: break-all; /*强制英文单词自动换行*/
 }
 
-.box_item .layui-laydate, .box_item .layui-laydate-hint {
-	border: 1px solid #E3E3E3 !important;
+#messageDialog li span {
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    margin-right: 20px;
 }
 
-.layui-laydate .layui-this {
-	background-color: #2775CC !important;
+.wxInfo {
+    cursor:pointer;
 }
 
-/* 新增区县的公众号矩阵 */
-.content_gzh .layui-tab-title {
-	width: 100%;
-    height: 50px !important;
-	margin: 20px 0 !important;
-    display: flex;
-    flex-wrap: wrap;
+.model-item text{
+    display: block;
+    transition: all 0.5s;
 }
-.content_gzh .layui-tab-title::after {
-    content: '';
-    width: 1132px;
-    height: 2px;
-    background-color: #1C62B8;
-    margin-top: -2px;
-    margin-left: 20px;
-}
-.content_gzh .layui-tab-title li {
-    width: 200px !important;
-    height: 50px !important;
-    border-radius: 25px !important;
-    font-size: 20px !important;
-    font-family: PingFang SC !important;
-    font-weight: 500 !important;
-    color: #333333 !important;
-    line-height: 50px !important;
-    padding: 0 10px !important;
-    margin-right: 26px !important;
-}
-.content_gzh .layui-tab-title .layui-this {
-	background: linear-gradient(90deg, #4381DC 0%, #195CAF 100%) !important;
-    border-radius: 25px 25px 0px 25px !important;
-    color: #FFFFFF !important;
-}
-.content_gzh .layui-tab-title .layui-this::after {
-	content: none !important;
-}
-.content_gzh .layui-tab-content{
-	padding: 0px !important;
+.model-item:hover text{
+    transform: scale(1.2);
 }

nngkxxdp/src/main/resources/static/mxt/js/index.js

@@ -1,58 +1,73 @@
-layui.use('laydate', function () {
-    laydate = layui.laydate;
-});
+function getajaxTop(params, path) {
+    $.ajax({
+        type: "get",
+        url: path + "/article/getOfficialAccountByPaging",
+        async: false,
+        data: params,
+        success: function (res) {
+            var liText = "";
+            console.log(res, "first");
+            if (res.code === 0 && res.data && res.data.length > 0) {
+                if (res.data.length > 8) {
+                    res.data.splice(8);
+                }
+                for (var i = 1; i < res.data.length; i++) {
+                    liText += `<li><span class='line-limit-2' onclick="openUrl('${res.data[i].url}')">${res.data[i].title}</span><img src="data:${res.data[i].cover}" alt=""></li >`;
+                }
+                var htmlText = `<img style="cursor: pointer" onclick="openUrl('${res.data[0].url}')" src="data:${res.data[0].cover}" alt='' class='img' /><div style='width: 310px;left: 50px;' class='messageDialogTitle'>${res.data[0].title}</div><ul>${liText}</ul>`;
+                $(".messagetop").html(htmlText);
+            }
+        },
+        error: function (err) {
+            console.log(err);
+        },
+    });
+}
 
-// var topModule = ["重庆市南岸区人民政府", "南岸健康卫士", "南岸人力社保", "南岸公安", "南岸智慧城管", "遇见南坪"];
-var topModule = ['重庆市南岸区人民政府', '广阳湾智创生态城', '南岸文旅', '南岸健康卫士', '南岸公安', '重庆南岸消防'];
-var regionModule = ['重庆市政府网', '中新互联互通项目', '合川区人民政府', '黔江区人民政府', '大足区政府网', '重庆市北碚区人民政府', '重庆市江北区人民政府', '渝北政府网', '巴南区政府网', '重庆忠县政府网', '渝中政府', '巫山政务'];
-var page = 1, limit = 12, regionlimit = 10;
-var topData = [];
-var ofaData = [];
-$(function () {
-    initPage();
-    $('#topTime').text(new Date().format("yyyy-MM-dd hh") + ':00');
-    $('.model-item').on('click', function () {
-        var url = $(this).attr('data-url');
-        layer.open({
-            type: 1,
-            title: '',
-            offset: ['54%', '40%'],
-            closeBtn: 0, //不显示关闭按钮
-            anim: 2,
-            shadeClose: true, //开启遮罩关闭
-            content: '<img style="width:344px;height:344px;" src="' + url + '"></img>'
-        });
+function changeDate(params, path) {
+    $.ajax({
+        type: "get",
+        url: path + "/article/getNAFBArticleByDate",
+        async: false,
+        data: params,
+        success: function (res) {
+            var liText = "";
+            console.log(res, "res");
+            if (res.code === 0 && res.data && res.data.length > 0) {
+                res.data.forEach((item) => {
+                    var url = "data:" + item.cover;
+                    if (url === '') {
+                        url = "images/g.png";
+                    }
+                    liText += `<li onclick="openUrl('${item.url}')"><span class="line-limit-3">${item.title}</span><img style="width:67px;height:67px;margin-left: 25px" src='${url}' alt=""></li>`;
+                });
+                $(".datali").html(liText);
+            }
+        },
+        error: function (err) {
+            console.log(err);
+        },
     });
-});
+}
+
+var wxTypeUrl = "";
 
 function initPage() {
     var loading = layer.load(2, {
         shade: [0.3, '#393D49'],
     });
 
-    // 渲染BoxNav
-    renderBoxNav();
-
-    // 获取今天数据
-    getNAFBData(new Date().format("yyyy-MM-dd"), 'init');
-
     $.ajax({
         type: 'GET',
         url: PATH + '/article/getAllOfficialAccount',
         dataType: 'json',
         data: {
-            'official': topModule[0]
+            'official': '重庆市南岸区人民政府'
         },
         success: function (json) {
             if (json.data) {
-                var data = json.data;
-                topData = data.array;
-                ofaData = data.ofa;
-                // initTop(data.array);
-                // $('.box-contanier').empty().append(topLeftComponent(topData[topModule[0]], topModule[0]) + topRightComponent(topData[topModule[1]], topModule[1]));
-                $('.box-contanier').empty().append(topComponent(topData, topModule[0]));
-                initCenterByLeft(data.ofa);
-                initJrttList(data.jrtt);
+                wxTypeUrl = "/article/getOfficialAccountByPaging";
+                initOfaList(json.data.ofa);
             }
             layer.close(loading);
         },
@@ -62,183 +77,39 @@ function initPage() {
     });
 }
 
-// function initTop(data) {
-// 	$('.box-contanier').empty();
-// 	var html = '';
-// 	for (var i = 0; i < topModule.length; i++) {
-// 		var obj = data[topModule[i]];
-// 		if (!obj) {
-// 			continue;
-// 		}
-// 		html += `
-// 			<div class="box-item" data-index="${i + 1}">
-// 				<img class="top" src="data:${obj[0].cover}">
-// 				<p class="text_top">${topModule[i]} </p>
-// 				<div class="content">
-// 					<ul>
-// 		`;
-//
-// 		for (var j = 0; j < 4; j++) {
-// 			// html += '<li><a target="_blank" href="'+ obj[j].url +'">'+ obj[j].title +'</a></li>';
-// 			var dateArr = obj[j].createTime.split('-');
-// 			html += `
-// 				<li>
-// 					<div class="time_data">
-// 						<p>${dateArr[2]}</p>
-// 						<div class="time_wrap">
-// 							<div class="time_now">${dateArr[1]}</div>
-// 							<div class="time_point"></div>
-// 							<div class="time_now">${dateArr[0]}</div>
-// 						</div>
-// 					</div>
-// 					<div class="center_line"></div>
-// 					<div class="text_title">${obj[j].title}</div>
-// 				</li>
-// 			`
-// 		}
-// 		html += '</ul></div></div>'
-// 	}
-// 	$('.box-contanier').append(html);
-// }
-function initCenterByLeft(data) {
-    $('#wechartList').empty();
-    var html = '';
-    var topHtml = '';
-    for (var i = 0; i < data.length; i++) {
-        if (data[i].wType != '微信公众号') {
-            continue;
-        }
-
-        if (data[i].wName == topModule[0]) {
-            topHtml = '<div class="gzh-item" onclick="wechartClick(this)">'
-                + '		<div class="gzh gzh-active">'
-                + '			<div class="gzhtitie">'
-                + '				<img src="' + data[i].wxHead + '" alt="' + data[i].wName + '图片">'
-                + data[i].wName
-                + '			</div>'
-                + '			<div>' + data[i].updateTime + '</div>'
-                + '		</div>'
-                + '		<div class="smgz-contanier smgz-active">'
-                + '			<div class="smgz">'
-                + '				<div class="ewm">'
-                + '					<img src="' + data[i].wxQrCode + '" alt="' + data[i].wName + '二维码">'
-                + '				</div>'
-                + '				扫码关注'
-                + '			</div>'
-                + '		</div>'
-                + '	</div>';
-            continue;
-        }
-        html += '<div class="gzh-item" onclick="wechartClick(this)">'
-            + '		<div class="gzh">'
-            + '			<div class="gzhtitie">'
-            + '				<img src="' + data[i].wxHead + '" alt="' + data[i].wName + '图片">'
-            + data[i].wName
-            + '			</div>'
-            + '			<div>' + data[i].updateTime + '</div>'
-            + '		</div>'
-            + '		<div class="smgz-contanier">'
-            + '			<div class="smgz">'
-            + '				<div class="ewm">'
-            + '					<img src="' + data[i].wxQrCode + '" alt="' + data[i].wName + '二维码">'
-            + '				</div>'
-            + '				扫码关注'
-            + '			</div>'
-            + '		</div>'
-            + '	</div>';
-    }
-    $('#wechartList').append(topHtml + html);
-    initWeChartListByRight(topModule[0]);
-}
-
-function initJrttList(data) {
-    $('#jrttList').empty();
-    var html = '';
-    for (var i = 0; i < data.length; i++) {
-        // html += '<div class="news-item" onclick="openUrl(\''+ data[i].url +'\')">'
-        html += '<div class="news-item" data-url="' + data[i].url + '">'
-            + '		<div class="jigou"><span>' + data[i].officialAccount + '</span></div>'
-            + '		<p>' + data[i].title + '</p>'
-            + '		<span class="time">' + data[i].createTime + '</span>'
-            + '	</div>';
-    }
-    $('#jrttList').append(html)
-    jrttClick();
-}
-
-function wechartClick(that) {
-    page = 1;
-    initWeChartListByRight($(that).find(".gzhtitie").text().trim())
-    $(that).find(".gzh").addClass("gzh-active");
-    $(that).find('.smgz-contanier').addClass('smgz-active');
-    $(that).siblings('div').find(".gzh").removeClass("gzh-active");
-    $(that).siblings('div').find(".smgz-contanier").removeClass("smgz-active");
-}
-
-function initWeChartListByRight(name) {
+function regionPage() {
     $.ajax({
         type: 'GET',
-        url: PATH + '/article/getOfficialAccountByPaging',
+        url: PATH + '/article/getRegionAllOfficialAccount',
         dataType: 'json',
         data: {
-            'page': page,
-            'limit': limit,
-            'name': name
+            'type': 1,
+            'official': '重庆市政府网'
         },
         success: function (json) {
-            var more = '';
-            if (page == 1) {
-                $('#wechartRightList').empty();
-            }
             if (json.data) {
-                var data = json.data;
-                if ((page * limit) < json.count) {
-                    more = '<div class="wz-more" onclick="moreClick(this,\'' + name + '\')">查看更多</div>';
-                    page++;
-                }
-                var html = '';
-                for (var i = 0; i < data.length; i++) {
-                    html += '<div class="wz-item" onclick="openUrl(\'' + data[i].url + '\')">'
-                        + '<h4>· ' + data[i].title + '</h4>'
-                        + '<span>' + data[i].nowTime + '</span>'
-                        + '</div>';
-                }
-                $('#wechartRightList').append(html + more);
+                wxTypeUrl = "/article/getRegionOfficialAccountByPaging";
+                initOfaList(json.data.ofa);
             }
         },
         error: function (e) {
-
         }
     });
 }
 
-function moreClick(that, name) {
-    $(that).remove();
-    initWeChartListByRight(name)
-}
-
-function openUrl(url) {
-    window.open(url);
-}
-
-function departments(index) {
-    // 渲染BoxNav
-    renderBoxNav();
-    // 获取今天数据
-    getNAFBData(new Date().format("yyyy-MM-dd"), 'init');
+function departments() {
     $.ajax({
         type: 'GET',
         url: PATH + '/article/getRegionAllOfficialAccount',
         dataType: 'json',
         data: {
             'type': 2,
-            'official': regionModule[1]
+            'official': '中新互联互通项目'
         },
         success: function (json) {
             if (json.data) {
-                var data = json.data;
-                ofaData = data.ofa;
-                departmentLoad(ofaData, index);
+                wxTypeUrl = "/article/getRegionOfficialAccountByPaging";
+                initOfaList(json.data.ofa);
             }
         },
         error: function (e) {
@@ -246,209 +117,105 @@ function departments(index) {
     });
 }
 
-function departmentLoad(data, index) {
-    $('#department').empty();
+function initOfaList(data) {
+    var tmpIndexData = [];
+    $('#ofaList').empty();
     var html = '';
-    var topHtml = '';
-    for (var i = 0; i < data.length; i++) {
-        if (data[i].wType != '微信公众号') {
-            continue;
+    var k = 0;
+    var key = '';
+    if (wxTypeUrl === "/article/getOfficialAccountByPaging") {
+        for (var i = 0; i < data.length; i++) {
+            if (data[i].wName === "重庆市南岸区人民政府") {
+                key = data[i];
+                data.splice(i, 1);
+                break;
+            }
         }
-        // console.log(data[i],regionModule[0])
-        // if (data[i].wName == regionModule[0]) {
-        if (data[i].wName == regionModule[1]) {
-
-            topHtml = '<div class="gzh-item" onclick="departmentClick(this,1)">'
-                + '		<div class="gzh gzh-active">'
-                + '			<div class="gzhtitie">'
-                + '				<img src="' + data[i].wxHead + '" alt="' + data[i].wName + '图片">'
-                + data[i].wName
-                + '			</div>'
-                + '			<div>' + data[i].updateTime + '</div>'
-                + '		</div>'
-                + '		<div class="smgz-contanier smgz-active">'
-                + '			<div class="smgz">'
-                + '				<div class="ewm">'
-                + '					<img src="' + data[i].wxQrCode + '" alt="' + data[i].wName + '二维码">'
-                + '				</div>'
-                + '				扫码关注'
-                + '			</div>'
-                + '		</div>'
-                + '	</div>';
-            continue;
+        if (key !== '') {
+            data.unshift(key);
         }
-        html += '<div class="gzh-item" onclick="departmentClick(this,1)">'
-            + '		<div class="gzh">'
-            + '			<div class="gzhtitie">'
-            + '				<img src="' + data[i].wxHead + '" alt="' + data[i].wName + '图片">'
-            + data[i].wName
-            + '			</div>'
-            + '			<div>' + data[i].updateTime + '</div>'
-            + '		</div>'
-            + '		<div class="smgz-contanier">'
-            + '			<div class="smgz">'
-            + '				<div class="ewm">'
-            + '					<img src="' + data[i].wxQrCode + '" alt="' + data[i].wName + '二维码">'
-            + '				</div>'
-            + '				扫码关注'
-            + '			</div>'
-            + '		</div>'
-            + '	</div>';
     }
-    $('#department').append(topHtml + html);
-    regionWeChartListByRight(regionModule[1], index);
-}
-
-function departmentClick(that, index) {
-    page = 1;
-
-    regionWeChartListByRight($(that).find(".gzhtitie").text().trim(), index)
-    $(that).find(".gzh").addClass("gzh-active");
-    $(that).find('.smgz-contanier').addClass('smgz-active');
-    $(that).siblings('div').find(".gzh").removeClass("gzh-active");
-    $(that).siblings('div').find(".smgz-contanier").removeClass("smgz-active");
-}
-
-
-function regionPage(index) {
-    // 渲染BoxNav
-    renderBoxNav();
-    // 获取今天数据
-    getNAFBData(new Date().format("yyyy-MM-dd"), 'init');
-    $.ajax({
-        type: 'GET',
-        url: PATH + '/article/getRegionAllOfficialAccount',
-        dataType: 'json',
-        data: {
-            'type': 1,
-            'official': regionModule[0]
-        },
-        success: function (json) {
-            if (json.data) {
-                var data = json.data;
-                ofaData = data.ofa;
-                regionCenterByLeft(data.ofa, index);
-            }
-        },
-        error: function (e) {
-        }
-    });
-}
-
-
-function regionCenterByLeft(data, index) {
-    $('#regionchartList').empty();
-    var html = '';
-    var topHtml = '';
     for (var i = 0; i < data.length; i++) {
-        if (data[i].wType != '微信公众号') {
+        if (data[i].wType !== '微信公众号') {
             continue;
         }
-        if (data[i].wName == regionModule[0]) {
-            topHtml = '<div class="gzh-item" onclick="regionClick(this,2)">'
-                + '		<div class="gzh gzh-active">'
-                + '			<div class="gzhtitie">'
-                + '				<img src="' + data[i].wxHead + '" alt="' + data[i].wName + '图片">'
-                + data[i].wName
-                + '			</div>'
-                + '			<div>' + data[i].updateTime + '</div>'
-                + '		</div>'
-                + '		<div class="smgz-contanier smgz-active">'
-                + '			<div class="smgz">'
-                + '				<div class="ewm">'
-                + '					<img src="' + data[i].wxQrCode + '" alt="' + data[i].wName + '二维码">'
-                + '				</div>'
-                + '				扫码关注'
-                + '			</div>'
-                + '		</div>'
-                + '	</div>';
-            continue;
+        tmpIndexData.push(data[i]);
+        var wxName = '';
+        for (var j = 0; j < data[i].wName.length; j++) {
+            wxName += '<span>'
+                + data[i].wName.substr(j, 1)
+                + '</span>'
         }
-        html += '<div class="gzh-item" onclick="regionClick(this,2)">'
-            + '		<div class="gzh">'
-            + '			<div class="gzhtitie">'
-            + '				<img src="' + data[i].wxHead + '" alt="' + data[i].wName + '图片">'
-            + data[i].wName
-            + '			</div>'
-            + '			<div>' + data[i].updateTime + '</div>'
-            + '		</div>'
-            + '		<div class="smgz-contanier">'
-            + '			<div class="smgz">'
-            + '				<div class="ewm">'
-            + '					<img src="' + data[i].wxQrCode + '" alt="' + data[i].wName + '二维码">'
-            + '				</div>'
-            + '				扫码关注'
-            + '			</div>'
-            + '		</div>'
-            + '	</div>';
+        html += `<li class="wxInfo" onclick="openDetail(${k}, '${data[i].wName}')"><img src="${data[i].wxHead}" alt="" class="logo"><div class="name">${wxName}</div><img src="images/erweima.png" alt="" class="code"></li>`
+        k++;
     }
-    $('#regionchartList').append(topHtml + html);
-    regionWeChartListByRight(regionModule[0], index);
-}
-
-function regionJrttList(data) {
-    $('#jrttList').empty();
-    var html = '';
-    for (var i = 0; i < data.length; i++) {
-        // html += '<div class="news-item" onclick="openUrl(\''+ data[i].url +'\')">'
-        html += '<div class="news-item" data-url="' + data[i].url + '">'
-            + '		<div class="jigou"><span>' + data[i].officialAccount + '</span></div>'
-            + '		<p>' + data[i].title + '</p>'
-            + '		<span class="time">' + data[i].createTime + '</span>'
-            + '	</div>';
-    }
-    $('#jrttList').append(html)
-    jrttClick();
-}
+    html += "<div class=\"codeBig code3\" style=\"display: none;position: absolute;z-index: 11;\">" +
+        "<div style=\"font-weight: bold;\" id=\"hoverTabTitle\"></div>" +
+        "<img id=\"hoverTabImg\" src=\"images/code-big.png\" alt=\"\">" +
+        "<div style=\"display: flex;align-items: center;\">" +
+        "<div class=\"line\"></div>" +
+        "<div>扫码关注</div>" +
+        "<div class=\"line\"></div>" +
+        "</div>" +
+        "</div>"
+    $('#ofaList').append(html);
+    // 微信公共号hover事件
+    $('.third .list .wxInfo .code').mouseover(function () {
+        $(this).addClass('hover');
+        var tapsTitleLi = $('.third .list .wxInfo .code');
+        var hoverTitle = $('#hoverTabTitle');
+        var hoverImg = $('#hoverTabImg');
+        tapsTitleLi.each(function (index) {
+            var left = index % 6;
+            var top = parseInt(index / 6);
+            var classStr = $(this).attr('class');
+            if (classStr && classStr.indexOf('hover') != -1) {
+                hoverTitle[0].innerText = tmpIndexData[index].wName;
+                hoverImg[0].setAttribute("src", tmpIndexData[index].wxQrCode);
+                $('.code3').css('top', (60 + top * 200) + "px");
+                if (left >= 5) {
+                    $('.code3').css('left', (left * 220 - 200) + "px");
+                } else {
+                    $('.code3').css('left', (240 + left * 220) + "px");
+                }
+            }
+        });
+        codeSrc = $(this)[0].src;
+        $('.code3').css('display', 'flex')
+        if ($(this)[0].src.indexOf('erweima1.png') != -1) {
+            $(this).attr('src', 'images/erweima1.png');
+        } else {
+            $(this).attr('src', 'images/erweima1.png');
+        }
+    })
+    $('.third .list .wxInfo .code').mouseout(function () {
+        $(this).attr('src', codeSrc);
+        $('.code3').css('display', 'none')
+        $(this).removeClass('hover');
+    })
 
-function regionClick(that) {
-    page = 1;
-    regionWeChartListByRight($(that).find(".gzhtitie").text().trim(), 2)
-    $(that).find(".gzh").addClass("gzh-active");
-    $(that).find('.smgz-contanier').addClass('smgz-active');
-    $(that).siblings('div').find(".gzh").removeClass("gzh-active");
-    $(that).siblings('div').find(".smgz-contanier").removeClass("smgz-active");
 }
 
-function regionWeChartListByRight(name, index) {
+function regionWeChartList(name) {
     $.ajax({
         type: 'GET',
-        url: PATH + '/article/getRegionOfficialAccountByPaging',
+        url: PATH + wxTypeUrl,
         dataType: 'json',
         data: {
-            'page': page,
-            'limit': regionlimit,
+            'page': 1,
+            'limit': 8,
             'name': name
         },
         success: function (json) {
-            var more = '';
-            if (page == 1) {
-                if (index == 1) {
-                    $('#departmentRight').empty();
-                } else if (index == 2) {
-                    $('#regionRightList').empty();
+            $('#messageDialog').empty();
+            var data = json.data;
+            if (data) {
+                var html = `<image onclick="openUrl('${data[0].url}')" src="data:${data[0].cover}" alt="" class="img select-hand"></image><div class="messageDialogTitle">${data[0].title}</div><ul>`;
+                for (var i = 1; i < data.length; i++) {
+                    html += `<li class="select-hand" onclick="openUrl('${data[i].url}')"><span>${data[i].title}</span><img src="data:${data[i].cover}" alt=""></li>`;
                 }
-            }
-
-            if (json.data) {
-                var data = json.data;
-                if ((page * regionlimit) < json.count) {
-                    more = '<div class="wz-more" onclick="regionMoreClick(this,\'' + name + '\')">查看更多</div>';
-                    page++;
-                }
-                var html = '';
-                for (var i = 0; i < data.length; i++) {
-                    html += '<div class="wz-item" onclick="openUrl(\'' + data[i].url + '\')">'
-                        + '<h4>· ' + data[i].title + '</h4>'
-                        + '<span>' + data[i].nowTime + '</span>'
-                        + '</div>';
-                }
-                if (index == 1) {
-                    $('#departmentRight').append(html + more);
-                } else if (index == 2) {
-                    $('#regionRightList').append(html + more);
-                }
-
+                html += '</ul>';
+                $('#messageDialog').append(html);
             }
         },
         error: function (e) {
@@ -457,334 +224,76 @@ function regionWeChartListByRight(name, index) {
     });
 }
 
-function regionMoreClick(that, name) {
-    $(that).remove();
-    var index = $(".layui-tab-title .layui-this").attr("index");
-    if (index == 1) {
-        regionWeChartListByRight(name, 1);
-    } else if (index == 0) {
-        regionWeChartListByRight(name, 2);
-    }
-}
-
-Date.prototype.format = function (fmt) {
-    var o = {
-        "M+": this.getMonth() + 1,                 //月份
-        "d+": this.getDate(),                    //日
-        "h+": this.getHours(),                   //小时
-        "m+": this.getMinutes(),                 //分
-        "s+": this.getSeconds(),                 //秒
-        "q+": Math.floor((this.getMonth() + 3) / 3), //季度
-        "S": this.getMilliseconds()             //毫秒
-    };
-    if (/(y+)/.test(fmt)) {
-        fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
-    }
-    for (var k in o) {
-        if (new RegExp("(" + k + ")").test(fmt)) {
-            fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
-        }
-    }
-    return fmt;
+function openUrl(url) {
+    window.open(url);
 }
 
-$(".box-nav").on('click', 'li', function () {
-    $(this).addClass("active").siblings().removeClass("active");
-    var index = parseInt($(this).attr('data-index'));
-    var colorIndex = $(this).css("color");
-    if (colorIndex == "rgb(255, 255, 255)") {
-        $(this).children("i").css("display", "block");
-        $(this).siblings().children("i").css("display", "none");
-    }
+function getHotData(params, path) {
+    var result = []
     $.ajax({
-        type: 'GET',
-        url: PATH + '/article/getAllOfficialAccount',
-        dataType: 'json',
-        data: {
-            'official': topModule[index]
-        },
-        success: function (json) {
-            if (json.data) {
-                $('.box-contanier').empty().append(topComponent(json.data.array, topModule[index]));
-                // initCenterByLeft(data.ofa);
-                // initJrttList(data.jrtt);
+        type: "get",
+        url: path + "/article/getOfficialAccountByPaging",
+        async: false,
+        data: params,
+        success: function (res) {
+            var liText = "";
+            console.log(res, "first");
+            if (res.code === 0 && res.data && res.data.length > 0) {
+                result = res.data
             }
-        }
+        },
+        error: function (err) {
+            console.log(err);
+        },
     });
-    // if (index == 5) {
-    // 	$('.box-contanier').empty().append(topLeftComponent(topData[topModule[index]], topModule[index]) + topRightComponent(topData[topModule[0]], topModule[0]));
-    // } else {
-    // 	$('.box-contanier').empty().append(topLeftComponent(topData[topModule[index]], topModule[index]) + topRightComponent(topData[topModule[index + 1]], topModule[index + 1]));
-    // }
-})
-
-// 南岸区公众号矩阵的tab进行切换
-$(".content_gzh .layui-tab-title li").click(function () {
-    var index = this.getAttribute("index");
-    page = 1;
-    if (index == 2) {
-        initPage();
-    } else if (index == 0) {
-        regionPage(2);
-    } else if (index == 1) {
-        departments(1);
-    }
-})
+    return result;
+}
 
-function getNAFBData(value, tag) {
+function getTabData(params, path) {
     $.ajax({
         type: 'GET',
-        url: PATH + '/article/getNAFBArticleByDate',
+        url: path + '/article/getAllOfficialAccount',
         dataType: 'json',
-        data: {
-            'date': value
-        },
+        data: params,
         success: function (json) {
-            if (json.count > 0) {
-                $('.nafb_box .content').empty().append(nafbComponent(json.data));
-                layDateInit(json.data[0].createTime);
-            } else {
-                layDateInit(value);
-                $('.nafb_box .content').empty().append("<div style='text-align: center;line-height: 282px;font-size: 18px;font-weight: bold;'>暂无数据</div>");
+            if (json.data) {
+                var result = json.data;
+                console.log(result)
+                regionJrttList(result)
             }
-
-        }
-    })
-}
-
-function layDateInit(date) {
-    $('#test-n1').empty();
-    laydate.render({
-        elem: '#test-n1' //指定元素
-        , position: 'static'
-        , showBottom: false,
-        max: new Date().format("yyyy-MM-dd"),
-        value: date,
-        done: function (value, date, end) {
-            getNAFBData(value);
+        },
+        error: function (e) {
         }
     });
 }
 
-/**
- * 南岸发布矩阵
- * @param data
- */
-function nafbComponent(data) {
-    var html = '<ul>';
-    for (var i = 0; i < data.length; i++) {
-        var dateArr = (data[i].createTime || "").split('-');
-        html += `
-		<li>
-		  <div class="time_data">
-			<p>${dateArr[2].split('T')[0]}</p>
-			<div class="time_wrap">
-			  <div class="time_now">${dateArr[1]}</div>
-			  <div class="time_point"></div>
-			  <div class="time_now">${dateArr[0]}</div>
-			</div>
-		  </div>
-		  <div class="center_line"></div>
-		  <div class="text_title"><a href="${data[i].url}" title="${data[i].title}" style="color: #333333;text-decoration: none;" target="_blank">${data[i].title}</a></div>
-		</li>
-		`
-    }
-    html += '</ul>'
-    return html;
-}
-
-/**
- * 南岸区新媒体发布厅 html生成
- * @param data
- * @param name
- * @returns {string}
- */
-function topComponent(data, name) {
-    var wofa = getWOFAData(name, "微信公众号");
-    var html = `
-		<div class="box-item">
-			<a href="${data[0].url}" title="${data[0].title}" target="_blank">
-				<img src="data:${data[0].cover}">
-			</a>
-            <p class="text_top" title="${name}">${name} </p>
-            <h6 class="rzzt_nanfb">
-              认证主体
-				<div class="content_title left_title"><img src="./img/rztb.png" class="img_content" /><p class="content_descripe" title="${wofa.authSubject}">${wofa.authSubject}</p></div>
-            </h6>
-          </div>
-
-          <div class="box-item" style="display: flex;flex-wrap: wrap">
-            <div class="content">
-              <ul>
-                `;
-    for (var i = 0; i < 4; i++) {
-        var dateArr = (data[i].createTime || "").split('-');
-        html += `
-		<li>
-		  <div class="time_data">
-			<p>${dateArr[2]}</p>
-			<div class="time_wrap">
-			  <div class="time_now">${dateArr[1]}</div>
-			  <div class="time_point"></div>
-			  <div class="time_now">${dateArr[0]}</div>
-			</div>
-		  </div>
-		  <div class="center_line"></div>
-		  <div class="text_title"><a href="${data[i].url}" title="${data[i].title}" style="color: #333333;text-decoration: none;" target="_blank">${data[i].title}</a></div>
-		</li>
-		`
-    }
-    html += `
-		  </ul>
-		</div>
-	  </div>
-	`;
-    return html;
-}
-
-/**
- * 废弃
- * 生成南岸区新媒体发布厅，左边部分html
- * @param data
- * @param name
- * @returns {string}
- */
-function topLeftComponent(data, name) {
-    var wofa = getWOFAData(name, "微信公众号");
-    var html = `
-	<div class="box-item">
-		<a href="${data[0].url}" title="${data[0].title}" target="_blank">
-			<img src="data:${data[0].cover}">
-		</a>
-          <p class="text_top">${name} </p>
-		  <div class="text_rzzt">
-			<h6 class="rzzt_nanfb">
-				认证主体
-				<div class="content_title left_title"><img src="./img/rztb.png" class="img_content" /><p class="content_descripe" title="${wofa.authSubject}">${wofa.authSubject}</p></div>
-			</h6>
-		  </div>
-          <div class="content">
-            <ul>
-              `;
-    for (var i = 0; i < 4; i++) {
-        var dateArr = (data[i].createTime || "").split('-');
-        html += `
-				<li>
-					<div class="time_data">
-						<p>${dateArr[2]}</p>
-						<div class="time_wrap">
-							<div class="time_now">${dateArr[1]}</div>
-							<div class="time_point"></div>
-							<div class="time_now">${dateArr[0]}</div>
-						</div>
-					</div>
-					<div class="center_line"></div>
-					<div class="text_title"><a title="${data[i].title}" style="width: 100%; height: 100%;text-decoration: none;color: #333333;" href="${data[i].url}" target="_blank">${data[i].title}</a></div>
-				</li>
-			`
-    }
-    html += `
-            </ul>
-          </div>
-        </div>
-	`
-    return html;
-}
-
-/**
- * 废弃
- * 生成南岸区新媒体发布厅，右边部分html
- * @param data
- * @param name
- * @returns {string}
- */
-function topRightComponent(data, name) {
-    var wofa = getWOFAData(name, "微信公众号");
-    var html = `
-	<div class="box-item" style="display: flex;flex-wrap: wrap;">
-          <div class="box_left">
-          	`;
-    for (var i = 0; i < 4; i++) {
-        html += `
-			<a href="${data[0].url}" title="${data[0].title}" target="_blank">
-            	<img src="data:${data[i].cover}" class="second_img">
-            </a>
-		`;
-        if (i == 1) {
-            html += `<p class="text_nafb">${name} </p>`;
-        }
-    }
-    html += `
-          </div>
-          <ul class="box_right">
-		`;
-    for (var i = 0; i < 4; i++) {
-
-        var dateArr = data[i].createTime.split('-');
-        html += `
-			<li class="warp_right">
-				<div class="right_time">
-					<p class="right_top">${dateArr[2]}</p>
-					<div class="right_center"></div>
-					<div class="right_data">${dateArr[0]}·${dateArr[1]}</div>
-				</div>
-				<p class="p_text"><a title="${data[i].title}" style="width: 100%; height: 100%;text-decoration: none;color: #333333;" href="${data[i].url}" target="_blank">${data[i].title}</a></p>
-			</li>	
-		`;
-    }
-
-    html += `
-          </div>
-        </ul>
-	`
-    return html;
-}
-
-/**
- * 在ofa数据中根据类型和名称查找对应数据
- * @param name
- * @returns {*}
- */
-function getWOFAData(name, type) {
-    for (var i = 0; i < ofaData.length; i++) {
-        var item = ofaData[i];
-        if (item.wType == type && item.wName == name) {
-            return item;
-        }
-    }
-}
-
-/**
- * 渲染顶部boxNav
- */
-function renderBoxNav() {
+// 今日头条
+function regionJrttList(result) {
+    var data = result.jrtt
+    $('#jrttList').empty();
     var html = '';
-    for (var i = 0; i < topModule.length; i++) {
-        html += '<li data-index="' + i + '" class="' + (i == 0 ? 'active' : '') + '">' + topModule[i] + '<i></i></li>';
+    for (var i = 0; i < data.length; i++) {
+        // html += '<div class="news-item" onclick="openUrl(\''+ data[i].url +'\')">'
+        html += '<div class="news-item" data-url="' + data[i].url + '">'
+            + '	<div class="jigou"><span>' + data[i].officialAccount + '</span></div>'
+            + '	<p>' + data[i].title + '</p>'
+            + '	<span class="time">' + data[i].createTime + '</span>'
+            + '	</div>';
     }
-    $('.box-nav').empty().append(html);
-}
-
-/**
- * 几日头条点击事件
- */
-function jrttClick() {
+    $('#jrttList').append(html)
     $('#jrttList .news-item').click(function () {
         window.open($(this).attr('data-url'))
     })
 }
 
-function diffDays(date, days) {
-    var nd = new Date(date);
-    nd = nd.valueOf();
-    nd = nd - days * 24 * 60 * 60 * 1000;
-    nd = new Date(nd);
-    //alert(nd.getFullYear() + "年" + (nd.getMonth() + 1) + "月" + nd.getDate() + "日");
-    var y = nd.getFullYear();
-    var m = nd.getMonth() + 1;
-    var d = nd.getDate();
-    if (m <= 9) m = "0" + m;
-    if (d <= 9) d = "0" + d;
-    var cdate = y + "-" + m + "-" + d;
-    return cdate;
-}
+
+var PATH = "https://www.cqna.gov.cn/data";
+//初始化数据
+// changeDate({ date: $("#time").text().trim() }, PATH);
+// getajaxTop({ page: 1, limit: 12, name: "重庆市南岸区人民政府" }, PATH);
+
+
+$(".messagetop").delegate("li", "click", function () {
+    var url = $(this).children("span").attr("clickurl");
+    window.location.href(url);
+});

nngkxxdp/src/main/resources/static/mxt/layui/css/modules/code.css

@@ -1 +1,2 @@
-html #layuicss-skincodecss{display:none;position:absolute;width:1989px}.layui-code-h3,.layui-code-view{position:relative;font-size:12px}.layui-code-view{display:block;margin:10px 0;padding:0;border:1px solid #eee;border-left-width:6px;background-color:#FAFAFA;color:#333;font-family:Courier New}.layui-code-h3{padding:0 10px;height:40px;line-height:40px;border-bottom:1px solid #eee}.layui-code-h3 a{position:absolute;right:10px;top:0;color:#999}.layui-code-view .layui-code-ol{position:relative;overflow:auto}.layui-code-view .layui-code-ol li{position:relative;margin-left:45px;line-height:20px;padding:0 10px;border-left:1px solid #e2e2e2;list-style-type:decimal-leading-zero;*list-style-type:decimal;background-color:#fff}.layui-code-view .layui-code-ol li:first-child{padding-top:10px}.layui-code-view .layui-code-ol li:last-child{padding-bottom:10px}.layui-code-view pre{margin:0}.layui-code-notepad{border:1px solid #0C0C0C;border-left-color:#3F3F3F;background-color:#0C0C0C;color:#C2BE9E}.layui-code-notepad .layui-code-h3{border-bottom:none}.layui-code-notepad .layui-code-ol li{background-color:#3F3F3F;border-left:none}.layui-code-demo .layui-code{visibility:visible!important;margin:-15px;border-top:none;border-right:none;border-bottom:none}.layui-code-demo .layui-tab-content{padding:15px;border-top:none}
+/** layui-v2.4.5 MIT License By https://www.layui.com */
+ html #layuicss-skincodecss{display:none;position:absolute;width:1989px}.layui-code-h3,.layui-code-view{position:relative;font-size:12px}.layui-code-view{display:block;margin:10px 0;padding:0;border:1px solid #e2e2e2;border-left-width:6px;background-color:#F2F2F2;color:#333;font-family:Courier New}.layui-code-h3{padding:0 10px;height:32px;line-height:32px;border-bottom:1px solid #e2e2e2}.layui-code-h3 a{position:absolute;right:10px;top:0;color:#999}.layui-code-view .layui-code-ol{position:relative;overflow:auto}.layui-code-view .layui-code-ol li{position:relative;margin-left:45px;line-height:20px;padding:0 5px;border-left:1px solid #e2e2e2;list-style-type:decimal-leading-zero;*list-style-type:decimal;background-color:#fff}.layui-code-view pre{margin:0}.layui-code-notepad{border:1px solid #0C0C0C;border-left-color:#3F3F3F;background-color:#0C0C0C;color:#C2BE9E}.layui-code-notepad .layui-code-h3{border-bottom:none}.layui-code-notepad .layui-code-ol li{background-color:#3F3F3F;border-left:none}