@charset "utf-8"; .contener { width: 1200px; height: auto; overflow: hidden; margin: 0 auto; margin-top: 20px; margin-bottom: 40px; } .left_box { float: left; width: 310px; height: auto; overflow: hidden; } .gjrt { width: 310px; float: right; } .mid_box { float: left; width: 540px; height: auto; margin-left: 20px; } .right03 { overflow: hidden; margin-top: 12px; } /*排行榜*/ .phb_dh { width: 182px; height: 39px; } .phb_dh a { color: #003b9a; } .phb_list li { overflow: hidden; border-bottom: 1px solid #ddd; padding-bottom: 15px; margin-top: 15px; } .phb_list li p { float: right; width: 227px; line-height: 24px; font-size: 14px; color: #333; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; height: 44px; overflow: hidden; } .phb_list li p a { color: #333; } .phb_list li i { float: left; width: 28px; font-size: 23px; font-family: arial; font-weight: bold; line-height: 34px; } .phb_list li:nth-child(1) i, .phb_list li:nth-child(2) i, .phb_list li:nth-child(3) i { color: #df2323; } .phb_list li:nth-child(1) p, .phb_list li:nth-child(2) p, .phb_list li:nth-child(3) p { color: #1e66bd; } .phb_list li:nth-child(1) p a, .phb_list li:nth-child(2) p a, .phb_list li:nth-child(3) p a { color: #1e66bd; } /*云上新闻中心*/ .djlx_box:hover .arrow-left { position: absolute; left: 0; top: 75px; width: 20px; height: 40px; background: url(/uploads/image/pimages/icon-prev-g.png) 0 0 no-repeat; z-index: 25 } .djlx_box:hover .arrow-right { position: absolute; right: 0; top: 75px; width: 20px; height: 40px; background: url(/uploads/image/pimages/icon-next-g.png) 0 0 no-repeat; z-index: 25 } .djlx_box { width: 100%; height: auto; position: relative; z-index: 1; margin-top: 15px; } .djlx_box .swiper-container { width: 100%; height: 100%; } .djlx_box .swiper-container .pagination { width: auto; left: auto; right: 138px; bottom: 0px } .djlx_box .swiper-container .pagination .swiper-pagination-bullet { width: 15px; background: #7fadf3; opacity: 1; border-radius: 5px; height: 4px; } .djlx_box .swiper-container .pagination .swiper-pagination-bullet-active { background: #005ce7 } .dh_ysxw { width: 168px; height: 33px; margin-top: 20px; } .dh_ysxw a { color: #003b9a; } .ysxw_box { width: 310px; height: 174px; position: relative; } .ysxw_box img{ width: 100%;} .player { width: 43px; height: 43px; position: absolute; top: 66px; left: 133px; } .ysxw_tit { width: 96%; padding: 0 2%; height: auto; background: #edf3fc; line-height: 24px; text-align: center; font-size: 14px; color: #333; } .ysxw_tit a { color: #333; } /*时政关注*/ .dh_szgz .dh_box { width: 100%; height: 33px; } .dh_szgz .dh { float: left; width: 142px; height: 33px; } .dhdgkj_list { float: right; width: 250px; height: 24px; list-style: none; margin-top: 5px; } .dhdgkj_list li { float: left; font-size: 16px; color: #898989; position: relative; } .dhdgkj_list li a { color: #898989; } .dhdgkj_list li li { margin-left: 22px; } .dhdgkj_list li:after { content: ""; width: 10px; height: 24px; background: url(/uploads/image/pimages/x-line.png) no-repeat; position: absolute; right: -14px; top: 0; } /*领导人*/ .ldr_list { overflow: hidden; } .ldr_list li { width: 310px; height: 80px; } .ldr_list li li { margin-top: 12px; } /*新华网评*/ .dh_xhwp { width: 187px; height: 36px; margin-top: 30px; } .dh_xhwp a { color: #003b9a; } .recommend { margin-bottom: 10px; display: none; } .richmedia-focus { margin-top: 15px; position: relative } .richmedia-focus .swiper-pagination { width: 100%; position: relative } .richmedia-focus .swiper-pagination .swiper-pagination-bullet { width: 15px; height: 4px; border-radius: 5px; margin-left: 5px; margin-right: 5px; opacity: 1; background: #b4b4b4 } .richmedia-focus .swiper-pagination .swiper-pagination-bullet-active { background: #228cfc } .richmedia-focus .richmedia-swiper { width: 100%; height: auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px } .richmedia-focus .richmedia-swiper .swiper-slide { width: 100%; height: auto; overflow: hidden } .richmedia-focus .richmedia-swiper .img { position: relative; z-index: 1; width: 100%; height: 145px; font-size: 0; border-radius: 5px; overflow: hidden; } .richmedia-focus .richmedia-swiper .img img { width: 100%; height: 100% } .richmedia-focus .richmedia-swiper .tit { position: absolute; left: 0; bottom: 0; z-index: 3; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 5px 9px 6px 9px; font-size: 16px; line-height: 28px; color: #fff; overflow: hidden; height: auto; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#00000000', endcolorstr='#a6000000', gradienttype=0); } .richmedia-focus .richmedia-swiper .tit a { color: #fff } .richmedia-focus .richmedia-swiper .tit .btn-play { vertical-align: middle; margin-right: 10px; width: 25px; height: 25px; display: inline-block; /*background: 0 0 no-repeat;*/ -webkit-background-size: 100% 100%; -moz-background-size: 100%; background-size: 100% } .richmedia-focus { width: 310px; position: relative; overflow: hidden } .richmedia-focus .swiper-slide { /*-webkit-transition: -webkit-transform 1s; transition: -webkit-transform 1s; -moz-transition: transform 1s, -moz-transform 1s; transition: transform 1s; transition: transform 1s, -webkit-transform 1s, -moz-transform 1s; */ z-index: 1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px } .richmedia-focus .swiper-slide.swiper-slide-active { -webkit-transform: scale(1) translate(0); -moz-transform: scale(1) translate(0); -ms-transform: scale(1) translate(0); transform: scale(1) translate(0); z-index: 3 } .richmedia-focus .swiper-slide.swiper-slide-prev { -webkit-transform: translate(50px) scale(.7); -moz-transform: translate(50px) scale(.7); -ms-transform: translate(50px) scale(.7); transform: translate(50px) scale(.7) } .richmedia-focus .swiper-slide.swiper-slide-next { -webkit-transform: translate(-50px) scale(.7); -moz-transform: translate(-50px) scale(.7); -ms-transform: translate(-50px) scale(.7); transform: translate(-50px) scale(.7) } .richmedia-focus .swiper-button-prev { left: 0; margin-top: -20px; width: 20px; height: 40px; background: url(/uploads/image/pimages/icon-prev-g.png) 0 0 no-repeat } .richmedia-focus .swiper-button-next { right: 0; margin-top: -20px; width: 20px; height: 40px; background: url(/uploads/image/pimages/icon-next-g.png) 0 0 no-repeat } .xhwp_box02 { overflow: hidden; margin-top: 15px; } .xhwp_box02 img { width: 310px; height: 175px; overflow: hidden; border-radius: 5px; } .xhwp_box02 h2 { font-size: 16px; color: #333; line-height: 28px; margin-top: 5px; font-weight: normal; text-align: center; } .xhwp_box02 h2 a { color: #333; } .xhwp_box02 p { font-size: 14px; color: #999; line-height: 22px; margin-top: 16px; } .xhwp_list li { font-size: 16px; color: #333; height: auto; overflow: hidden; position: relative; padding-left: 15px; margin-top: 5px; line-height: 28px; } .xhwp_list li:before { content: ""; width: 1px; height: 1px; border: 3px solid #008aff; border-radius: 100%; position: absolute; left: 0; top: 10px; } .xhwp_list li a { color: #333; } /*理论经纬*/ .dh_lljw { width: 121px; height: 37px; margin-top: 20px; } .dh_lljw a { color: #003b9a; } .xi:hover .arrow-left { position: absolute; left: 0; top: 75px; width: 20px; height: 40px; background: url(/uploads/image/pimages/icon-prev-g.png) 0 0 no-repeat; z-index: 25 } .xi:hover .arrow-right { position: absolute; right: 0; top: 75px; width: 20px; height: 40px; background: url(/uploads/image/pimages/icon-next-g.png) 0 0 no-repeat; z-index: 25 } .xi { width: 100%; height: auto; position: relative; z-index: 1; margin-top: 15px; } .xi .swiper-container { width: 100%; height: 100%; } .xi .swiper-container .pagination { width: auto; left: auto; right: 138px; bottom: 0px } .xi .swiper-container .pagination .swiper-pagination-bullet { width: 15px; background: #7fadf3; opacity: 1; border-radius: 5px; height: 4px; } .xi .swiper-container .pagination .swiper-pagination-bullet-active { background: #005ce7 } .xi .tit { font-size: 16px; line-height: 28px; color: #333; margin-top: 5px; text-align: center; } .xi img { width: 100%; height: 174px; overflow: hidden; border-radius: 5px; } .xi .tit a { color: #333; } /*瀑布流*/ .qian { font-size: 14px; color: #1e66bd; border: 1px solid #1e66bd; padding: 0 7px; border-radius: 25px; margin-right: 10px; } @-moz-keyframes hornplay { from { width: 13px; } to { width: 20px; } } @-webkit-keyframes hornplay { from { width: 13px; } to { width: 20px; } } @keyframes hornplay { from { width: 13px; } to { width: 20px; } } #mediabox { display: none; } .column-center { width: 540px; overflow: hidden; } .column-center .column-center-cont { position: relative; height: 1130px; } .column-center .column-center-cont .btn-horn-box { width: 20px; margin-left: 5px; margin-right: 10px; display: inline-block; vertical-align: middle; overflow: hidden; } .column-center .column-center-item { margin-bottom: 14px; } .column-center .column-center-cont:after { content: ""; width: 100%; height: 20px; position: absolute; right: 0; left: 0; bottom: 0; z-index: 30; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fff)); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%); background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%); pointer-events: none; } .column-center .column-center-cont .btn-horn-box { width: 20px; margin-left: 5px; margin-right: 10px; display: inline-block; vertical-align: middle; overflow: hidden; } .column-center .column-center-cont .btn-horn { display: block; width: 20px; height: 15px; background: 0 0 no-repeat; } .column-center .column-center-cont .btn-horn.isplaying { -webkit-animation-name: hornplay; -moz-animation-name: hornplay; animation-name: hornplay; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; } .column-right .xpage-content-list { position: relative; } .item-style1 .img { position: relative; float: left; width: 134px; height: 74px; margin-right: 18px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; } .item-style1 .img img { position: relative; z-index: 1; width: 100%; height: 100%; -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; } .item-style1 .img:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .item-style1 .tit { font-size: 16px; line-height: 26px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-top: 10px; color: #333; } .item-style1 .tit a { color: #333; } .item-style2 .tit { font-size: 16px; line-height: 34px; color: #333; } .item-style2 .tit a { color: #333; } .item-style2 .tit .type { padding: 0 10px; margin-right: 10px; color: #fff; background: #027bfb; } .item-style2 .img { margin-top: 5px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .item-style2 .img a { display: inline-block; width: 32.5%; height: 104px; overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .item-style2 .img img { width: 100%; height: 100%; -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; } .item-style2 .img img:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .item-style3 { position: relative; } .item-style3:before { -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; content: ""; display: block; position: absolute; left: 0; top: 13px; width: 4px; height: 4px; border: 2px #027bfb solid; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #fff; } .item-style3 .tit { margin-left: 16px; font-size: 16px; line-height: 34px; color: #333; } .item-style3 .tit a { color: #333; } .item-style3:hover:before { background: #ff9724; border: 2px #ff9724 solid; } .item-style4 { position: relative; width: 100%; height: auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; } .item-style4 .img { position: relative; z-index: 1; width: 100%; height: auto; } .item-style4 .img img { width: 100%; height: auto; } .item-style4 .tit { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; position: absolute; left: 0; bottom: 0; z-index: 4; padding: 20px 10px 6px; width: 100%; color: #fff; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.65))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.65) 100%); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.65) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.65) 100%); } .item-style4 .tit a { color: #fff; } .xpage-more-btn { position: relative; margin-top: 14px; width: 100%; height: 24px; line-height: 24px; cursor: pointer; text-align: center; color: #3073c7; font-size: 12px; background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(10%, rgba(248, 248, 248, 0)), color-stop(20%, rgba(248, 248, 248, 0.4)), color-stop(30%, rgba(248, 248, 248, 0.6)), color-stop(40%, rgba(248, 248, 248, 0.8)), color-stop(50%, #f8f8f8), color-stop(60%, rgba(248, 248, 248, 0.8)), color-stop(70%, rgba(248, 248, 248, 0.6)), color-stop(80%, rgba(248, 248, 248, 0.4)), color-stop(90%, rgba(248, 248, 248, 0)), to(rgba(0, 0, 0, 0))); background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(248, 248, 248, 0) 10%, rgba(248, 248, 248, 0.4) 20%, rgba(248, 248, 248, 0.6) 30%, rgba(248, 248, 248, 0.8) 40%, #f8f8f8 50%, rgba(248, 248, 248, 0.8) 60%, rgba(248, 248, 248, 0.6) 70%, rgba(248, 248, 248, 0.4) 80%, rgba(248, 248, 248, 0) 90%, rgba(0, 0, 0, 0) 100%); background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(248, 248, 248, 0) 10%, rgba(248, 248, 248, 0.4) 20%, rgba(248, 248, 248, 0.6) 30%, rgba(248, 248, 248, 0.8) 40%, #f8f8f8 50%, rgba(248, 248, 248, 0.8) 60%, rgba(248, 248, 248, 0.6) 70%, rgba(248, 248, 248, 0.4) 80%, rgba(248, 248, 248, 0) 90%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(248, 248, 248, 0) 10%, rgba(248, 248, 248, 0.4) 20%, rgba(248, 248, 248, 0.6) 30%, rgba(248, 248, 248, 0.8) 40%, #f8f8f8 50%, rgba(248, 248, 248, 0.8) 60%, rgba(248, 248, 248, 0.6) 70%, rgba(248, 248, 248, 0.4) 80%, rgba(248, 248, 248, 0) 90%, rgba(0, 0, 0, 0) 100%); } .xpage-more-btn:before { content: ""; height: 1px; width: 100%; position: absolute; left: 0; top: 0; background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(10%, rgba(172, 196, 214, 0)), color-stop(20%, rgba(172, 196, 214, 0.4)), color-stop(30%, rgba(172, 196, 214, 0.6)), color-stop(40%, rgba(172, 196, 214, 0.8)), color-stop(50%, #acc4d6), color-stop(60%, rgba(172, 196, 214, 0.8)), color-stop(70%, rgba(172, 196, 214, 0.6)), color-stop(80%, rgba(172, 196, 214, 0.4)), color-stop(90%, rgba(172, 196, 214, 0)), to(rgba(0, 0, 0, 0))); background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(172, 196, 214, 0) 10%, rgba(172, 196, 214, 0.4) 20%, rgba(172, 196, 214, 0.6) 30%, rgba(172, 196, 214, 0.8) 40%, #acc4d6 50%, rgba(172, 196, 214, 0.8) 60%, rgba(172, 196, 214, 0.6) 70%, rgba(172, 196, 214, 0.4) 80%, rgba(172, 196, 214, 0) 90%, rgba(0, 0, 0, 0) 100%); background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(172, 196, 214, 0) 10%, rgba(172, 196, 214, 0.4) 20%, rgba(172, 196, 214, 0.6) 30%, rgba(172, 196, 214, 0.8) 40%, #acc4d6 50%, rgba(172, 196, 214, 0.8) 60%, rgba(172, 196, 214, 0.6) 70%, rgba(172, 196, 214, 0.4) 80%, rgba(172, 196, 214, 0) 90%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(172, 196, 214, 0) 10%, rgba(172, 196, 214, 0.4) 20%, rgba(172, 196, 214, 0.6) 30%, rgba(172, 196, 214, 0.8) 40%, #acc4d6 50%, rgba(172, 196, 214, 0.8) 60%, rgba(172, 196, 214, 0.6) 70%, rgba(172, 196, 214, 0.4) 80%, rgba(172, 196, 214, 0) 90%, rgba(0, 0, 0, 0) 100%); } .xpage-more-btn:after { content: ""; height: 1px; width: 100%; position: absolute; left: 0; bottom: 0; background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(10%, rgba(172, 196, 214, 0)), color-stop(20%, rgba(172, 196, 214, 0.4)), color-stop(30%, rgba(172, 196, 214, 0.6)), color-stop(40%, rgba(172, 196, 214, 0.8)), color-stop(50%, #acc4d6), color-stop(60%, rgba(172, 196, 214, 0.8)), color-stop(70%, rgba(172, 196, 214, 0.6)), color-stop(80%, rgba(172, 196, 214, 0.4)), color-stop(90%, rgba(172, 196, 214, 0)), to(rgba(0, 0, 0, 0))); background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(172, 196, 214, 0) 10%, rgba(172, 196, 214, 0.4) 20%, rgba(172, 196, 214, 0.6) 30%, rgba(172, 196, 214, 0.8) 40%, #acc4d6 50%, rgba(172, 196, 214, 0.8) 60%, rgba(172, 196, 214, 0.6) 70%, rgba(172, 196, 214, 0.4) 80%, rgba(172, 196, 214, 0) 90%, rgba(0, 0, 0, 0) 100%); background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(172, 196, 214, 0) 10%, rgba(172, 196, 214, 0.4) 20%, rgba(172, 196, 214, 0.6) 30%, rgba(172, 196, 214, 0.8) 40%, #acc4d6 50%, rgba(172, 196, 214, 0.8) 60%, rgba(172, 196, 214, 0.6) 70%, rgba(172, 196, 214, 0.4) 80%, rgba(172, 196, 214, 0) 90%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(172, 196, 214, 0) 10%, rgba(172, 196, 214, 0.4) 20%, rgba(172, 196, 214, 0.6) 30%, rgba(172, 196, 214, 0.8) 40%, #acc4d6 50%, rgba(172, 196, 214, 0.8) 60%, rgba(172, 196, 214, 0.6) 70%, rgba(172, 196, 214, 0.4) 80%, rgba(172, 196, 214, 0) 90%, rgba(0, 0, 0, 0) 100%); } /*瀑布流end*/ .part1-left { width: 540px; margin: 20px 0 25px 0 } .photopart { width: 540px; height: 303px; position: relative; } .photopart:hover .arrow-left { background: no-repeat left top; position: absolute; left: 0px; top: 110px; width: 34px; height: 73px; z-index: 2 } .photopart:hover .arrow-right { background: no-repeat left top; position: absolute; right: 0px; top: 110px; width: 34px; height: 73px; z-index: 2 } .photopart .pagination { position: absolute; right: 10px; text-align: right; bottom: 10px; z-index: 2; } .photopart .pagination span { display: inline-block; width: 10px; height: 4px; background: #fff; margin: 0 3px; cursor: pointer; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .photopart .pagination .swiper-pagination-bullet-active { background: #fff; width: 15px; height: 4px; } .part1-left .swiper-container { width: 540px; height: 303px; } .swiper-slide { position: relative; } .part1-left .pagination { position: absolute; right: 10px; text-align: right; bottom: 15px; z-index: 2; } .part1-left .swiper-pagination-switch { display: inline-block; width: 10px; height: 10px; background: #ccc; margin: 0 3px; cursor: pointer; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .part1-left .swiper-active-switch { background: #fb964c !important; } .part1-left .swiper-pagination-bullet { margin-left: 5px; background: #fff; width: 11px; height: 4px; border-radius: 10px } .part1-left .swiper-pagination-bullet-active { background: #fff !important; } .part1-left .pictitle { position: relative; width: 540px; height: 303px; overflow: hidden; border-radius: 5px; } .part1-left .pictitle .img img { width: 540px; height: 303px; display: block; border-radius: 5px; } .part1-left .pictitle .bg { background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#00000000', endcolorstr='#a6000000', gradienttype=0); height: 80px; bottom: 0; left: 0; position: absolute; width: 100%; z-index: 10; } .part1-left .pictitle .name { bottom: 20px; color: #fff; height: 50px; left: 0; font-size: 18px; line-height: 50px; overflow: hidden; position: absolute; text-indent: 1em; text-align: left; width: 100%; z-index: 11; } .part1-left .pictitle .name a { color: #fff; text-decoration: none; } .mcsb_container { margin-right: 15px; } .mcs-dark > .mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar { background: rgba(0, 0, 0, 0.2); } .mcustomscrollbox:hover > .mcsb_scrolltools { opacity: 0.2; filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; /* old ie */ } .mcs-dark > .mcsb_scrolltools .mcsb_dragger:hover .mcsb_dragger_bar { background: rgba(0, 0, 0, 0.2); } .mcs-dark > .mcsb_scrolltools .mcsb_dragger:active .mcsb_dragger_bar, .mcs-dark > .mcsb_scrolltools .mcsb_dragger:active .mcsb_dragger_bar, .mcs-dark > .mcsb_scrolltools .mcsb_dragger.mcsb_dragger_ondrag .mcsb_dragger_bar { background: rgba(0, 0, 0, 0.2); } .mcsb_scrolltools .mcsb_buttonup:active, .mcsb_scrolltools .mcsb_buttondown:active, .mcsb_scrolltools .mcsb_buttonleft:active, .mcsb_scrolltools .mcsb_buttonright:active { opacity: 0.2; filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; /* old ie */ } /*新华号*/ .whlft { width: 265px; float: left; margin-top: 20px; } .cjtit { overflow: hidden; margin-bottom: 10px; } .leftlogo { width: 100%; height: 54px; line-height: 54px; text-align: center; margin-bottom: 10px; } .leftlogo img { max-width: 100%; max-height: 100%; margin: auto; /*设置垂直居中*/ display: inline-block; line-height: 54px; vertical-align: middle; } .lftbox h3 { font-size: 14px; font-weight: bold; line-height: 24px; height: 24px; margin: 10px auto 5px auto; width: 100%; overflow: hidden; } .lftbox .lftimg { margin-bottom: 10px; border-radius: 5px; overflow: hidden; position: relative; } .lftbox .lftimg img { width: 100%; height: 110px; } .lftbox .lftimg .bg { width: 100%; height: 40px; position: absolute; bottom: 0; z-index: 98; background: url(/uploads/image/fimages/gray02.png) repeat-x; } .lftbox .lftimg h3 { width: 93%; height: 30px; line-height: 30px; font-size: 14px; color: #fff; overflow: hidden; position: absolute; bottom: 0; right: 10px; z-index: 99; text-align: center; } .lftbox .lftimg h3 a { color: #fff; } .lftbox ul { margin-bottom: 15px; } .lftbox ul li { font-size: 14px; width: 235px; line-height: 24px; overflow: hidden; color: #666; position: relative; padding-left: 10px; margin-bottom: 10px; } .lftbox ul li a { color: #333; } .lftbox ul li:after { content: ""; position: absolute; left: 0; top: 10px; background: #333; width: 2px; height: 2px; } /*.lftline{ border-top:1px solid #eee; margin-top:20px; padding-top:15px;}*/ .lftscroll { width: 100%; height: 1085px; position: relative; } .lftscroll:after { content: ""; width: 100%; height: 20px; position: absolute; right: 0; left: 0; bottom: 0; z-index: 30; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), to(#fff)); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%); background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%); pointer-events: none } /*start 8bbbfd5b20304bbfaf9d8bc15ca6de3a*/ #x8bbbfd5b20304bbfaf9d8bc15ca6de3a .xfall-item-cont-top { display: flex; justify-content: space-between; align-items: center } #x8bbbfd5b20304bbfaf9d8bc15ca6de3a .xfall-item-cont-top .tit { flex: 1 } #x8bbbfd5b20304bbfaf9d8bc15ca6de3a .xfall-item-cont-top .sigleimg { width: 134px; height: 74px; margin-right: 18px; border-radius: 5px; overflow: hidden } #x8bbbfd5b20304bbfaf9d8bc15ca6de3a .xfall-item-cont-top .sigleimg img { width: 100%; height: 100% } #x8bbbfd5b20304bbfaf9d8bc15ca6de3a .xfall-item-cont .multimgs { width: 100%; display: flex; justify-content: space-between } #x8bbbfd5b20304bbfaf9d8bc15ca6de3a .xfall-item-cont .multimgs a { width: 32%; height: 104px; overflow: hidden; border-radius: 5px } #x8bbbfd5b20304bbfaf9d8bc15ca6de3a .xfall-item-cont .multimgs a img { width: 100%; height: 100% } /*end 8bbbfd5b20304bbfaf9d8bc15ca6de3a*/ /*滚动新闻*/ .rb_box { width: 1200px; height: 35px; margin: 0 auto; background: #efefef; margin-top: 20px; } .rb_left { float: left; width: 48px; height: 35px; background: url(/uploads/image/wp2images/szgd.png) no-repeat; font-size: 18px; color: #fff; line-height: 35px; padding-left: 30px; } .rb_right { float: left; width: 1115px; height: 35px; overflow: hidden; } .txtmarquee-left { width: 100%; position: relative; } .txtmarquee-left .bd .tempwrap { width: 100% !important; } .txtmarquee-left .bd ul { overflow: hidden; zoom: 1; position: absolute; white-space: nowrap; } .txtmarquee-left .bd ul li { margin-right: 20px; height: 35px; line-height: 35px; text-align: left; display: inline-block; width: auto !important; font-size: 14px; padding-left: 12px; position: relative; } .txtmarquee-left .bd ul li:before { content: ""; width: 4px; height: 4px; background: #333; border-radius: 100%; position: absolute; left: 0; top: 15px; }