body{ margin-left:auto; margin-right:auto; }
.text-primary{ color:#6DCBFE; }
.bg-primary{ background-color:#6DCBFE; }

/* 居左分布 */
/* .history_div{ position:relative; padding:10px 0; }
.history_div .line{ position:absolute; top:0; left:calc(8% + 27px); width:2px; height:100%; margin:0; background-color:#0ea5e9; background-image:none; z-index:8; }
.history_div .item{ position:relative; display:flex; justify-content:center; align-items:center; margin:30px 0; z-index:9; }
.history_div .item .time{ max-width:8%; flex-grow:1; flex-basis:50%; text-align:right; order:0; font-size:24px; color:#0ea5e9; font-weight:bold; }
.history_div .item .dot{ position:relative; width:16px; height:16px; margin:0 20px; order:1; }
.history_div .item .dot .dot_icon{ width:100%; height:100%; background-color:#fff; border:2px solid #0ea5e9; border-radius:50%; }
.history_div .item .text{ max-width:90%; flex-grow:1; flex-basis:50%; background-color:#fff; border-radius:4px; box-shadow:0 0 10px #bbb; order:2; }
.history_div .item .text .txt{ padding:20px 30px; }
.history_div .item .text .txt h3{ text-indent:0; font-size:20px; line-height:1.2; color:#0ea5e9; }
.history_div .item .text .txt p{ margin:6px 0 0 0; text-indent:0; font-size:16px; line-height:1.5; color:#333; }
@media (max-width:768px){
    .history_div .line{ left:7px; }
    .history_div .item{ flex-wrap:wrap; justify-content:flex-start; }
    .history_div .item .dot{ order:0 !important; margin:0; }
    .history_div .item .time{ order:1 !important; max-width:calc(100% - 30px); text-align:left !important; margin:0 0 12px 14px; }
    .history_div .item .text{ order:2 !important; max-width:calc(100% - 30px); margin-left:24px; }
    .history_div .item .text .txt{ padding:10px 12px; }
    .history_div .item .text .txt h3{ font-size:18px; text-align:left !important; }
    .history_div .item .text .txt p{ font-size:14px; text-align:left !important; }
} */
/* 左右分布 */
.history_div{ position:relative; padding:10px 0; }
.history_div .line{ position:absolute; top:0; left:calc(50% - 1px); width:2px; height:100%; margin:0; background-color:#0ea5e9; background-image:none; z-index:8; }
.history_div .item{ position:relative; display:flex; justify-content:center; align-items:center; margin:30px 0; z-index:9; }
.history_div .item .time{ max-width:50%; flex-grow:1; flex-basis:50%; text-align:right; order:0; font-size:24px; color:#0ea5e9; font-weight:bold; }
.history_div .item .dot{ position:relative; width:12px; height:12px; margin:0 20px; order:1; }
.history_div .item .dot .dot_icon{ width:100%; height:100%; background-color:#fff; border:2px solid #0ea5e9; border-radius:50%; }
.history_div .item .text{ max-width:50%; flex-grow:1; flex-basis:50%; background-color:#fff; border-radius:4px; box-shadow:0 0 10px #bbb; order:2; }
.history_div .item .text .txt{ padding:20px 30px; }
.history_div .item .text .txt h3{ text-indent:0; font-size:20px; line-height:1.2; color:#0ea5e9; }
.history_div .item .text .txt p{ margin-top:8px; text-indent:0; font-size:16px; line-height:1.5; color:#333; }
.history_div .item:nth-child(2n-1) .time{ text-align:left; order:2; }
.history_div .item:nth-child(2n-1) .text{ order:0; }
.history_div .item:nth-child(2n-1) .text .txt h3{ text-align:right; }
.history_div .item:nth-child(2n-1) .text .txt p{ text-align:right; }
@media (max-width:768px){
    .history_div .line{ left:4px; }
    .history_div .item{ flex-wrap:wrap; justify-content:flex-start; }
    .history_div .item .dot{ order:0 !important; margin:0; }
    .history_div .item .time{ order:1 !important; max-width:calc(100% - 30px); text-align:left !important; margin:0 0 8px 14px; }
    .history_div .item .text{ order:2 !important; max-width:calc(100% - 30px); margin-left:24px; }
    .history_div .item .text .txt{ padding:10px 12px; }
    .history_div .item .text .txt h3{ font-size:18px; text-align:left !important; }
    .history_div .item .text .txt p{ font-size:14px; text-align:left !important; }
}