.footer {
background-image: linear-gradient(#fff6e8, #ff8714);
}
.container-fluid {
overflow: hidden;
}
.con-tit {
background-color: #f37021;
padding-top: 0.5rem;
height: 2rem;
box-sizing: content-box;
display: flex;
align-items: center;
justify-content: center;
}
.con-tit h1 {
display: inline;
color: #fff6e8;
font-size: 0.7847rem;
padding: 0 0.44rem;
font-family: "Nexa Heavy Italic";
background-image: url(//cdn.nexabar.com/nexabar_www/default/static/image/news-tit-bg.png?v=79a2208201);
background-size: 100% 100%;
}
.newsContentBox {
padding: 1rem 3.18rem;
background-color: #fff6e8;
}
.single-blogs {
padding: 1rem 2.4rem;
} .news-list {
color: #000;
}
.news-list a {
color: #000;
}
.news-list li {
display: flex;
margin-bottom: 1.5rem;
}
.news-list li:last-child {
margin-bottom: 0;
}
.news-list li .news-date {
width: 0.22rem;
writing-mode: vertical-lr;
text-align: right;
color: #f37021;
font-size: 0.16rem;
border-left: 0.02rem solid #f37021;
margin-right: 0.05rem;
}
.news-list li .leftImg {
height: 3.42rem;
width: 5.87rem;
flex: 0 0 auto;
border-radius: 0.1rem;
overflow: hidden;
margin-right: 0.55rem;
}
.news-list li .leftImg img {
width: 100%;
height: 100%;
transition: all 0.5s ease-in-out;
object-fit: cover;
}
.news-list li .rightBox {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.news-list li .rightBox .title {
font-size: 0.26rem;
line-height: 0.34rem;
overflow: hidden;
font-family: 'Nexa Bold';
font-weight: bold;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
}
.news-list li .rightBox .title > div {
overflow: hidden;
}
.news-list li .rightBox .title a {
color: #000;
}
.news-list li .rightBox .info {
font-family: "Nexa Light";
font-size: 0.2rem;
line-height: 0.32rem;
text-align: justify;
}
.news-list li .rightBox .info > div {
overflow: hidden;
}
.news-list li .rightBox .more-btn {
font-family: "Nexa Italic";
color: #f37021;
font-size: 0.1875rem;
line-height: 0.25rem;
width: 1.35rem;
height: 0.25rem;
text-align: center;
background-color: rgba(243, 112, 33, 0);
border-radius: 0.03rem;
transition: all 0.3s;
}
.news-list li .rightBox .more-btn:hover {
color: #fff;
font-weight: bolder;
background-color: #f37021;
} .contentBox {
color: #000;
margin-top: calc(0.5rem + 0.6rem);
}
.contentBox h1.title {
font-size: 0.4rem;
line-height: 0.48rem;
font-weight: bold;
text-align: center;
margin-bottom: 0.9rem;
color: #f37021;
}
.contentBox table {
border: 1px solid #f37021;
border-collapse: collapse;
margin-bottom: 0.1rem;
min-width: 100%;
color: #f37021;
font-size: 0.2rem;
line-height: 0.24rem;
}
.contentBox table td,
.contentBox table th {
border: 0.5px solid #f37021;
padding: 0.14rem 0.2rem;
}
.contentBox em,
.contentBox i {
font-style: italic;
text-decoration: underline;
}
.contentBox span.time {
font-size: 0.24rem;
display: block;
margin-bottom: 0.25rem;
color: #f37021;
}
.contentBox .content {
color: #000;
}
.contentBox .content a {
color: #f37021;
text-decoration: underline;
}
.contentBox .content h1,
.contentBox .content h2,
.contentBox .content h3,
.contentBox .content h4,
.contentBox .content h5,
.contentBox .content h6 {
margin-bottom: 0.05rem;
line-height: 1.2;
font-family: "Nexa Extra Bold";
color: #f37021;
}
.contentBox .content h1 {
font-size: 0.38rem;
}
.contentBox .content h2 {
font-size: 0.34rem;
}
.contentBox .content h3 {
font-size: 0.3rem;
}
.contentBox .content h4 {
font-size: 0.26rem;
}
.contentBox .content h5 {
font-size: 0.22rem;
}
.contentBox .content p,
.contentBox .content ul,
.contentBox .content ol {
line-height: 0.26rem;
font-size: 0.2rem;
word-break: break-all;
hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; }
.contentBox .content p li,
.contentBox .content ul li,
.contentBox .content ol li {
position: relative;
}
.contentBox .content p li::marker,
.contentBox .content ul li::marker,
.contentBox .content ol li::marker {
color: #f37021;
}
.contentBox .content b {
color: #f37021;
font-family: "Nexa Extra Bold";
}
.contentBox .content ul {
list-style-type: disc;
}
.contentBox .content ol {
list-style-type: decimal;
}
.contentBox .content img {
display: block;
margin: 0 auto;
max-width: 11rem;
height: auto;
border-radius: 0.3rem;
}
.contentBox .prev-next-posts {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 0.16rem;
margin-top: 0.52rem;
}
.contentBox .prev-next-posts > div {
max-width: 40%;
}
@media (max-width: 750px) {
.pc,
.banner {
display: none !important;
}
.mobile {
display: block;
}
.footer {
background-image: linear-gradient(#f7f7f7, #ff8714);
}
.newsContentBox {
padding: 0.8rem 0.36rem;
background-color: #f7f7f7;
}
.con-tit {
padding-top: 0.8rem;
height: 1.85rem;
}
.con-tit h1 {
font-size: 0.6571rem;
width: 2.81rem;
height: 0.98rem;
line-height: 0.98rem;
text-align: center;
background-image: url(//cdn.nexabar.com/nexabar_www/default/static/image/news-tit-bg-m.png?v=5e101f976d);
} .news-list {
width: 100%;
margin: 0 auto;
}
.news-list li {
margin-bottom: 1rem;
flex-direction: column;
position: relative;
padding-left: 0;
}
.news-list li .leftImg {
float: initial;
width: 100%;
margin-right: 0;
padding-top: 0.15rem;
padding-left: 0.38rem;
}
.news-list li .leftImg img {
max-width: 7rem;
max-height: 4.06rem;
border-radius: 0.1rem;
}
.news-list li .news-date {
position: absolute;
width: 0.38rem;
height: 100%;
left: 0;
top: 0;
font-size: 0.18rem;
}
.news-list li .rightBox {
float: initial;
height: auto;
font-size: 0.2rem;
margin-top: 0.36rem;
width: 100%;
padding-left: 0.2rem;
}
.news-list li .rightBox .title {
font-size: 0.28rem;
line-height: 0.34rem;
max-height: initial;
}
.news-list li .rightBox .info {
font-size: 0.26rem;
line-height: 0.32rem;
max-height: initial;
margin: 0.45rem 0;
}
.news-list li .rightBox .time {
margin-top: 0.2rem;
color: #bfbfbf;
}
.news-list li .rightBox .more-btn {
width: 1.45rem;
font-size: 0.2rem;
color: #f7f7f7;
background-color: #ff8714;
} .contentBox {
margin-top: 0.3rem;
}
.contentBox h1.title {
font-size: 0.48rem;
line-height: 0.6rem;
margin-bottom: 0.6rem;
font-weight: bold;
text-align: left;
}
.contentBox span.time {
font-size: 0.22rem;
}
.contentBox table {
margin-bottom: 0.2rem;
}
.contentBox .content {
overflow-x: auto;
}
.contentBox .content h1,
.contentBox .content h2,
.contentBox .content h3,
.contentBox .content h4,
.contentBox .content h5,
.contentBox .content h6 {
margin-bottom: 0.15rem;
}
.contentBox .content h1 {
font-size: 0.48rem;
}
.contentBox .content h2 {
font-size: 0.44rem;
}
.contentBox .content h3 {
font-size: 0.4rem;
}
.contentBox .content h4 {
font-size: 0.34rem;
}
.contentBox .content h5 {
font-size: 0.28rem;
}
.contentBox .content p {
line-height: 0.4rem;
font-size: 0.26rem;
letter-spacing: -0.05px;
}
.contentBox .content img {
max-width: 6.3rem;
}
.contentBox .content ul li,
.contentBox .content ol li {
margin-bottom: 0.2rem;
}
}