tjshop/shop/static/style/news.css

.zskk-news {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #ffffff;
    min-height: calc(100vh - 367px);
}
.zskk-news .zskk-newsnav {
    height: 40px;
    width: 100%;
    background: #f0f0f0;
    display: flex;
    justify-content: center;
}
.zskk-news .zskk-newsnav .zskk-list {
    display: flex;
    align-items: center;
    padding: 0 20px;
    font-size: 16px;
    cursor: pointer;
    color: #a9a9a9;
}
.zskk-news .zskk-newsnav .zskk-active a {
    color: #e31445;
}
.zskk-news .zskk-newscontent {
    width: 1000px;
    display: flex;
    justify-content: space-between;
    padding: 30px 0;
}
.zskk-news .zskk-newscontent .zskk-newslist {
    height: 100%;
    width: 600px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.zskk-news .zskk-newscontent .zskk-newslist .zskk-newsone {
    width: 100%;
    display: flex;
    padding: 20px 0;
    border-bottom: 1px solid #f6f6f7;
}
.zskk-news .zskk-newscontent .zskk-newslist .zskk-newsone .zskk-newsphoto {
    width: 160px;
    height: 100%;
}
.zskk-news .zskk-newscontent .zskk-newslist .zskk-newsone .zskk-newsphoto img {
    width: 100%;
    height: 90px;
}
.zskk-news .zskk-newscontent .zskk-newslist .zskk-newsone .zskk-newsinfo {
    width: calc(100% - 160px);
    height: 100%;
    padding-left: 15px;
}
.zskk-news
.zskk-newscontent
.zskk-newslist
.zskk-newsone
.zskk-newsinfo
.zskk-newstitle {
    font-size: 16px;
    color: #7e5236;
    font-family: "微软雅黑";
    font-weight: 600;
}
.zskk-news .zskk-newscontent .zskk-newslist .zskk-newsone .zskk-newsinfo p {
    font-size: 12px;
    color: #605c60;
    line-height: 18px;
}
.zskk-news
.zskk-newscontent
.zskk-newslist
.zskk-newsone
.zskk-newsinfo
.zskk-newsbase {
    font-size: 12px;
    color: #a1aeb5;
    display: flex;
    align-items: center;
}
.zskk-news
.zskk-newscontent
.zskk-newslist
.zskk-newsone
.zskk-newsinfo
.zskk-newsbase
span {
    margin-right: 20px;
    display: flex;
}
.zskk-news
.zskk-newscontent
.zskk-newslist
.zskk-newsone
.zskk-newsinfo
.zskk-newsbase
span
img {
    margin-right: 5px;
}
.zskk-news .zskk-newscontent .zskk-newslist .zskk-newspages {
    margin-top: 15px;
    border: 1px solid #ecedee;
    display: flex;
}
.zskk-news .zskk-newscontent .zskk-newslist .zskk-newspages li {
    padding: 8px 12px;
    font-size: 12px;
    color: #8f8f94;
    border-left: 1px solid #ecedee;
    cursor: pointer;
    list-style: none;
}
.zskk-news .zskk-newscontent .zskk-newslist .zskk-newspages .zskk-previouspage {
    border: none;
}
.zskk-news .zskk-newscontent .zskk-newslist .zskk-newspages .zskk-disabled {
    color: #cccccc;
}
.zskk-news .zskk-newscontent .zskk-newslist .zskk-newspages .zskk-active {
    color: #ffffff;
    background: #A37D48;
}
.zskk-news .zskk-newscontent .zskk-newsside {
    height: 100%;
    width: 260px;
}
.zskk-news .zskk-newscontent .zskk-newsside .zskk-newssidenav {
    margin-top: 40px;
}
.zskk-news .zskk-newscontent .zskk-newsside .zskk-newssidenav ul li {
    height: 24px;
    font-size: 14px;
    list-style: none;
    color: #616365;
    cursor: pointer;
}
.zskk-news .zskk-newscontent .zskk-newsside .zskk-newssidenav ul .zskk-active {
    color: #A37D48;
}
.zskk-news .zskk-newscontent .zskk-newsside .zskk-recommendtitle {
    margin-top: 20px;
    font-size: 15px;
    color: #616365;
}
.zskk-news .zskk-newscontent .zskk-newsside .zskk-recommend {
    border: 1px solid #ebeeef;
    margin-top: 10px;
}
.zskk-news .zskk-newscontent .zskk-newsside .zskk-recommend li {
    list-style: none;
    padding: 8px 12px;
    font-size: 12px;
    color: #616365;
    border-bottom: 1px solid #ebeeef;
}
.zskk-news
.zskk-newscontent
.zskk-newsside
.zskk-recommend
li:nth-last-child(1) {
    border: none;
}

/* <div class="zskk-newsside">
<ul zskk-recommend>
  <li>发的发生的发送到发送到发送到?</li>
  <li>发的发生的发送到发送到发送到?</li>
  <li>发的发生的发送到发送到发送到?</li>
  <li>发的发生的发送到发送到发送到?</li>
  <li>发的发生的发送到发送到发送到?</li>
  <li>发的发生的发送到发送到发送到?</li>
</ul>
</div> */