@charset "utf-8"; /* **************首页***************** */ /*横幅广告位置*/ .hengf{width:100%} .hengf img{width:100%} /*横幅广告位置*/ .index-bg { background: #f8f8f8 url(/uploads/image/2images/index-cont-bg.png) no-repeat center 8.8rem; } .index-wrap { background: url(/uploads/image/2images/index-cont-bg.png) no-repeat center -0.6rem; } .index-bg .global-pad { padding-left: 2.4rem; padding-right: 2.4rem; } a { transition: color 0.3s ease; -moz-transition: color 0.3s ease; -webkit-transition: color 0.3s ease; -o-transition: color 0.3s ease; } /* 侧边栏 */ .side-bar { position: fixed; right: 0.2rem; bottom: 20%; z-index: 100; width: 0.7rem; padding: 0.27rem 0; background: #ffffff; box-shadow: 0px 0px 18px 0px rgba(50, 92, 147, 0.16); border-radius: 0.07rem; display: flex; flex-direction: column; justify-content: space-between; align-items: center; } .side-bar li { position: relative; padding: 0.16rem 0 0.2rem; width: 100%; } .side-bar li::after { content: ""; display: block; position: absolute; bottom: 0; left: 50%; margin-left: -7px; width: 14px; height: 4px; background: #e4e6ee; border-radius: 2px; } .side-bar li:first-child { padding-top: 0; } .side-bar li:last-child { padding-bottom: 0; } .side-bar li:last-child::after { display: none; } .side-icon { display: block; width: 0.34rem; position: relative; margin: 0 auto; } .side-icon img { width: 100%; } /* 点击显示二维码 */ .side-ewm { position: absolute; right: 0.83rem; padding: 0.15rem; top: 0; width: 2rem; background: #ffffff; box-shadow: 0px 0px 18px 0px rgba(50, 92, 147, 0.16); border-radius: 0.07rem; display: none; } .side-ewm::after { content: ""; display: block; position: absolute; top: 0.2rem; left: 2rem; width: 0.14rem; height: 0.04rem; border-width: 0.1rem; border-style: solid; border-color: transparent transparent transparent #ffffff; } .side-ewm img { width: 100%; } .side-bar li:hover .side-ewm { display: block; } /* 侧边分享 */ .bshare-custom { position: absolute; right: 0.83rem; padding: 0.15rem; top: 0; width: 1.7rem; background: #ffffff; box-shadow: 0px 0px 18px 0px rgba(50, 92, 147, 0.16); border-radius: 0.07rem; display: none; } .bshare-custom::after { content: ""; display: block; position: absolute; top: 50%; left: 1.7rem; margin-top: -0.08rem; width: 0.14rem; height: 0.04rem; border-width: 0.1rem; border-style: solid; border-color: transparent transparent transparent #ffffff; } .side-bar li:hover .bshare-custom { display: block; } .bsbox { box-sizing: content-box; } .bshare-custom{ clear: both; } .bshare-custom a{ display: block; width: 0.24rem; height: 0.24rem; background-position: center; background-size: 100%; background-repeat: no-repeat; margin: 0 0.054rem; float: left; } .bshare-weixin{ background-image: url(/uploads/image/2images/2023-weixin.gif); } .bshare-sinaminiblog{ background-image: url(/uploads/image/2images/2023-weibo.png); } .bshare-qqim{ background-image: url(/uploads/image/2images/2023-qqim.gif); } .bshare-qzone{ background-image: url(/uploads/image/2images/2023-qqzone.png); } /* 微信弹出二维码 */ .wx-pop-mod { position: fixed; top: 35%; left: 50%; margin-left: -1.8rem; width: 3rem; padding: 0.2rem 0.2rem 0.3rem; box-sizing: border-box; border: 1px solid #ddd; border-radius: 0.1rem; background: #fff; z-index: 10; } .wx-pop-mod h3 { font-size: 0.24rem; font-weight: normal; text-align: center; color: #444; margin-bottom: 0.1rem; } .weixin_share_close_btn { transform: rotate(45deg); position: absolute; top: 0.05rem; right: 0.05rem; font-size: 26px; width: 26px; height: 26px; display: flex; align-items: center; justify-content: center; cursor: pointer; color: #333; } .wx-pop-mod img { display: block; margin: auto; max-width: 100%; } /* 00 头条 ------------------------*/ .index-top-news { padding-top: 1rem; padding-bottom: 1.2rem; } .index-top-news a { display: block; text-align: center; font-size: 0.42rem; line-height: 0.52rem; color: #165dbb; font-weight: bold; } .index-top-news a:hover { color: #165dbb; } /* 01 今日要闻 --------------*/ .index-mod1 { display: flex; justify-content: space-between; margin-bottom: 0.7rem; } .index-mod1-l { display: flex; width: 8.1rem; } /*智能推荐 主题服务按钮*/ .side-tjfw { display: flex; flex-direction: column; margin-right: 0.2rem; position: relative; } .side-btn { position: relative; width: 0.6rem; background: #cadefa; display: inline-block; line-height: 0.28rem; padding: 0.2rem; margin-bottom: 0.1rem; font-weight: bold; font-size: 0.22rem; color: #165dbb; } .side-btn:hover, .side-btn-hover { background: #165dbb; color: #ffffff; } .side-btn-hover:after { content: ""; display: block; position: absolute; top: 50%; left: 0.6rem; margin-top: -10px; width: 0; height: 0; border-width: 10px; border-style: solid; border-color: transparent transparent transparent #165dbb; } .tjfw-bd { position: absolute; top: 0; left: 0.6rem; z-index: 20; background: #ffffff; padding: 0.2rem; border: 0.1rem solid #165dbb; } /* 智能推荐 */ .mod-zntj { padding-right: 0; display: none; } .mod-zntj-list { overflow-y: scroll; height: 5rem; } .zntj-list { width: 4rem; padding-right: 0.2rem; margin-bottom: 0.2rem; padding-bottom: 0.2rem; border-bottom: 1px dashed #dae0e8; } .zntj-list:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .zntj-list dt { font-size: 0.2rem; font-weight: bold; margin-bottom: 0.1rem; } .zntj-list dd { margin-bottom: 0.1rem; } .zntj-list dd a { font-size: 0.16rem; } /* 主题服务 */ .mod-ztfw { display: none; } .mod-ztfw a { width: 3rem; display: block; margin-bottom: 0.2rem; overflow: hidden; } .mod-ztfw a:last-child { margin-bottom: 0; } .mod-ztfw a img { width: 100%; object-fit: cover; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } .mod-ztfw a:hover img { transform: scale(1.05); } /* 今日要闻活跃夹 */ .index-mod1-l .index-tab-nav .nav-hover a { color: #fff; } .index-tab { display: none; } .index-tab-on { display: block; } /* 今日要闻 滚图 */ .index-top-swiper { width: 7.2rem; height: 4.35rem; overflow: hidden; position: relative; } .top-swiper-more{ display:inline-block; position:absolute; top:0.1rem; z-index:1; right: 0.1rem; background: rgba(22,93,187,0.7); padding: 0.05rem 0.1rem; border-radius: 4px; color: #fff; font-size: 0.16rem; } .top-swiper-more:hover{ color: #fff; } .index-top-swiper .swiper-slide { width: 7.2rem; height: 4.35rem; overflow: hidden; } .top-swiper-img { width: 7.2rem; height: 4.35rem; overflow: hidden; position: relative; } .top-swiper-img img{ height: 100%; } .top-swiper-img::after { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; background-image: linear-gradient(to top, rgb(0, 0, 0, 0.7), rgb(0, 0, 0, 0)); } .top-swiper-tit { position: absolute; left: 0.3rem; bottom: 0.3rem; font-size: 0.22rem; color: #fff; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; width: 84%; } .top-swiper-pagination { position: absolute; bottom: 0.35rem !important; z-index: 10; text-align: right; width: 97% !important; } .top-swiper-pagination .swiper-pagination-bullet { width: 0.1rem; height: 0.1rem; display: inline-block; background: rgba(230, 236, 245, 0.7); cursor: pointer; } .top-swiper-pagination .swiper-pagination-bullet-active { background: rgba(230, 236, 245, 1); } /* 右侧列表 */ .index-mod1-r { width: 5.9rem; } /* 活跃夹栏目 */ .swiper-container.gallery-thumbs{ width: 90%; margin:0 auto; z-index:5; } .swiper-container.gallery-top{ width: 100%; height: calc(100% 0.73rem); padding-top: 0.73rem; margin-top: -0.73rem; box-sizing: border-box; } .gallery-top .swiper-button-next.swiper-button-white{ background-image: ; right: 0; } .gallery-top .swiper-button-prev.swiper-button-white{ background-image: ; left: 0; } .gallery-top .swiper-button-next.swiper-button-white, .gallery-top .swiper-button-prev.swiper-button-white{ background-size:100% 100%; width: 0.12rem; height: 0.23rem; margin-top: 0.1rem; top: 0%; } .index-mod1-r .index-tab-nav { /* display: flex; justify-content: space-between; align-items: center; */ width: 100%; margin-bottom: 0.3rem; } .index-mod1-r .index-tab-nav span { /* display: inline-block; */ height: 0.44rem; line-height: 0.44rem; /* width: 20%; */ text-align: center; transition: all 0.3s ease; cursor: pointer; } .index-mod1-r .index-tab-nav a { font-size: 0.22rem; color: #666666; font-weight: 600; display: block; height: 0.44rem; line-height: 0.44rem; } .index-mod1-r .index-tab-nav .nav-hover, .index-mod1-r .index-tab-nav span:hover { background: #8bc24a; border-radius: 0.1rem; } .index-mod1-r .index-tab-nav .nav-hover a, .index-mod1-r .index-tab-nav span:hover a { color: #fff; } /* 文字列表 今日要闻 */ .index-news-list li { margin-bottom: 0.16rem; padding-bottom: 0.16rem; border-bottom: 1px dashed #dae0e8; } .index-news-list li:last-child { margin-bottom: 0; } .news-list-item { display: block; color: #333333; font-size: 0.2rem; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-weight: 400; height: 0.3rem; line-height:0.3rem; } .news-list-item::before { content: ""; display: inline-block; width: 5px; height: 5px; background: #70767b; margin-right: 0.1rem; margin-bottom: 0.04rem; } /* 02 投资深汕 --------------*/ .index-mod2 { background: #ffffff; padding: 0.5rem; } /* 栏目背景 */ .index-nav { text-align: center; margin-bottom: 0.1rem; } .index-nav a { display: inline-block; font-size: 0.38rem; color: #333333; font-weight: bold; background: url(/uploads/image/2images/index-nav.png) no-repeat left center; background-size: auto 100%; height: 0.5rem; padding: 0.31rem 0.78rem 0.56rem 1.16rem; box-sizing: content-box; margin: 0 auto; } .index-mod2-tzss { display: flex; justify-content: space-between; } /* 投资深汕活跃夹 */ .tab-nav-tzss { border-bottom: 1px solid #e6ecf5; margin-bottom: 0.3rem; } .tab-nav-tzss h2 { width: 100%; } .tab-nav-tzss span { margin-right: 0.7rem; transition: color 0.3s ease; cursor: pointer; display: inline-block; } .tab-nav-tzss span:last-child { margin-right: 0; } .tab-nav-tzss a { color: #666666; font-weight: bold; font-size: 0.26rem; } .tab-nav-tzss .nav-hover, .tab-nav-tzss span:hover { border-bottom: 5px solid #2e72cb; padding-bottom: 0.19rem; } .tab-nav-tzss .nav-hover a, .tab-nav-tzss span:hover a { color: #2e72cb; } /* 投资深汕 左侧版块 发展规划 */ .index-mod2-l { width: 7.6rem; margin-right: 0.5rem; } .index-mod2-l .index-tab{ height: 3.63rem; } /* 发展规划 */ .mod2-tzss-item { display: flex; justify-content: space-between; } .mod2-tzss-nav { width: 1.9rem; margin-right: 0.3rem; } .mod2-tzss-nav h2 { height: 100%; display: flex; flex-direction: column; justify-content: space-between; } .mod2-tzss-nav span { width: 100%; background: #a2a7ab; border-radius: 0.1rem; display: block; cursor: pointer; padding: 0.1rem; height: calc(100% / 5); transition: all 0.3s ease; } .mod2-tzss-nav span:last-child { margin-bottom: 0; } .mod2-tzss-nav span a { font-size: 0.2rem; line-height: 130%; color: #ffffff; text-align: center; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .mod2-tzss-nav .nav-hover { background: #8bc24a; } .mod2-tzss-item .index-tab { width: 5.4rem; } .mod2-tzss-item .index-tab h3 { margin-bottom: 0.2rem; font-size: 0.2rem; font-weight: 400; color: #333333; line-height: 0.28rem; text-align: justify; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height: 0.84rem; } .mod2-tzss-img { width: 100%; height: 2.58rem; overflow: hidden; } .mod2-tzss-img img { width: 100%; object-fit: cover; height: 100%; } /* 投资深汕 右侧版块 汽车城专栏 */ .index-mod2-r { width: 6.2rem; } /* 03 政民互动版块 --------------*/ .index-mod3 { padding-top: 0.6rem; padding-bottom: 0.6rem; position: relative; } /* 第一层活跃夹 */ .tab-nav-zmhd { background: #f0f2f5; } /* 需要点击的活跃夹切换 */ .index-tab2 { display: none; } .index-tab-on2 { display: block; } .tab-nav-zmhd h2 { display: flex; justify-content: space-between; align-items: center; } .tab-nav-zmhd span { width: 33.333%; text-align: center; transition: background-color 0.3s ease; } .tab-nav-zmhd a { display: block; height: 1.1rem; line-height: 1.1rem; font-size: 0.34rem; font-weight: bold; color: #333333; letter-spacing: 0.02rem; } .tab-nav-zmhd a b{ font-size: 0.44rem; } .tab-nav-zmhd .nav-hover2 a, .tab-nav-zmhd span:hover a{ color: #fff; } .tab-nav-zmhd img { width: 1.07rem; height: 0.62rem; } .tab-nav-zmhd .nav-hover2, .tab-nav-zmhd span:hover { background: #2e72cb url(/uploads/image/2images/index-zmhd-nav-bg.png) no-repeat left bottom; background-size: 3.3rem 0.86rem; } .tab-nav-zmhd .nav-hover2 img, .tab-nav-zmhd span:hover img { filter: brightness(100); } .mod-zmhd-bd { background: #fff; padding: 0.6rem; } /* 我要看 */ .mod-wyk-item { display: flex; justify-content: space-between; } .mod-wyk-item1 { margin-bottom: 0.6rem; } /* 我要看 左侧 */ .wyk-item1-l { width: 7.9rem; } /* 政策法规活跃夹 */ .mod-wyk-l-zc { margin-bottom: 0.3rem; } .tab-nav-wyk { } .tab-nav-wyk { margin-bottom: 0.35rem; } .tab-nav-wyk h2 { width: 100%; } .tab-nav-wyk span { margin-right: 0.35rem; transition: all 0.3s ease; cursor: pointer; } .tab-nav-wyk span:last-child { margin-right: 0; } .tab-nav-wyk a { color: #666666; font-weight: bold; font-size: 0.22rem; } .tab-nav-wyk .nav-hover a, .tab-nav-wyk span:hover a { color: #2e72cb; } /* 文字列表带日期 */ .index-news-list-date li { margin-bottom: 0.16rem; padding-bottom: 0.16rem; border-bottom: 1px dashed #dae0e8; display: flex; justify-content: space-between; align-items: center; } .index-news-list-date li:last-child { margin-bottom: 0; } .index-news-list-date li span { color: #999999; font-size: 0.18rem; margin-left: 0.3rem; } .news-list-tit { display: block; color: #333333; font-size: 0.2rem; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-weight: 400; line-height: 160%; flex: 1; height: 0.35rem; } .news-list-tit::before { content: ""; display: inline-block; width: 5px; height: 5px; background: #70767b; margin-right: 0.1rem; margin-bottom: 0.04rem; } /* 数据发布 列表 */ .mod-sj-list { display: flex; justify-content: space-between; align-items: center; } .mod-sj-list a { font-size: 0.2rem; color: #165dbb; text-align: center; width: 31%; margin-right: 3.5%; background: #f5f8fc; border: 1px solid #2e72cb; padding: 0.25rem 0; } .mod-sj-list a:last-child { margin-right: 0; } .mod-sj-list a img { margin-right: 0.2rem; width: 0.4rem; } .mod-sj-list a:hover { color: #ffffff; background: #165dbb; } .mod-sj-list a:hover img { filter: brightness(100); } /* 我要看 左侧 文件检索 */ .wyk-item1-r { width: 4.4rem; background: #fff url(/uploads/image/2images/index-wjjs-bg.jpg) no-repeat top center; background-size: 100% auto; border-radius: 0.3rem 0.3rem 0 0; } .mod-wjjs-tit { color: #ffffff; text-align: center; margin: 0.5rem auto 0.3rem; } .mod-wjjs-tit h2 { font-size: 0.3rem; text-shadow: 0px 0px 8px rgba(32, 43, 88, 0.33); } .mod-wjjs-tit span { text-transform: uppercase; font-size: 0.14rem; text-shadow: 0px 0px 23px rgba(32, 43, 88, 0.43); } .mod-wjjs-form { background: #ffffff; border-radius: 0.3rem; padding: 0.38rem 0.5rem; box-shadow: 0 0 0.23rem 0 rgba(46, 114, 203, 0.13); } .mod-wjjs-form p { display: flex; margin-bottom: 0.16rem; align-items: center; } .mod-wjjs-form p label { width: 1rem; font-size: 0.16rem; } .wjjs-key, .wjjs-wh, .wjjs-date { width: 100%; background: rgba(177, 198, 226, 0.1); padding-left: 0.2rem; height: 0.52rem; line-height: 0.52rem; font-size: 0.14rem; } .mod-wjjs-form input:-moz-placeholder { color: #aeb2b9; } .mod-wjjs-form input:-ms-input-placeholder { color: #aeb2b9; } .mod-wjjs-form input::-webkit-input-placeholder { color: #aeb2b9; } .wjjs-date { color: #aeb2b9; } .wjjs-date option { color: #333333; } .btn-check { width: 1.8rem; height: 0.52rem; line-height: 0.52rem; background: #8bc24a; border-radius: 0.1rem; display: block; color: #ffffff; text-align: center; font-size: 0.16rem; margin: 0.3rem auto 0; } .btn-check:hover { color: #ffffff; } /* 文件检索弹窗 列表 */ .mod-wjjs-pop { display: none; background: #fff; position: absolute; width: 75%; top: 10.2%; left: 50%; margin-left: -37.5%; box-shadow: 0 0 0.23rem 0 rgba(46, 114, 203, 0.2); padding: 4% 2% 3%; border-radius: 0.3rem; } .wjjs-pop-list { margin-bottom: 0.2rem; } .wjjs-pop-list li { margin-bottom: 0.2rem; padding-bottom: 0.2rem; border-bottom: 1px dashed #dae0e8; } .wjjs-pop-list li:last-child { margin-bottom: 0; } .wjjs-pop-list li a { display: flex; justify-content: space-between; } .wjjs-pop-list li h3 { color: #333333; font-size: 0.2rem; font-weight: 400; line-height: 150%; flex: 1; margin-right: 0.3rem; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .wjjs-pop-list li h3::before { content: ""; display: inline-block; width: 5px; height: 5px; background: #70767b; margin-right: 0.1rem; margin-bottom: 0.04rem; } .wjjs-pop-list li h3 em { font-style: normal; } .wjjs-pop-list li span { color: #999999; font-size: 0.18rem; display: inline-block; text-align: right; } /* 弹窗 关闭按钮 */ .wjjs-close { border: 1px solid #2e72cb; background: #f5f8fc; color: #165dbb; text-align: center; width: 20%; margin: 0.3rem auto 0; padding: 0.15rem; font-size: 0.24rem; display: block; transition: all 0.3s ease-in; } .wjjs-close:hover { background: #165dbb; color: #ffffff; } /* 广东政务服务网-banner */ .index-banner{ margin-bottom:0.4rem; } .index-banner img{ width:100% } .index-banner-mb{ display:none; } /* 我要看 第二行版块 政府信息公开专栏 */ /* 政府信息公开专栏 左侧 */ .wyk-item2-l { width: 5rem; margin-right: 0.3rem; } .wyk-item2-l .index-nav { margin-bottom: 0.26rem; } .wyk-item2-l .index-nav a { padding-left: 1.1rem; padding-right: 0.6rem; } .zfxxgk-list { } .zfxxgk-list li { height: 1.15rem; margin-bottom: 0.1rem; } .zfxxgk-list li:last-child { margin-bottom: 0; } .zfxxgk-list li a { display: flex; justify-content: space-between; align-items: center; padding-left: 0.4rem; padding-right: 0.25rem; font-size: 0.27rem; height: 100%; } .zfxxgk-list h3 { font-weight: bold; } .zfxxgk-list img { height: 100%; } .zfxxgk-list li:first-child a { background: #ebeffa; color: #4365c6; } .zfxxgk-list li:nth-child(2) a { background: #f3faeb; color: #768a5d; } .zfxxgk-list li:nth-child(3) a { background: #faf1eb; color: #ae6636; } .zfxxgk-list li:nth-child(4) a { background: #ebf3fa; color: #4579be; } .zfxxgk-list li:last-child a { background: #faf7eb; color: #797153; } .zfxxgk-list li:first-child a:hover { background: #e2eaff; } .zfxxgk-list li:nth-child(2) a:hover { background: #f4ffe7; } .zfxxgk-list li:nth-child(3) a:hover { background: #fff0e6; } .zfxxgk-list li:nth-child(4) a:hover { background: #e8f4ff; } .zfxxgk-list li:last-child a:hover { background: #fffae6; } /* 政府信息公开专栏 右侧 */ .wyk-item2-r { width: 7.7rem; } .index-icon-list { display: flex; flex-wrap: wrap; height: 100%; } .index-icon-list a { width: 32%; background: #cadefa; margin-bottom: 2%; margin-right: 2%; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 0.2rem; } .index-icon-list a:nth-child(3n) { margin-right: 0; } .index-icon-list a:nth-child(n 7) { margin-bottom: 0; } .xxgk-list-icon { width: 0.63rem; height: 0.63rem; margin-bottom: 0.24rem; display: flex; align-items: center; justify-content: center; } .xxgk-list-icon img { width: auto; max-width: 100%; transition: all 0.3s ease; } .xxgk-list-icon img:last-child { display: none; } .index-icon-list a:first-child { background: #fcf9f2; } .index-icon-list a:nth-child(2), .index-icon-list a:nth-child(4), .index-icon-list a:nth-child(8) { background: #f2f7fc; } .index-icon-list a:nth-child(3), .index-icon-list a:nth-child(7) { background: #f2fcf8; } .index-icon-list a:nth-child(5), .index-icon-list a:nth-child(9) { background: #fcf5f2; } .index-icon-list a:nth-child(6) { background: #fcf9f2; } .index-icon-list a:hover { color: #ffffff; background: #165dbb url(/uploads/image/2images/index-icon-bg.png) no-repeat bottom center; background-size: 100% auto; } .index-icon-list a:hover img:last-child { display: block; } .index-icon-list a:hover img:first-child { display: none; } .fw-list-icon{ display: flex; justify-content: center; align-items: center; width: 0.5rem; height: 0.5rem; margin-top: 0.1rem; } .fw-list-icon img{ width: auto; max-width: 100%; position: inherit; } /* 我要办 */ /* 二级栏目 */ .index-sec-nav { font-size: 0.22rem; font-weight: bold; margin-bottom: 0.3rem; } /* 一排五个图标列表 */ .zmhd-icon-list { margin-bottom: 0.5rem; } .zmhd-icon-list a { width: 19.2%; margin-bottom: 1%; height: 1.8rem; } .index-img-list { display: flex; flex-wrap: wrap; } .index-img-list a { width: 23.5%; margin-right: 2%; margin-bottom: 0.4rem; overflow: hidden; } .index-img-list a:nth-child(4n) { margin-right: 0; } .index-img-list a:nth-child(n 5) { margin-bottom: 0; } .index-img-list a img { width: 100%; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } .index-img-list a:hover img { transform: scale(1.05); } /* 我要问 */ /* 我要问 顶部banner */ .mod-wyw-banner { margin-bottom: 0.4rem; } .mod-wyw-banner img { width: 100%; } /* 我要问 活跃夹版块 */ .mod-wyw { margin-bottom: 0.4rem; } /* 留言选登 */ .wyk-news-list li { margin-bottom: 0.16rem; display: flex; justify-content: space-between; align-items: center; } .wyk-news-list li:last-child { margin-bottom: 0; } .wyk-news-list a { display: flex; align-items: center; flex: 1; } .wyk-news-list b { display: inline-block; text-align: center; padding: 0.1rem 0.2rem; background: #ebf1f8; border-radius: 0.4rem; font-size: 0.16rem; color: #2e72cb; margin-right: 0.16rem; } .wyk-news-list h3 { font-size: 0.2rem; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; flex: 1; } .wyk-news-list li span { color: #999999; font-size: 0.18rem; text-align: right; margin-left: 0.3rem; } /* 在线访谈 */ .zxft-item { display: flex; } .zxft-img { width: 4.9rem; height: 3.2rem; overflow: hidden; margin-right: 0.5rem; } .zxft-img img { object-fit: cover; width: 100%; } .zxft-info { width: 7.8rem; margin: 0.15rem 0 0.1rem; display: flex; flex-direction: column; justify-content: space-between; } /* 访谈主题 */ .xzft-topic { } .xzft-topic a { font-size: 0.24rem; font-weight: bold; margin-bottom: 0.3rem; display: block; } .xzft-topic h4 { margin-bottom: 0.1rem; } .xzft-topic h4, .xzft-topic h5 { font-size: 0.2rem; } .xzft-topic h5{ margin-bottom: 0.2rem; } /* 访谈更多、往期回顾按钮 */ .xzft-btn a { display: inline-block; width: 1.5rem; height: 0.5rem; line-height: 0.5rem; text-align: center; border: 1px solid #1369c1; margin-right: 0.15rem; color: #165dbb; font-size: 0.16rem; } a.xzft-btn-more, .xzft-btn a:hover { background: #1369c1; color: #ffffff; } a.xzft-btn-more:hover { background: #165dbb; } /* 征集调查 */ .zjdc-news-list a { width: 100%; } .zjdc-news-list b { } .zjdc-news-list h3 { } /* 业务知识库 */ .wyk-news-list b.zj-end { background: #f6f6f6; color: #adadad; } /* 04 重点领域信息公开 --------------*/ .index-mod4 { background: #ffffff; padding-top: 0.5rem; padding-bottom: 0.5rem; } .index-mod4 .index-nav { margin-bottom: 0.3rem; } /* 一排五个图标列表 通用 */ .index-icon-list2 { display: flex; flex-wrap: wrap; margin-bottom: 0.5rem; } .index-icon-list2 a { width: 19.2%; margin-bottom: 1%; height: 1.8rem; margin-right: 1%; display: flex; flex-direction: column; align-items: center; font-size: 0.2rem; padding: 0.3rem 0.3rem 0.2rem; justify-content: flex-start; } .index-icon-list2 a:nth-child(5n) { margin-right: 0; } .index-icon-list2 a:nth-child(n 6) { margin-bottom: 0; } .index-icon-list2 a:nth-child(1), .index-icon-list2 a:nth-child(5), .index-icon-list2 a:nth-child(8) { background: #fcf5f2; } .index-icon-list2 a:nth-child(2), .index-icon-list2 a:nth-child(9) { background: #f2f5fc; } .index-icon-list2 a:nth-child(3), .index-icon-list2 a:nth-child(7) { background: #f2fcf8; } .index-icon-list2 a:nth-child(6) { background: #fcf9f2; } .index-icon-list2 a:nth-child(4) { background: #fcf9f2; } .index-icon-list2 a:nth-child(10) { background: #f2f7fc; } .index-icon-list2 a:hover { color: #ffffff; background: #165dbb url(/uploads/image/2images/index-icon-bg2.png) no-repeat bottom center; background-size: 100% auto; } .index-icon-list2 a:hover img:last-child { display: block; } .index-icon-list2 a:hover img:first-child { display: none; } /* 我要问底部图标 */ .wyw-icon-list, .wyw-icon-list a { margin-bottom: 0; } /* 05 专题专栏 --------------*/ .index-mod5 { background: #ffffff; padding-bottom: 0.7rem; } .index-mod5 .index-nav { margin-bottom: 0.3rem; } .index-mod-zt { background: #ffffff; box-shadow: 0 0 0.23rem 0 rgba(76, 81, 113, 0.13); padding: 0.22rem 0.22rem 0.27rem; } .zt-swiper { overflow: hidden; } .zt-swiper .swiper-slide { display: block; height: 2.15rem; margin-bottom: 0.15rem; overflow: hidden; } .zt-swiper-pagination { text-align: center; } .zt-swiper-pagination .swiper-pagination-bullet { width: 0.12rem; height: 0.12rem; border-radius: 0.1rem; background: #f0f0f0; opacity: 1; } .zt-swiper-pagination .swiper-pagination-bullet-active { background: #8bc24a; } /* 公告弹窗 ----*/ .pop-notice{ position: fixed; right: 0.2rem; bottom: 0.2rem; width: 20%; background: #ffffff; border-radius: 10px; z-index: 9999; box-shadow: 0px 0px 18px 0px rgba(50, 92, 147, 0.16); } .pop-notice h2{ text-align: center; font-size: 0.24rem; padding: 0.15rem 0.1rem; border-bottom: 1px solid #e6ecf5; } .pop-notice-txt{ padding: 0.2rem; font-size: 0.16rem; border-bottom: 1px solid #e6ecf5 } .pop-notice-txt p{ margin-bottom: 0.1rem; } .pop-notice-txt p:nth-child(2){ text-indent: 0.32rem; } .pop-notice-txt p:last-child{ margin-bottom: 0; } .notice-txt-r{ text-align: right; } .pop-notice-btn{ font-size: 0.16rem; text-align: center; padding: 0.15rem 0; cursor: pointer; color: #999999; } /* 手机版适配--------------*/ @media screen and (max-width: 768px) { body.useinmobile .ariafontcontent, body.useinmobile, body.useinmobile [aria-fontsize='normal'], body.useinmobile [role='contenttext']{ line-height: 120% !important; } .index-bg { background-image: none; } .index-bg .global-pad { padding: 0.6rem 0.4rem 0.2rem; } .index-bg .footer .global-pad{ padding:0 0.4rem; } .index-wrap { background-position: top center; background-size: 120% auto; } .index-nav { margin-bottom: 0.5rem !important; } .index-nav a { font-size: 0.48rem; } /* 00 头条 ------------------------*/ .index-top-news { } /* 01 今日要闻 --------------*/ /* 智能推荐 */ .side-tjfw { flex-direction: row; margin-right: 0; } .side-btn { width: 2rem; text-align: center; margin-right: 0.2rem; margin-bottom: 0.4rem; font-size: 0.26rem; height: 0.65rem; } .side-btn-hover:after { border-color: #165dbb transparent transparent transparent; top: 0.75rem; left: 50%; margin-left: -0.1rem; } .tjfw-bd { top: 0.65rem; left: 0; width: 100%; } .zntj-list { width: 100%; } .zntj-list dt { font-size: 0.28rem; } .zntj-list dd a{ font-size: 0.26rem; } .zntj-list dd{ margin-bottom: 0.2rem; } .mod-ztfw { overflow: hidden; zoom: 1; } .mod-ztfw a { float: left; width: 48%; margin-right: 4%; height: 1.5rem; } .mod-ztfw a img { height: 100%; } .mod-ztfw a:nth-child(2n) { margin-right: 0; } .mod-ztfw a:nth-child(n 3) { margin-bottom: 0; } .index-mod1 { margin-bottom: 0.3rem; } .index-mod1-l { margin-bottom: 0.36rem; display: block; } /* 今日要闻 滚图 */ .index-top-swiper, .index-top-swiper .swiper-slide, .top-swiper-img { width: 100%; height: 4.2rem; } .top-swiper-tit { font-size: 0.3rem; } .index-mod1-r .index-tab-nav span { height: 0.65rem; line-height: 0.65rem; } .index-mod1-r .index-tab-nav a { height: 0.65rem; font-size: 0.26rem; line-height: 0.65rem; } .index-mod1, .index-mod2-tzss { flex-direction: column; } .swiper-container.gallery-top{ height: calc(100% 1.15rem); padding-top: 1.15rem; margin-top: -1.15rem; } .gallery-top .swiper-button-next.swiper-button-white, .gallery-top .swiper-button-prev.swiper-button-white{ top: 2%; } .index-mod1-r .index-tab-nav { margin-bottom: 0.5rem; } .index-news-list li { margin-bottom: 0.3rem; padding-bottom: 0.3rem; } .news-list-item { font-size: 0.28rem; height: 0.4rem; line-height: 0.4rem; } .index-mod1-l, .index-mod1-r, .index-mod2-l, .index-mod2-r { width: 100%; } .index-mod2-l .index-tab{ height: auto; } /* 02 投资深汕 --------------*/ .tab-nav-tzss{ padding-bottom: ; } .tab-nav-tzss span { margin-right: 0.3rem; } .tab-nav-tzss .nav-hover, .tab-nav-tzss span:hover { padding-bottom:0.09rem; } .mod2-tzss-item { flex-direction: column; } .index-mod2-l { margin-right: 0; margin-bottom: 0.3rem; } .mod2-tzss-nav { margin-right: 0; width: 100%; margin-bottom: 0.3rem; } .tab-nav-tzss a { font-size: 0.28rem; } .mod2-tzss-nav h2 { display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; height: 1rem; } .mod2-tzss-nav h2 span { width: 23%; height: 100%; margin-right: 2%; display: block; } .mod2-tzss-nav h2 span:last-child { margin-right: 0; } .mod2-tzss-nav span a { width: 100%; margin-bottom: 0; font-size: 0.26rem; } .mod2-tzss-img { height: 3rem; } .mod2-tzss-item .index-tab, .mod2-tzss-img, .mod2-tzss-img img { width: 100%; } /* 03 政民互动版块 --------------*/ .index-mod3 { padding: 0.4rem 0 !important; background: #ffffff; } .mod-zmhd-bd { padding: 0.5rem 0.4rem; } .mod-wyk-item { flex-direction: column; } .tab-nav-wyk a { font-size: 0.28rem; } .wyk-item1-l, .wyk-item1-r { width: 100%; } .wyk-item1-l { margin-bottom: 0.5rem; } /* 政策法规 */ .mod-wyk-l-zc { margin-bottom: 0.55rem; } .index-news-list-date li { margin-bottom: 0.3rem; padding-bottom: 0.3rem; } .news-list-tit { font-size: 0.28rem; width: 75%; height: 0.4rem; } .index-news-list-date li span { font-size: 0.26rem; } /* 数据发布 列表 */ .mod-sj-list a { display: flex; flex-direction: column; align-items: center; font-size: 0.26rem; } .mod-sj-list a img { margin-right: 0; margin-bottom: 0.2rem; } /* 我要看 左侧 文件检索 */ .mod-wjjs-tit h2 { font-size: 0.46rem; } .mod-wjjs-tit span { font-size: 0.22rem; } .mod-wjjs-form p label { font-size: 0.28rem; width: 1.5rem; } .wjjs-key, .wjjs-wh, .wjjs-date { height: 0.8rem; line-height: 0.8rem; font-size: 0.24rem; } .btn-check { font-size: 0.28rem; height: 0.8rem; line-height: 0.8rem; width: 60%; } /* 文件检索弹窗 列表 */ .mod-wjjs-pop { top: 20%; width: 96%; left: 50%; margin-left: -48%; padding: 5%; } .wjjs-pop-list li a{ flex-direction: column; } .wjjs-pop-list li h3{ font-size: 0.26rem; margin-right: 0; margin-bottom: 0.1rem; } .wjjs-pop-list li span{ text-align: left; } /* 弹窗 关闭按钮 */ .wjjs-close { width: 40%; } /* 广东政务服务网-banner */ .index-banner-pc{ display:none; } .index-banner-mb{ display:block; } /* 我要看 第二行版块 政府信息公开专栏 */ .wyk-item2-l, .wyk-item2-r { width: 100%; } /* 政府信息公开专栏 左侧 */ .wyk-item2-l { margin-right: 0; margin-bottom: 0.7rem; } .zfxxgk-list li { height: 1.7rem; margin-bottom: 0.15rem; } .zfxxgk-list li a { font-size: 0.34rem; } .index-icon-list a { height: 2rem; font-size: 0.22rem; width: 23.5%; } .index-icon-list a:nth-child(4n){ margin-right: 0; } .index-icon-list a:nth-child(3n){ margin-right: 2%; } /* 我要办 主题服务*/ .index-img-list a { width: 49%; margin-bottom: 2%; } .index-img-list a:nth-child(2n) { margin-right: 0; } .index-img-list a:nth-child(n 5) { margin-bottom: 2%; } /* 我要问 */ /* 留言选登 */ .wyk-news-list li { flex-direction: column; align-items: flex-start; margin-bottom: 0.3rem; } .wyk-news-list a { width: 100%; margin-bottom: 0.1rem; } .wyk-news-list h3 { width: 100%; font-size: 0.28rem; } .wyk-news-list b { font-size: 0.24rem; } .wyk-news-list li span { width: auto; margin-left: 0.1rem; font-size: 0.26rem; } /* 在线访谈 */ .zxft-item { flex-direction: column; } .zxft-img{ width: 100%; height: 4rem; margin-right: 0; } .zxft-info{ width: 100%; margin: 0.3rem 0 0; } .xzft-topic{ margin-bottom: 0.2rem; } .xzft-topic a{ font-size: 0.3rem; margin-bottom: 0.2rem; } .xzft-topic h4, .xzft-topic h5{ font-size: 0.24rem; } .xzft-btn a{ font-size: 0.24rem; width: 2rem; height: 0.6rem; line-height: 0.6rem; } /* 04 重点领域信息公开 --------------*/ .index-mod4{ padding-top: 0 !important; } .zdly-icon-list { margin-bottom: 0; } .index-icon-list2 a { width: 23.5%; margin-bottom: 2%; margin-right: 2%; font-size: 0.22rem; padding: 0.3rem 0.01rem 0.2rem; } .xxgk-list-icon{ height:0.5rem; /* margin-bottom: 0.2rem; */ } .fw-list-icon{ margin-top:0; width: auto; margin-bottom: 0.2rem; } .fw-list-icon img{ height: 100%; } .index-icon-list2 a h3{ line-height: 150%; } .index-icon-list2 a:nth-child(4n) { margin-right: 0; } .index-icon-list2 a:nth-child(5n){ margin-right:2%; } .index-icon-list2 a:nth-child(n 6) { margin-bottom: 2%; } .index-icon-list2 a:nth-child(n 8) { margin-bottom:0; } /* 05 专题专栏 --------------*/ .index-mod5 { } .index-mod5 .index-nav { padding-left: 0.4rem; padding-right: 0.4rem; } .index-mod-zt { background: none; box-shadow: none; padding: 0; } .zt-swiper .swiper-slide { height: auto; } .zt-swiper .swiper-slide img{ height: 100%; } .zt-swiper-pagination { } .zt-swiper-pagination .swiper-pagination-bullet { width: 0.16rem; height: 0.16rem; } .side-bar { display: none; } /* 公告弹窗 ----*/ .pop-notice h2{ font-size: 0.3rem; } .pop-notice-txt, .pop-notice-btn{ font-size: 0.24rem; } .pop-notice{ width: 80%; left: 50%; margin-left: -40%; bottom: 30%; } } /* 适配关怀版 样式-------------------------- */ body.useoldfixed .side-bar{ display: none; }