.listpage{ padding-top: 1.32rem; } .header { top: 0; background-image: linear-gradient(to right, #0883e0, #266dda, #5549d2); } .header .mhd { background-color: rgba(0,0,0,0) !important; } .banner-ny{ width: 100%; height: 4.2rem; position: relative; background-size: cover; } .banner-ny .nav-box { top:1.2rem; position: relative; min-width: 3.6rem; padding: .3rem .4rem .2rem; background: rgba(0,53,152,0.36); } .banner-ny .nav-box .tit { font-size: .32rem; color:#fff; } .banner-ny .nav-box .position { font-size: .16rem; color:#fff; line-height: .42rem; } .banner-ny .nav-box .position a{ font-size: .16rem; color:#fff; } .section-nav { width: 100%; position: relative; } .section-nav .sub-nav { position: absolute; bottom: 0; left: 0; width: 100%; height: .64rem; } .section-nav .sub-nav .sub-nav-a { flex: 1; background: rgba(36,116,222,0.9); } .section-nav .sub-nav .sub-nav-b { flex: 1; } .section-nav .sub-nav .wp .sub-nav-tit { display: none; width: 100%; padding: 0 .25rem; background-image: linear-gradient(to right, #0883e0, #266dda, #5549d2); /*border-radius: .1rem;*/ } .section-nav .sub-nav .wp .sub-nav-tit .flex{ height: .56rem; color:#fff; } .section-nav .sub-nav .wp .sub-nav-tit .toggle .icon-zk { display: block; } .section-nav .sub-nav .wp .sub-nav-tit .toggle .icon-sq { display: none; } .section-nav .sub-nav .wp ul { width: auto; background: rgba(36,116,222,0.9); border-top-right-radius: .4rem; justify-content: flex-start; align-items: center; padding-right: .4rem; } .section-nav .sub-nav .wp ul li { padding: 0 .3rem; position: relative; } .section-nav .sub-nav .wp ul li a { color: #fff; font-size: .18rem; line-height: .64rem; } .section-nav .sub-nav ul li.cur a { color: #fac800; } .section-nav .sub-nav ul li:after { content: ''; height: 3px; width: 0; background: #fac800; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); transition: .3s; } .section-nav .sub-nav ul li.cur:after { width: 100%; } .section-nav .sub-nav ul li:hover a{ color: #fac800; } .section-nav .sub-nav ul li:hover:after { width: 100%; } .section-d { width: 100%; background-size: auto 100%; } .section-d .content { padding:0.6rem 0; } .section-d .content .tit { font-size: .4rem; text-align: center; margin-bottom: .3rem; } .section-d .content .con { text-align: center; line-height: 1rem; } .section-d .content .con table { width: 100%; max-width: 100%; margin-bottom: 20px; border-collapse: collapse; border-spacing: 0; } .section-d .content .con table tbody tr:nth-child(odd){ background-color: #fff; } .section-d .content .con table tbody tr:nth-child(even){ background-color: #f3f4f6; } .section-d .content .con table tbody tr td { width: 33%; text-align: center; border: .01rem solid #eeeeee; } .section-d .content .con table tbody tr td a { font-size: .24rem; } .section-e { padding: .6rem 0; background: url(../images/xm-bg.png) center no-repeat; background-attachment: fixed; background-size: 100% 100%; } .nav-tit { padding-bottom: .3rem; } .nav-tit h3 { text-align: center; font-size: .4rem; font-weight: 500; } .section-e .lists-ldbz { padding:.3rem .5rem; background: #fff; box-shadow: 3px 3px 3px rgba(0,0,0,0.1); } .section-e .lists-ldbz ul li { padding: .2rem 0; border-bottom: 1px solid #e4e7ed; position: relative; } .section-e .lists-ldbz ul li a .img-box { width: 1.5rem; height: 2rem; } .section-e .lists-ldbz ul li a .img-box .img { padding-bottom: 0; } .section-e .lists-ldbz ul li a .txt { width: calc(100% - 1.5rem); padding: .2rem 0 .2rem .325rem; } .section-e .lists-ldbz ul li.nopic a .txt { width: 100%; padding: 0; } .section-e .lists-ldbz ul li h4 { font-size: .2rem; line-height: .36rem; } .section-e .lists-ldbz ul li p { font-size: .16rem; line-height: .32rem; color: #909399; } .section-e .lists-ldbz ul li:hover p { color:#255eaf; } .section-e .lists-ldbz ul li:last-child { border-bottom: 0; } .section-e .lists-ldbz ul li::after { content: ""; position: absolute; bottom: 0px; left: 0px; width: 0px; height: 1px; background: #255eaf; transition: all 0.6s ease 0s; } .section-e .lists-ldbz ul li:last-child::after { display: none; } .section-e .lists-ldbz ul li:hover::after { content: ""; width: 100%; transition: all 0.6s ease 0s; } .section-e .lists-notice { padding:.3rem .5rem; background: #fff; box-shadow: 3px 3px 3px rgba(0,0,0,0.1); } .section-e .lists-notice ul li { padding: .15rem; border-bottom: 1px solid #e4e7ed; position: relative; } .section-e .lists-notice ul li a .txt { display: flex; align-items: center; } .section-e .lists-notice ul li a .txt time { color: #255eaf; text-align: center; font-size: .14rem; padding-right: .2rem; border-right: 1px solid #e4e7ed; } .section-e .lists-notice ul li a .txt time span { display: block; font-size: .32rem; } .section-e .lists-notice ul li i { font-weight: 600; color: #003384; } .section-e .lists-notice ul li h4 { font-size: .18rem; line-height: .36rem; font-weight: normal; padding-left: .1rem; flex: 1; } .section-e .lists-notice ul li .date { font-size: .16rem; color: #909399; } .section-e .lists-notice ul li:last-child { border-bottom: 0; } .section-e .lists-notice ul li::after { content: ""; position: absolute; bottom: 0px; left: 0px; width: 0px; height: 1px; background: #255eaf; transition: all 0.6s ease 0s; } .section-e .lists-notice ul li:last-child::after { display: none; } .section-e .lists-notice ul li:hover::after { content: ""; width: 100%; transition: all 0.6s ease 0s; } .section-e .list-special { padding:.3rem .5rem; background: #fff; box-shadow: 3px 3px 3px rgba(0,0,0,0.1); } .section-e .lists { width: calc(75% - .5rem); padding-left: .25rem; padding-right: .25rem; background: #fff; box-shadow: 3px 3px 3px rgba(0,0,0,0.1); } .section-e .lists ul li { padding: .25rem 0; border-bottom: 1px solid #e4e7ed; } .section-e .lists ul li:last-child { border-bottom: none; } .section-e .lists ul li a .img-box { width: 2.8rem; } .section-e .lists ul li a .txt { width: calc(100% - 2.8rem); padding: .2rem 0 .2rem .325rem; } .section-e .lists ul li.nopic a .txt { width: 100%; padding: 0; } .section-e .lists ul li a .txt h4 { font-size: .2rem; margin-bottom: .15rem; } .section-e .lists ul li a .txt p { font-size: .15rem; line-height: .24rem; height: .48rem\0; color:#909399; margin-bottom: .15rem; } .section-e .lists ul li a .txt time { font-size: .15rem; color:#909399; } .zxdt { width: 25%; /*margin-top: 105px;*/ } .zxdt .zxdt-box { padding: .25rem; background: #fff; box-shadow: 3px 3px 3px rgba(0,0,0,0.1); } .zxdt .tit { display: flex; align-items: center; font-size: .22rem; color: #000000; } .zxdt .tit .img { width: .44rem; height: .44rem; display: inline-block; margin-right: .10rem; vertical-align: middle; background: #003384; text-align: center; border-radius: 50%; line-height: .36rem; color: #fff; } .zxdt .tit:hover .img { } .zxdt .list { width: calc(100% - .22rem); padding: .3rem 0 0 0; border-left: 1px #e5e5e5 solid; margin-left: .22rem; } .zxdt .list li .date { font-size: .14rem; color: #999999; background: url(../images/hotnewsbg.png) no-repeat left top; width: 1.06rem; height: .3rem; text-align: center; margin-bottom: .15rem; line-height: .30rem; position: relative; padding-left: .10rem; margin-left: .15rem; background-size: 100% 100%; } .zxdt .list li:hover .date { font-size: .14rem; color: #fff; background: url(../images/hotnewsbg_on.png) no-repeat left top; } .zxdt .list li .date::before { content: ""; position: absolute; left: -.235rem; top: 50%; width: .14rem; height: .14rem; background: #fff; border: 2px #e0e0e0 solid; border-radius: 100%; margin-top: -.1rem; transition: all 0.3s; -webkit-transition: all 0.3s; } .zxdt .list li .title { width: 100%; font-size: .18rem; color: #222222; height: .52rem; line-height: .26rem; padding-left: .15rem; margin-bottom: .15rem; overflow: hidden; transition: all 0.3s; -webkit-transition: all 0.3s; } .zxdt .list li .title a { color: #222222; } .zxdt .list li:hover .date::before { border: 2px #1360b6 solid; } .zxdt .list li:hover .title a{ color: #003384; /*必需加前缀 -webkit- 才支持这个text值 */ /*text-fill-color会覆盖color所定义的字体颜色: */ } .content { padding: .3rem .5rem; background: #fff; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1); margin: unset; color: unset; line-height: unset } .content .tit{ text-align: center; /*font-size: .4rem;*/ font-weight: 500; } .content .tit{ text-align: center; /*font-size: .4rem;*/ font-weight: 500; } .content h3.tit{ text-align: center; font-size: .4rem; font-weight: 500; margin-bottom: .3rem; } .content .tit h4{ /*color: #003384;*/ font-weight: 500; font-size: .24rem; line-height: .4rem; text-align: center; } .content .tit h2{ /*color: #003384;*/ font-weight: 500; font-size: .32rem; line-height: .56rem; text-align: center; } .content .opr { padding: .25rem 0 .15rem .1rem; border-bottom: 1px solid #e4e7ed; /*justify-content: flex-end;*/ } .content .opr .info span { margin-right: .2rem; } .content .opr .resize span { position: relative; vertical-align: bottom; cursor: pointer; } .content .opr .resize span.large-size { font-size: .20rem; margin: 0 .05rem; } .content .opr .resize span.large-size:after{ content: '+'; font-size: .12rem; position: absolute; top: 0; right: -.07rem; } .content .opr .resize span.normal-size { font-size: .17rem; margin: 0 .05rem; } .content .opr .resize span.small-size { font-size: .14rem; margin: 0 .05rem; } .content .opr .resize span.small-size:after { content: '-'; font-size: .12rem; position: absolute; top: -.03rem; right: -.05rem; } .content .con { font-size: .18rem; line-height: 1.8em; padding: .2rem 0; } .content .con p { text-indent: 2em; margin-bottom: .2rem; } .content .con p.vsbcontent_img { text-indent: 0; text-align: center; } .content .con .info { text-align: right; padding: .1rem 0; font-size: .16rem; color: #606266; font-family: '楷体'; } .content .con .info span { margin-right: .10rem; } .content .con .info span:last-child { margin-right: 0; } #hits span { margin-right: 0; } .content .pager p { font-size: .16rem; line-height: .32rem; } .content .share { padding-bottom: .2rem; font-size: .16rem; color: #909399; font-family: '微软雅黑' !important; } .content .con-list { padding: .3rem 0; } .content .con-list ul { justify-content: flex-start; } .content .con-list ul li { width: 33.3333%; padding: 0 .2rem; margin-bottom: .2rem; } .content .con-list ul li a .txt { position: relative; background: #fff; box-shadow: 0 0 10px rgba(6, 0, 2, .1); padding: .3rem .2rem; } .content .con-list ul li a .txt:hover { background: #f3f4f6; } .content .con-list ul li a .txt:before { content: ''; height: 3px; background-color: #0153aa; position: absolute; left: 0; right: 0; top: 0; border-radius: 6px 6px 0 0; } .content .con-list ul li a .txt h4 { font-size: .2rem; font-weight: 500; } .content .con-list ul li a .txt h4 i { margin-right: .1rem; } .section-f { padding: .6rem 0; background: url(../images/xm-bg.png) center no-repeat; background-attachment: fixed; background-size: 100% 100%; } .section-f .content { width: calc(75% - .5rem); padding-left: .25rem; padding-right: .25rem; } /*分页*/ .pages { text-align: center; padding:.2rem 0 .3rem; font-size: .16rem; line-height:.16rem; color:#303133; } .pages .p_fun_d, .pages .p_no_d, .pages .p_no_o,.pages .p_fun a, .pages .p_no a{ border: 1px solid #e4e7ed; padding: .08rem .15rem; margin-left:.05rem; display:inline-block; vertical-align:middle; } .pages .p_t{ line-height:.16rem; margin:0; padding:0; display:inline-block; vertical-align:middle; } .pages .p_fun_d, .pages .p_no_d, .pages .p_no_o{ color: #ccc; } .pages .p_fun a, .pages .p_no a{ color: #303133; } .pages .p_dot { margin-left: .04rem; margin-right:-.04rem; color:#303133; } .pages .p_dosize_d, .pages .p_dosize a{ border-right:1px solid #e4e7ed; padding: 1px 5px; color: #888888; } .pages .p_dosize_d{ color: #303133; } .pages .p_dosize a:hover{ color: #303133; } .pages .p_dosize_last_d, .pages .p_dosize_last a{ border-right-width:0; } /*按钮控制*/ .pages .p_first,.pages .p_first_d,.pages .p_last,.pages .p_last_d{ display:none; } /*样式1-4*/ .pages .p_no a:hover,.pages .p_fun a:hover, .pages .p_goto a:hover, .pages .p_search a:hover { background-color: #f5f5f5; } /*样式1 蓝*/ .pages .p_no_d { border: 1px solid #258CFF; color: #fff; background-color: #258CFF; } /* 用户通道 */ .yhtd .box-hd { width: 100%; padding: .1rem .2rem; background: #f6f6f6; border-radius: .05rem; margin-bottom: .2rem; } .yhtd .box-hd .tit { padding:.08rem .2rem; border-radius: .15rem; background: #0085e4; font-size: .18rem; font-weight: normal; text-align: center; color: #ffffff; margin-bottom: 0; } .yhtd .box-bd ul { width: 100%; display: flex; flex-direction: row; align-items: center; flex-wrap: wrap; } .yhtd .box-bd ul li { width: 33.333% ; text-align: center; font-size: .18rem; line-height: .32rem; margin-bottom: .1rem; }