/* 新闻详情 */ .news-con { padding: 0 0 100px 0; } /*内容*/ .newsxq-lf { width: 700px; float: left; } /*相关新闻部分*/ .newsxq-rt { width: 370px; float: right; border: 1px solid #ebebeb; padding: 42px 24px 63px; background: #fff; } .newsxq-lf h1 { color: #333; font-size: 18px; } .newsxq-lf img { max-width: 100%; height: auto; } .pull-right { text-align: center; font-size: 0; position: relative; } /*.pull-right:before {*/ /* content: '';*/ /* width: 285px;*/ /* height: 1px;*/ /* background: #e5e5e5;*/ /* position: absolute;*/ /* left: 0;*/ /* top: 50%;*/ /* margin-top: -0.5px;*/ /*}*/ /*.pull-right:after {*/ /* content: '';*/ /* width: 285px;*/ /* height: 1px;*/ /* background: #e5e5e5;*/ /* position: absolute;*/ /* right: 0;*/ /* top: 50%;*/ /* margin-top: -0.5px;*/ /*}*/ .pull-right .bdsharebuttonbox img { width: 20px; height: 20px; } .newsxq-info { font-size: 0; margin-top: 10px; } .newsxq-info span { display: inline-block; color: #666; font-size: 14px; margin: 0 28px 0 0; } .news-dy span { color: #0e48a7; font-size: 14px; } .news-dy { color: #666; font-size: 14px; line-height: 28px; background: #f5f5f5; padding: 22px 20px; margin-top: 26px; } .newsxq-desc p { color: #666; font-size: 14px; } .newsxq-desc { padding: 10px 0; border-bottom: 1px solid #e5e5e5; } .newsxq_lb { overflow: hidden; } .newsxq_bbl { float: left; width: 37%; height: 100%; padding: 10px; padding: 4px 10px; } .item-time { width: 12%; float: left; height: 100px; flex-shrink: 0; background-color: #F3F3F3; display: flex; flex-direction: column; padding: 10px; margin: 0 10px 0 0; } .item-time-empty { width: 12%; float: left; height: 100px; flex-shrink: 0; background-color: #ffffff; display: flex; flex-direction: column; padding: 10px; margin: 0 10px 0 0; } .item-time .day { color: #074BCE; font-size: 36px; font-weight: bold; } .item-time .month { color: #2B2B2B; font-size: 16px; margin-top: 6px; } .item-time .year { color: #2B2B2B; font-size: 16px; } .newsxq_bbl a { display: block; font-size: 14px; color: #666; margin-bottom: 8px; } .newsxq_bbl a:hover { color: #0369fc; } .newsxq_bbl a:last-child { margin-bottom: 0; } .newsxq_bbl a span { color: #cba35a; padding-right: 5px; } .newsxq_bbr { float: right; width: 48%; border-left: 1px solid #E7E7E7; padding: 0 10px; } .newsxq_bbr a { width: 100%; height: 20px; overflow: hidden; text-overflow: ellipsis; font-size: 14px; line-height: 18px; display: flex; color: #909090; } .newsxq_bbr a .time { width: 90px; flex-shrink: 0; } .newsxq_bbr a .title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .newsxq_bbr a:hover { /*background: #0369fc;*/ color: #0369fc; } .news-comment { margin-top: 35px; } .comment-tit { color: #333; font-size: 18px; padding-bottom: 8px; border-bottom: 1px solid #bfbfbf; display: inline-block; margin-bottom: 30px; } .newsxq_rt h2 { padding: 5px 0; font-weight: bold; color: #333; font-size: 18px; } .newsxq_rm li p { color: #999; padding-left: 10px; font-size: 14px; } .newsxq_rm li h3 { color: #666; font-size: 16px; margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .newsxq_rm li:hover h3 { /*color: #0369fc;*/ } /*分享*/ .share { margin-top: 10px; } .share .bdsharebuttonbox a { width: 36px; height: 36px; border-radius: 50%; opacity: 1; margin: 0 20px 0 0; } .share .bdsharebuttonbox a:last-child { margin-right: 0; } .share .bdsharebuttonbox a.common-img { width: 16px; height: 16px; background-size: 16px 16px!important; background-position: center!important; background-repeat: no-repeat!important; } .share .bdsharebuttonbox a.ss1 { background: url(../images/s1.png); } .share .bdsharebuttonbox a.ss2 { background: url(../images/s2.png); } .share .bdsharebuttonbox a.ss3 { background: url(../images/s3.png); } /*.share .bdsharebuttonbox a.s1:hover {*/ /* background: url(../images/s1h.png) no-repeat center;*/ /*}*/ /*.share .bdsharebuttonbox a.s2:hover {*/ /* background: url(../images/s2h.png) no-repeat center;*/ /*}*/ /*.share .bdsharebuttonbox a.s3:hover {*/ /* background: url(../images/s3h.png) no-repeat center;*/ /*}*/ @media (max-width: 768px) { .news-con { padding: 20px !important; } .newsxq-lf { width: 100% !important; } .pull-right:before { width: 20vw; } .pull-right:after { width: 20vw; } .newsxq-lf img { max-width: 100% !important; height: auto; } .newsxq_lb { display: flex; flex-direction: column; } .newsxq_bbr { margin: 10px 0; } .newsxq-rt { width: 100% !important; border: none !important; padding: 20px 0 0 0; } .newsxq-info span { margin: 0 10px 0 0 !important; } }