/* * @author: omt.xu * @date: 2019-07-01 09:15:08 * @last modified by: adminomt * @last modified time: 2020-12-09 16:58:44 */ @charset "utf-8"; .main-body { width: 100%; } .main-yw-jj { padding: 40px 0; background: no-repeat top left #234ba0; background-size: 100% 100%; } /* 轮播推荐 */ .mod-focus .mod-focus-image { width: 596px; height: 327px; overflow: hidden; background-color: #f7f7f7; } .mod-focus .mod-focus-image ul, .mod-focus .mod-focus-image li { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .mod-focus .mod-focus-image .bd { overflow: hidden; } .mod-focus .mod-focus-image .img-item { position: relative; float: left; width: 596px; height: 327px; overflow: hidden; } .mod-focus .mod-focus-image .img-item .image { width: 596px; height: 327px; overflow: hidden; } .mod-focus .mod-focus-image .img-item .image img { width: 596px; height: 327px; } .mod-focus .mod-focus-image .img-item .title { position: absolute; bottom: -1px; left: 0; width: 596px; padding: 19px 0; filter: progid:dximagetransform.microsoft.gradient(startcolorstr=#80000000, endcolorstr=#80000000); background-color: rgba(0, 0, 0, .6); } .mod-focus .mod-focus-image .img-item .title a { display: block; margin-left: 22px; width: 75%; height: 24px; line-height: 1.5; font-size: 16px; color: #fff; text-align: left; overflow: hidden; } .mod-focus .mod-focus-image .hd { position: absolute; right: 10px; bottom: 19px; text-align: center; height: 18px; } .mod-focus .mod-focus-image .hd ul { display: inline-block; height: 18px; *display: inline; *zoom: 1; } .mod-focus .mod-focus-image .hd li { float: left; margin-left: 11px; width: 12px; height: 12px; border-radius: 50%; overflow: hidden; background-color: #fff; cursor: pointer; } .mod-focus .mod-focus-image .hd li.on { background-color: #1a4e95; } .mod-focus .mod-focus-image .prev, .mod-focus .mod-focus-image .next { position: absolute; top: 50%; left: -50px; z-index: 3; width: 50px; height: 50px; margin-top: -25px; background: no-repeat; background-position: 0px 0px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .mod-focus .mod-focus-image .next { left: auto; right: -50px; background-position: -50px -50px; } .mod-focus .mod-focus-image .prev:hover { background-position: -50px 0; filter: progid:dximagetransform.microsoft.gradient(startcolorstr=#80000000, endcolorstr=#80000000); background-color: rgba(0, 0, 0, .4); } .mod-focus .mod-focus-image .next:hover { background-position: 0 -50px; filter: progid:dximagetransform.microsoft.gradient(startcolorstr=#80000000, endcolorstr=#80000000); background-color: rgba(0, 0, 0, .4); } /*mod-focus-news*/ .mod-focus-news { position: relative; width: 589px; height: 327px; } .mod-focus-news .cont-up { padding: 15px 0; border-bottom: 1px solid #fff; } .mod-focus-news .cont-down { padding-top: 12px; } .mod-focus-news .mod-focus-news-bd .item { height: 25px; overflow: hidden; line-height: 1.4; margin-top: 10px; } .mod-focus-news .mod-focus-news-bd .item.first { height: auto; margin-top: 0; } .mod-focus-news .mod-focus-news-bd .item a { display: block; font-size: 18px; font-weight: bold; overflow: hidden; width: 570px; padding-left: 20px; color: #fff; background: no-repeat 0 10px; } .mod-focus-news .mod-focus-news-bd .first a { max-height: 50px; background: no-repeat 0 8px; } .mod-focus-news .cont-down .item a { font-weight: 500; } .focus-link-more { position: absolute; right: 0; bottom: 0; font-size: 16px; color: #fff; } /* 津廉聚焦 */ .mod-jljj { width: 1280px; margin: 20px auto 0; overflow: hidden; } .mod-jljj .public-hd { width: 1200px; margin: 0 auto; } .mod-jljj-cont .tempwrap { width: 1200px !important; } .mod-jljj-cont { margin: 20px auto 0; height: 226px; width: 1200px; } .mod-jljj-cont li { float: left; width: 282px; height: 226px; overflow: hidden; margin-right: 25px; } .mod-jljj-cont li a, .mod-jljj-cont li img { width: 282px; height: 157px; } .mod-jljj-cont li .title { display: block; width: 266px; height: 54px; background-color: #fff; font-size: 18px; color: #353433; line-height: 1.5; padding: 10px 8px; overflow: hidden; } .mod-jljj-cont li .title .txt { width: 100%; height: 100%; font-weight: bold; overflow: hidden; } .mod-jljj-cont .bd { position: relative; width: 100%; height: 226px; } .mod-jljj-cont .bd .prev, .mod-jljj-cont .bd .next { position: absolute; top: 50%; width: 32px; height: 40px; margin-top: -25px; background: no-repeat; _background: no-repeat; } .mod-jljj-cont .bd .prev { left: -42px; background-position: 0 -3px; } .mod-jljj-cont .bd .next { right: -42px; background-position: 0 -52px; } .mod-jljj-cont .bd .prev:hover { background-position: -36px -3px; } .mod-jljj-cont .bd .next:hover { background-position: -36px -52px; } /* 媒体关注天津 */ .main-mtgztj .mtgztj-img, .main-mtgztj .mtgztj-img img { width: 100%; height: 90px; } .main-mtgztj .mtgztj-img .more { position: absolute; right: 320px; top: 35px; color: #1e41b9; font-size: 20px; } .mtgztj{ width:100%; height:90px; overflow:hidden; position:relative; } .mtgztj .bd{ position:relative; height:100%; z-index:0; } .mtgztj .bd li{ zoom:1; vertical-align:middle; } .mtgztj .bd img{ width:100%; height:100%; display:block; } /* 工作动态 */ .main-gzdongtai { height: 238px; } .gzdongtai-cont .bd { width: 1200px; height: 108px; overflow: hidden; } .gzdongtai-cont .public-bd { width: 1250px; height: 108px; overflow: hidden; } .gzdongtai-cont .public-bd .bd-item { width: 570px; padding-right: 28px; } /* 权威发布 */ .main-quanweifabu .quanweifabu-cont { width: 1250px; } .main-quanweifabu .quanweifabu-cont .item { width: 280px; height: 190px; float: left; margin-right: 25px; } .main-quanweifabu .quanweifabu-cont .link-to { font-size: 20px; font-weight: bold; color: #1e41b9; line-height: 20px; text-align: center; } .main-quanweifabu .quanweifabu-cont .item-ul { width: 256px; height: 124px; border-top: 4px solid #1e41b9; padding: 16px 12px; background-color: #f5f5fb; cursor: pointer; } .main-quanweifabu .quanweifabu-cont .item-ul a:hover { color: #f33535; font-weight: bold; } .main-quanweifabu .quanweifabu-cont .item-ul:hover { background-color: #eaf2fe; } .main-quanweifabu .quanweifabu-cont .item-li { line-height: 1.5; font-size: 18px; color: #f33535; padding: 0 0 10px 20px; height: 54px; overflow: hidden; background: no-repeat left 12px; } /* 专题集萃 */ .main-ztjc { height: 223px; } .ztjc-cont .tempwrap { width: 1200px !important; } .ztjc-cont li { margin-right: 25px; } .ztjc-cont li, .ztjc-cont li a, .ztjc-cont li a img { width: 280px; height: 157px; } .jj-jc .bd .prev, .jj-jc .bd .next { position: absolute; top: 85px; width: 32px; height: 40px; margin-top: -25px; background: no-repeat; _background: no-repeat; } .jj-jc .bd .prev { left: -42px; background-position: 0 -3px; } .jj-jc .bd .next { right: -38px; background-position: 0 -52px; } .jj-jc .bd .prev:hover { background-position: -36px -3px; } .jj-jc .bd .next:hover { background-position: -36px -52px; } /* 特别推荐 */ .main-tbtj { height: 478px; padding: 48px 0; background: no-repeat top left #234ba0; background-size: 100% 100%; } .main-tbtj .bd { width: 1225px; height: 348px; overflow: hidden; } .main-tbtj .bg-blue { background-color: #315fc2; } .main-tbtj .hd-line-center { width: 94%; } .tbtj-ul { width: 1200px; } .tbtj-ul .left-side { width: 588px; height: 330px; cursor: pointer; margin-top: 9px; } .tbtj-ul .left-side img { width: 588px; height: 330px; } .tbtj-ul .left-side:hover .mod-img { z-index: 2; } .tbtj-ul .left-side .mod-img { top: 0; left: 0; width: 568px; height: 300px; padding: 15px 10px; text-align: center; font-size: 24px; font-weight: bold; color: #fff; background: repeat; filter: progid:dximagetransform.microsoft.gradient(startcolorstr=#80000000, endcolorstr=#80000000); display: none; overflow: hidden; } .tbtj-ul .left-side .mod-img .mod-title td { height: 300px; width: 568px; text-align: center; line-height: 1.5; } .tbtj-ul .left-side .mod-img .mod-title { vertical-align: middle; text-align: center; } .tbtj-ul .left-side .mod-img:hover { text-decoration: none; } .tbtj-ul .right-side { width: 590px; height: 348px; overflow: visible; background: no-repeat right center; _background: no-repeat right center; /* filter: progid:dximagetransform.microsoft.alphaimageloader(); */ } .tbtj-ul .right-side .atlas { left: 0; top: 30px; z-index: 9; width: 590px; } .tbtj-ul .right-side .img-item { margin: 0 28px 20px 0; } .tbtj-ul .right-side .img-item, .tbtj-ul .right-side img { width: 240px; height: 134px; } .main-tbtj .bd .prev, .main-tbtj .bd .next { position: absolute; top: 175px; width: 52px; height: 52px; border-radius: 50%; margin-top: -25px; background: no-repeat; _background: no-repeat; display: block !important; } .tbtj-cont .next-bg { display: block !important; top: 146px; right: 0; width: 52px; height: 52px; border-radius: 50%; z-index: 0; background: #3b6acf; background: -webkit-linear-gradient(top, #1f45ba 0%, #11aef7 100%); background: linear-gradient(top, #1f45ba 0%, #11aef7 100%); filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#1f45ba', endcolorstr='#11aef7', gradienttype=0); _background: none; } .main-tbtj .bd .prev { left: -52px; background-position: 15px 4px; } .main-tbtj .bd .next { z-index: 3; right: 0; background-position: -30px -49px; } .main-tbtj .bd .prev:hover { background-position: -21px 4px; } .main-tbtj .bd .next:hover { background-position: 6px -49px; } /* 信访举报 */ .main-xfjb .tel-jb { display: block; width: 590px; height: 196px; margin-top: 28px; font-size: 0px; font-weight: bold; color: #bc0000; text-align: center; line-height: 196px; background: no-repeat top left; *zoom: 1; } .main-xfjb .right-down { margin-top: 28px; } .main-xfjb .tel-jb span { font-size: 53px; } .main-xfjb .hd { font-size: 22px; font-weight: bold; color: #1e41b9; line-height: 24px; } .main-xfjb .dec { display: block; font-size: 20px; color: #000; line-height: 40px; overflow: hidden; height: 40px; } .main-xfjb .remark { width: 100%; padding: 0; line-height: 30px; color: #fff; text-align: center; background-color: #e3f1fa; } .main-xfjb .remark a { padding: 0; font-size: 16px; color: #1e41b9; } .main-xfjb .address, .main-xfjb .jb-url { width: 430px; } .main-xfjb .wx, .main-xfjb .client-side { width: 140px; } .main-xfjb .client-side, .main-xfjb .jb-url { margin-top: 21px; } /* 全面从严治党 */ .main-congyanzhidang .tab-blue li, .main-congyanzhidang .tab-list a { color: #686868; } .main-congyanzhidang .tab-blue li a:hover, .main-congyanzhidang .tab-blue li.on a { color: #1e41b9; } .main-congyanzhidang .bd { width: 1116px; height: 190px; margin: 20px auto 0; background-color: #fff; } .main-congyanzhidang .research-btn { display: block; width: 120px; height: 30px; _height: auto; margin: 15px auto 0; line-height: 30px; _line-height: 1; _padding: 8px 0; text-align: center; font-size: 14px; color: #fff; border-radius: 20px; background: -webkit-linear-gradient(left, #f33535 0%, #ff5028 100%); background: linear-gradient(top, #f33535 0%, #ff5028 100%); filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#f33535', endcolorstr='#ff5028', gradienttype=0); text-decoration: none; background: #f33535; } .main-congyanzhidang .research-btn:hover { background: -webkit-linear-gradient(left, #c72828 0%, #e03e1a 100%); background: linear-gradient(top, #c72828 0%, #e03e1a 100%); filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#c72828', endcolorstr='#e03e1a', gradienttype=0); color: #fff; } .main-congyanzhidang .research-btn .icon-more { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; margin-left: 8px; width: 7px; height: 13px; background: no-repeat center center; _background: no-repeat center center; } .main-congyanzhidang .border-box { top: 18px; left: 0; width: 100%; height: 214px; z-index: -1; border-left: 1px solid #4562c5; border-right: 1px solid #4562c5; border-bottom: 1px solid #4562c5; } .main-congyanzhidang .link-more { top: 90px; right: 43px; } .main-congyanzhidang .cyzd-ul { width: 1044px; height: 130px; /* margin: 20px auto 0; */ background-color: #f5f5fb; border-left: 6px solid #2f51c6; border-right: 6px solid #2f51c6; line-height: 1.5; padding: 30px; overflow: hidden; } .main-congyanzhidang .cyzd-ul .title { color: #1e41b9; font-size: 22px; font-weight: bold; text-align: center; height: 32px; margin-bottom: 25px; overflow: hidden; } .main-congyanzhidang .public-bd { width: 1125px; height: 72px; overflow: hidden; } .main-congyanzhidang .public-bd .bd-item { position: relative; width: 470px; margin-right: 70px; } .main-congyanzhidang .tab-blue .noevent { position: relative; padding: 0 30px; } .main-congyanzhidang .tab-blue .noevent:hover { font-weight: bold; color: #3644af; } /* 推荐位 */ .recommend { width: 1250px; } .main-recommend .item, .main-recommend .item img { width: 281px; height: 136px; margin-right: 25px; } .main-recommend .item.long, .main-recommend .item.long img { width: 588px; height: 136px; } /* 廉韵清风 */ .main-lyqf { /* height: 460px; */ padding: 48px 0; background: no-repeat top left #234ba0; background-size: 100% 100%; } .main-lyqf .bd { height: 330px; width: 1250px; overflow: hidden; } .main-lyqf .inside-bd { height: 110px; width: 590px; } .main-lyqf .bg-blue { background-color: #2c57b3; } .main-lyqf .hd-line-center { width: 94%; } .main-lyqf .left-side .image { display: block; } .main-lyqf .left-side .image, .main-lyqf .left-side .image img { width: 588px; height: 330px; } .main-lyqf .tab-list a { padding: 0 13px; } .main-lyqf .right-side { height: 330px; margin-left: 20px; } .main-lyqf .right-side .text-dec { width: 577px; height: 190px; border-left: 4px solid #3380f3; padding-left: 9px; } .main-lyqf .right-side .text-dec .title { font-size: 48px; font-weight: bold; color: #fff; line-height: 48px; } .main-lyqf .right-side .text-cont { margin-top: 50px; } .main-lyqf .right-side .text-dec .limitbox { width: 577px; height: 30px; overflow: hidden; } .main-lyqf .right-side .text-dec .s-title, .main-lyqf .right-side .text-dec .dec { display: block; } .main-lyqf .right-side .text-dec .s-title { display: inline-block; *display: inline; *zoom: 1; height: 30px; width: auto; font-size: 20px; font-weight: bold; color: #fff; overflow: hidden; vertical-align: middle; } .main-lyqf .right-side .text-dec .dec { height: 47px; font-size: 16px; color: #fff; margin-top: 15px; overflow: hidden; } .main-lyqf .tempwrap { width: 590px !important; } .main-lyqf .icon-newest { right: 0; } .main-lyqf .lyqf-silde li { margin-right: 13px; float: left; } .main-lyqf .lyqf-silde li, .main-lyqf .lyqf-silde li a, .main-lyqf .lyqf-silde li img { width: 188px; height: 110px; } .main-lyqf .bg-arrows { position: absolute; width: 27px; height: 50px; background: #1469d8; background: -webkit-linear-gradient(top, #1f45ba 0%, #0da7f8 100%); background: linear-gradient(top, #1f45ba 0%, #0da7f8 100%); filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#1f45ba', endcolorstr='#0da7f8', gradienttype=0); _background-color: #1f45ba; } .main-lyqf .bg-prev { right: -48px; bottom: 0; } .main-lyqf .bg-next { right: -48px; top: 0; } .main-lyqf .lyqf-prev, .main-lyqf .lyqf-next { position: absolute; display: block; width: 27px; height: 50px; background: no-repeat; _background: no-repeat; } .main-lyqf .lyqf-prev { right: -48px; bottom: 0; background-position: -10px top; } .main-lyqf .lyqf-next { right: -48px; top: 0; background-position: -10px bottom; } .main-lyqf .lyqf-prev:hover { background-position: -60px top; } .main-lyqf .lyqf-next:hover { background-position: -60px bottom; } /* 热词搜 */ .main-hotword .link-more { cursor: inherit; } .main-hotword .link-more:hover { text-decoration: none; cursor: inherit; } .main-hotword .hotword-cont { height: 340px; margin-top: 25px; background: no-repeat center center; overflow: hidden } .main-hotword .circle-1 { width: 590px; height: 340px; background: no-repeat center center; _background: no-repeat center center; -webkit-animation: rotate 30s infinite linear; animation: rotate 30s infinite linear; } @-webkit-keyframes rotate { from { -webkit-transform: rotate(0); } to { -webkit-transform: rotate(360deg); } } @keyframes rotate { from { transform: rotate(0); } to { transform: rotate(360deg); } } .main-hotword .words-box a { position: absolute; text-align: center; color: #fff; } .main-hotword .words-box { position: relative; width: 590px; height: 340px; } .main-hotword .fontsize18 { font-size: 18px; } .main-hotword .fontsize20 { font-size: 22px; } .main-hotword .fontsize25 { font-size: 26px; } .main-hotword .fontsize36 { font-size: 30px; } .main-hotword .word-item { -webkit-transition: none; transition: none; } /* 纪法广角{ */ .main-jfgj { width: 588px; } .main-jfgj .directional-search { right: 0; bottom: 1px; width: 160px; border: 1px solid #1e41b9; border-bottom: 0; } .main-jfgj .directional-search #dq { width: 114px; padding: 5px 10px 5px 36px; font-size: 16px; color: #b1b1b1; } .main-jfgj .directional-search .directional-btn { top: 5px; left: 8px; display: block; width: 21px; height: 21px; background: no-repeat center center; _background: no-repeat center center; } .main-jfgj .jfgj-cont { width: 620px; } .main-jfgj .cont-item { display: block; height: 96px; width: 272px; background-color: #eaf2fe; font-size: 26px; font-weight: bold; margin: 26px 24px 0 0; padding-left: 10px; } .main-jfgj .cont-item .text { vertical-align: middle; } .main-jfgj .cont-item.long { width: 578px; } .main-jfgj .bg-item { vertical-align: middle; width: 80px; height: 96px; } .main-jfgj .bg-fagui { background: no-repeat center 16px; _background: no-repeat center 16px; } .main-jfgj .bg-flfg { background: no-repeat center 16px; _background: no-repeat center 16px; } .main-jfgj .bg-jwfc { background: no-repeat center 16px; _background: no-repeat center 16px; } .main-jfgj .bg-zxxx { background: no-repeat center 16px; _background: no-repeat center 16px; } .main-jfgj .bg-jlyt { background: no-repeat center 16px; _background: no-repeat center 16px; } .main-jfgj .bg-zxcs { background: no-repeat center 16px; _background: no-repeat center 16px; } .main-jfgj .icon-arrow { width: 7px; height: 13px; margin: 5px 0 0 5px; ; vertical-align: middle; background: no-repeat center center; } /* 网友说 */ .main-wys-xxtj { width: 588px; } .wys-cont { width: 588px; } .wys-cont .wys-ul { display: block; height: 246px; overflow: auto; } /* 设置滚动条的样式 */ .wys-ul::-webkit-scrollbar { width: 6px; } /* 滚动槽 */ .wys-ul::-webkit-scrollbar-track { background: #f4f4f4; border-radius: 15px; } /* 滚动条滑块 */ .wys-ul::-webkit-scrollbar-thumb { background: #babbc0; } .wys-cont .item { padding: 10px 0; border-bottom: 1px solid #d0d0d0; } .wys-cont .wys-author-time { font-size: 16px; color: #9b9a9a; width: 570px; } .wys-cont .wys-author-time .info { float: left; width: 450px; height: 24px; overflow: hidden; } .wys-cont .j_close { margin-right: 0 !important; } .wys-cont .j_open { margin-right: 0 !important; } .wys-cont .wys-author-time .info .wys-author, .wys-cont .wys-author-time .info .wys-time { display: inline-block; *display: inline; *zoom: 1; height: 24px; overflow: hidden; } .wys-cont .wys-author-time .info .wys-author { width: 170px; overflow: hidden; } .wys-cont .wys-author-time .info .wys-author .wys-cont .wys-author-time .more-down { float: right; width: 56px; } .wys-cont .wys-title { font-size: 18px; font-weight: bold; color: #000; } .wys-cont .icon-redline { display: inline-block; *display: inline; *zoom: 1; width: 2px; height: 20px; vertical-align: middle; background: #ff5028; background: -webkit-linear-gradient(left, #ff5028 0%, #ff9d87 100%); background: linear-gradient(top, #ff5028 0%, #ff9d87 100%); filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#ff5028', endcolorstr='#ff9d87', gradienttype=0); } .wys-cont .wys-text { max-height: 48px; overflow: hidden; font-size: 16px; color: #353433; margin: 10px 0; } .wys-cont .open { max-height: none; height: auto; overflow: initial; } .wys-cont .more-down { cursor: pointer; margin-right: 10px; } .wys-cont .icon-down { margin-left: 8px; width: 16px; height: 8px; vertical-align: middle; background: no-repeat center center; _background: no-repeat center center; } .wys-cont .icon-up { margin-left: 8px; width: 16px; height: 8px; vertical-align: middle; background: no-repeat center center; _background: no-repeat center center; } /* 信息报送统计 */ .xxtj-box { margin-top: 12px; border-right: 1px solid #e5e5e5; } .xxtj-box .item { width: 588px; } .xxtj-box .item-li { float: left; font-size: 16px; color: #353433; text-align: center; line-height: 40px; border-left: 1px solid #e5e5e5; } /* 分网站矩阵 */ .main-fzjz .map { height: 570px; background-color: #f4f6ff; z-index: 1; } /* 二维码-下拉框 */ .main-friend-select { margin-left: auto; margin-right: auto; padding-bottom: 50px; } .main-friend-select .bd { width: 1200px; overflow: hidden; } .main-friend-select .top-bd { margin-top: 10px; width: 100%; background: transparent; overflow: hidden; } .main-friend-select .top-bd .top-map { margin-left: 131px; } .main-friend-select .top-bd .top-map img { width: 894px; height: 724px; } .main-friend-select .top-bd .top-focus { top: 144px; left: 237px; width: 145px; height: 86px; overflow: hidden; } .main-friend-select .top-bd .top-focus img { width: 100% } .main-friend-select .top-bd .top-meiti { top: 0; right: 0; width: 588px; height: 210px; font-size: 0; } .main-friend-select .top-bd .top-meiti .meiti-item { float: left; display: inline-block; *display: inline; *zoom: 1; font-size: 0; } .main-friend-select .top-bd .top-meiti .meiti-item:hover { background-color: rgba(0, 0, 0, .1); } .main-friend-select .top-bd .top-code { top: 481px; right: 140px; width: 444px; height: 190px; background-color: transparent; } .main-friend-select .top-bd .top-code ul { width: 100%; } .main-friend-select .top-bd .top-code li { float: left; width: 152px; height: 190px; padding: 35px 35px 0 35px; text-align: center; overflow: hidden; } .main-friend-select .middle-bd { margin-top: 50px; padding-left: 5px; overflow: hidden; } .main-friend-select .middle-bd ul { width: 1195px; overflow: hidden; font-size: 0; } .main-friend-select .middle-bd ul .friend-item { float: left; margin-right: 3px; margin-bottom: 10px; width: 236px; height: 74px; overflow: hidden; } .main-friend-select .middle-bd ul .friend-item a { position: relative; display: block; border: 1px solid #eee; } .main-friend-select .middle-bd ul .friend-item a, .main-friend-select .middle-bd ul .friend-item img { width: 234px; height: 72px; } .main-friend-select .middle-bd ul .friend-item a:before, .main-friend-select .middle-bd ul .friend-item a:after { position: absolute; top: -1px; left: -1px; content: ''; width: 100%; height: 100%; -webkit-transform-origin: center; -moz-transform-origin: center; -ms-transform-origin: center; -o-transform-origin: center; transform-origin: center; } .main-friend-select .middle-bd ul .friend-item a:before { width: 388px; width: 0px\9; border-top: 1px solid #ea1515; border-bottom: 1px solid #ea1515; -webkit-transform: scalex(0); -moz-transform: scalex(0); -ms-transform: scalex(0); -o-transform: scalex(0); transform: scalex(0); } :root .main-friend-select .middle-bd ul .friend-item a:before { width: 388px; } .main-friend-select .middle-bd ul .friend-item a:after { height: 74px; height: 0px\9; border-left: 1px solid #ea1515; border-right: 1px solid #ea1515; -webkit-transform: scaley(0); -moz-transform: scaley(0); -ms-transform: scaley(0); -o-transform: scaley(0); transform: scaley(0); } :root .main-friend-select .middle-bd ul .friend-item a:after { height: 74px; } .main-friend-select .middle-bd ul .friend-item a:hover { color: #ea1515; border: 1px solid #ea1515\9; *border: 1px solid #ea1515; } :root .main-friend-select .middle-bd ul .friend-item a:hover { border: 1px solid #eee; } .main-friend-select .middle-bd ul .friend-item a:hover:before { -webkit-transform: scalex(1); -moz-transform: scalex(1); -ms-transform: scalex(1); -o-transform: scalex(1); transform: scalex(1); -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; -ms-transition: -ms-transform 0.5s; -o-transition: -o-transform 0.5s; transition: transform 0.5s; } .main-friend-select .middle-bd ul .friend-item a:hover:after { -webkit-transform: scaley(1); -moz-transform: scaley(1); -ms-transform: scaley(1); -o-transform: scaley(1); transform: scaley(1); -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; -ms-transition: -ms-transform 0.5s; -o-transition: -o-transform 0.5s; transition: transform 0.5s; } .main-friend-select .bottom-bd { margin-top: 60px; padding: 0 5px; width: 1190px; } .main-friend-select .bottom-bd .inner { width: 1220px; } .main-friend-select .bottom-bd .inner .select-item { position: relative; float: left; margin-right: 30px; _margin-right: 28px; margin-bottom: 20px; width: 580px; height: 42px; } .main-friend-select .bottom-bd .inner .select-item.on { z-index: 2; } .main-friend-select .bottom-bd .inner .select-item .select-wraper { padding: 0 20px; width: 540px; height: 40px; line-height: 40px; border: 1px solid #eee; font-size: 16px; color: #000; cursor: pointer; background: no-repeat 545px 15px; background-color: #fff; } .main-friend-select .bottom-bd .inner .select-item .select-list { display: none; position: absolute; bottom: 40px; left: 0; z-index: 10; width: 100%; height: auto; max-height: 280px; _height: 280px; border: 1px solid #eee; background: #fff; overflow-y: auto; } .main-friend-select .bottom-bd .inner .select-item .select-list-other { max-height: 224px; } .main-friend-select .bottom-bd .inner .select-item .select-list li { height: 28px; line-height: 28px; } .main-friend-select .bottom-bd .inner .select-item .select-list li a { display: block; padding: 0 10px 0 25px; font-size: 16px; color: #6e6e6e; -webkit-transition: 0s; transition: 0s; } .main-friend-select .bottom-bd .inner .select-item .select-list li a:hover, .main-friend-select .bottom-bd .inner .select-item .select-list li.on a { text-decoration: none; background: #eee; } /* 地图 */ .map .map-bg { position: absolute; left: 0; top: 0; margin: 37px 0 0 17px; } .map .map-hover img { background-color: transparent; display: none; position: absolute; -webkit-animation-name: fadein; -webkit-animation-duration: .3s; -webkit-animation-iteration-count: 1; -webkit-animation-delay: 0s; } .map .map-hover .map-item { background-color: transparent; display: none; position: absolute; z-index: 5; -webkit-animation-name: fadein; -webkit-animation-duration: .3s; -webkit-animation-iteration-count: 1; -webkit-animation-delay: 0s; } .map .map_jiantou { position: absolute; top: 238px; left: 257px; z-index: 9; } .map .map-hover { position: absolute; width: 590px; height: 570px; } .map .map-hover .h-hexi { width: 145px; height: 118px; top: 288px; left: 106px; background: no-repeat center center; _background: none; filter: progid:dximagetransform.microsoft.alphaimageloader(); } .map .map-hover .h-hedong { width: 141px; height: 144px; top: 212px; left: 132px; background: no-repeat center center; _background: none; filter: progid:dximagetransform.microsoft.alphaimageloader(); } .map .map-hover .h-hebei { width: 115px; height: 114px; top: 161px; left: 92px; background: no-repeat center center; _background: none; filter: progid:dximagetransform.microsoft.alphaimageloader(); } .map .map-hover .h-heping { width: 68px; height: 78px; top: 248px; left: 101px; background: no-repeat center center; _background: none; filter: progid:dximagetransform.microsoft.alphaimageloader(); } .map .map-hover .h-hongqiao { width: 92px; height: 97px; top: 159px; left: 35px; background: no-repeat center center; _background: none; filter: progid:dximagetransform.microsoft.alphaimageloader(); } .map .map-hover .h-nankai { width: 114px; height: 161px; top: 224px; left: 15px; background: no-repeat center center; _background: none; filter: progid:dximagetransform.microsoft.alphaimageloader(); } .map .map-hover .h-wuqing { width: 118px; height: 159px; top: 185px; left: 311px; background: no-repeat center center; _background: none; filter: progid:dximagetransform.microsoft.alphaimageloader(); } .map .map-hover .h-baodi { width: 123px; height: 148px; top: 146px; left: 388px; background: no-repeat center center; _background: none; filter: progid:dximagetransform.microsoft.alphaimageloader(); } .map .map-hover .h-jizhou { width: 143px; height: 143px; top: 32px; left: 388px; background: no-repeat center center; _background: none; filter: progid:dximagetransform.microsoft.alphaimageloader(); } .map .map-hover .h-ninghe { width: 134px; height: 130px; top: 212px; left: 424px; background: no-repeat center center; _background: none; filter: progid:dximagetransform.microsoft.alphaimageloader(); } .map .map-hover .h-beichen { width: 101px; height: 62px; top: 280px; left: 343px; background: no-repeat center center; _background: none; filter: progid:dximagetransform.microsoft.alphaimageloader(); } .map .map-hover .h-dongli { width: 90px; height: 70px; top: 315px; left: 406px; background: no-repeat center center; _background: none; filter: progid:dximagetransform.microsoft.alphaimageloader(); } .map .map-hover .h-jinnan { width: 86px; height: 81px; top: 360px; left: 400px; background: no-repeat center center; _background: none; filter: progid:dximagetransform.microsoft.alphaimageloader(); } .map .map-hover .h-xiqing { width: 111px; height: 104px; top: 331px; left: 324px; background: no-repeat center center; _background: none; filter: progid:dximagetransform.microsoft.alphaimageloader(); } .map .map-hover .h-jinghai { width: 121px; height: 140px; top: 359px; left: 290px; background: no-repeat center center; _background: none; filter: progid:dximagetransform.microsoft.alphaimageloader(); } .map .map-hover .h-binghai { width: 206px; height: 224px; top: 284px; left: 381px; background: no-repeat center center; _background: none; filter: progid:dximagetransform.microsoft.alphaimageloader(); } .top-code { position: absolute; top: 445px; left: 38px; width: 210px; height: 110px; z-index: 2; } .map-top-code .mod-weixin, .map-top-code .mod-app { top: 0; left: 0; display: none; width: 590px; height: 570px; z-index: 9; background-color: #031578; background-color: rgba(3, 21, 122, .6); filter: progid:dximagetransform.microsoft.gradient(startcolorstr=#c8031578, endcolorstr=#c8031578); _background-color: #031578; } .map-top-code .mod-weixin .mod-cont, .map-top-code .mod-app .mod-cont { width: 100%; height: 100%; font-size: 24px; color: #fff; line-height: 1.5; text-align: center; z-index: 2; } .map-top-code .mod-weixin .title { margin-top: 12px; padding-bottom: 25px; border-bottom: 1px dashed #fff; } .map-top-code .mod-app .title { margin-top: 12px; } .map-top-code .mod-weixin .more-link { margin-top: 25px; } .map-top-code .mod-weixin .more-link .name { font-weight: bold; margin-right: 10px; } .map-top-code .mod-weixin .code-img, .map-top-code .mod-app .app-img { width: 238px; height: 238px; margin: 85px auto 0; } .map-top-code .mod-app .app-img { margin: 145px auto 0; } .top-code .weixin, .top-code .app { width: 100px; font-size: 14px; color: #3a3a3a; line-height: 1.5; text-align: center; cursor: pointer; } .top-code .weixin img, .top-code .app img { width: 68px; }