.contentBox {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    margin-top: 48px;
}

.contentBox .leftBox {
    width: 805px;
    margin-right: 28px;
}
.specialArticalBox {
    border-radius: 10px;
    box-sizing: border-box;
    width: 805px;
    padding: 30px 22px;
    box-shadow: 0 0 5px rgba(10, 10, 10, 0.1);
    background-color: #fff;
}
.specialArticalBox .specialArticalItem {
    width: 100%;
    margin-bottom: 46px;
    display: flex;
    align-items: center;
    position: relative;
}
.specialArticalBox .specialArticalItem .articalImg {
    width: 180px;
    height: 120px;
}
.specialArticalBox .specialArticalItem .articalInfo {
    height: 120px;
    width: 512px;
    margin-left: 27px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.specialArticalBox .specialArticalItem .articalInfo .infoTop .articalMainTitle {
    font-size: 16px;
    color: #181D25;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.specialArticalBox .specialArticalItem .articalInfo .infoTop .articalsubTitle {
    margin-top: 9px;
    width: 358px;
    font-size: 16px;
    font-weight: 400;
    color: #A9A9A9;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.specialArticalBox .specialArticalItem .articalInfo .infoTop .articalAttrBar {
    margin-top: 17px;
    display: flex;
    align-items: center;
}
.specialArticalBox .specialArticalItem .articalInfo .infoTop .articalAttrBar .articalSource {
    font-size: 14px;
    font-weight: 400;
    color: #A0A0A0;
    margin-right: 54px;
}
.specialArticalBox .specialArticalItem .articalInfo .infoTop .articalAttrBar .articalTime {
    font-size: 14px;
    font-weight: 400;
    color: #A0A0A0;
}
.specialArticalBox .specialArticalItem .articalInfo .infoBottom {
    display: flex;
    align-items: center;
}
.specialArticalBox .specialArticalItem .articalInfo .infoBottom .articalTagBar {
    display: flex;
    align-items: center;
}
.specialArticalBox .specialArticalItem .articalInfo .infoBottom .articalTagBar .articalTagItem {
    padding: 5px 15px;
    background: #F5F6FA;
    border-radius: 3px;
    margin-right: 17px;
    font-size: 14px;
    font-weight: 400;
    color: #A0A0A0;
}
.specialArticalBox .specialArticalItem::before {
    content: '';
    position: absolute;
    bottom: -23px;
    width: 100%;
    height: 2px;
    border-bottom: 2px solid #F8FAFC;
}
.specialArticalBox .specialArticalItem:last-child {
    margin-bottom: 0;
}
.specialArticalBox .specialArticalItem:last-child::before {
    border: none;
}
.specialArticaladdWidthBox {
    border-radius: 10px;
    box-sizing: border-box;
    width: 942px;
    padding: 30px 22px;
    box-shadow: 0 0 5px rgba(10, 10, 10, 0.1);
}
.specialArticaladdWidthBox .specialArticalItem {
    width: 100%;
    margin-bottom: 46px;
    display: flex;
    align-items: center;
    position: relative;
}
.specialArticaladdWidthBox .specialArticalItem .dailyTopicImg {
    width: 222px;
    height: 144px;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center;
}
.specialArticaladdWidthBox .specialArticalItem .articalImg {
    width: 222px;
    height: 144px;
}
.specialArticaladdWidthBox .specialArticalItem .articalInfo {
    height: 144px;
    width: 512px;
    margin-left: 27px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.specialArticaladdWidthBox .specialArticalItem .articalInfo .infoTop .articalMainTitle {
    font-size: 20px;
    color: #181D25;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.specialArticaladdWidthBox .specialArticalItem .articalInfo .infoTop .articalsubTitle {
    margin-top: 9px;
    width: 358px;
    font-size: 16px;
    font-weight: 400;
    color: #A9A9A9;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.specialArticaladdWidthBox .specialArticalItem .articalInfo .infoTop .dailyTopicSubTitleBar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 9px;
    width: 100%;
}
.specialArticaladdWidthBox .specialArticalItem .articalInfo .infoTop .dailyTopicSubTitleBar .dailyTopicSubTitle {
    width: 358px;
    font-size: 12px;
    font-weight: 400;
    color: #A9A9A9;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.specialArticaladdWidthBox .specialArticalItem .articalInfo .infoTop .dailyTopicSubTitleBar .dailyTopicSubTime {
    color: #4F4F4F;
    font-size: 14px;
}
.specialArticaladdWidthBox .specialArticalItem .articalInfo .infoTop .articalAttrBar {
    margin-top: 17px;
    display: flex;
    align-items: center;
}
.specialArticaladdWidthBox .specialArticalItem .articalInfo .infoTop .articalAttrBar .articalSource {
    font-size: 14px;
    font-weight: 400;
    color: #A0A0A0;
    margin-right: 54px;
}
.specialArticaladdWidthBox .specialArticalItem .articalInfo .infoTop .articalAttrBar .articalTime {
    font-size: 14px;
    font-weight: 400;
    color: #A0A0A0;
}
.specialArticaladdWidthBox .specialArticalItem .articalInfo .infoBottom {
    display: flex;
    align-items: center;
}
.specialArticaladdWidthBox .specialArticalItem .articalInfo .infoBottom .articalTagBar {
    display: flex;
    align-items: center;
}
.specialArticaladdWidthBox .specialArticalItem .articalInfo .infoBottom .articalTagBar .articalTagItem {
    padding: 5px 15px;
    background: #F5F6FA;
    border-radius: 3px;
    margin-right: 17px;
    font-size: 14px;
    font-weight: 400;
    color: #A0A0A0;
}
.specialArticaladdWidthBox .specialArticalItem::before {
    content: '';
    position: absolute;
    bottom: -23px;
    width: 100%;
    height: 2px;
    border-bottom: 2px solid #F8FAFC;
}
.specialArticaladdWidthBox .specialArticalItem:last-child {
    margin-bottom: 0;
}
.specialArticaladdWidthBox .specialArticalItem:last-child::before {
    border: none;
}
.contentBox .rightBox {
    width: 357px;
}


.specialRightBox {
    width: 357px;
    box-sizing: border-box;
    margin-bottom: 29px;
    background-color: #fff;
    overflow: hidden;
    box-shadow: 0 0 5px rgba(10, 10, 10, 0.1);
    border-radius: 10px;
}

.specialRightBox .specialRightItemBox {
    padding: 30px 22px;
    box-sizing: border-box;
    margin-bottom: 29px;
}

.specialRightBox .specialRightItemBox:last-child {
    margin-bottom: 0;
}

.specialRightBox .specialRightItemBox .specialRightItemTitle {
    position: relative;
    margin-left: 15px;
    width: 100%;
    height: 20px;
    display: flex;
    align-items: center;
    font-size: 20px;
    font-weight: 600;
    color: #414141;
    margin-bottom: 29px;
}
.specialRightBox .specialRightItemBox .specialRightItemTitle::after {
    content: '';
    position: absolute;
    left: -15px;
    width: 3px;
    height: 14px;
    background: #FF5959;
    border-radius: 2px;
    top: 50%;
    transform: translateY(-50%);
}