.abouthistory {position:relative;margin-top:40px;}
.abouthistory:before {content:'';width:100%;height:1px;border-top:1px dashed #aaa;position:absolute;top:54px;left:0;}
.abouthistory-time {font-weight:bold;font-size:24px;color:var(--color);line-height:1;}
.abouthistory-icon {width:30px;height:30px;background:var(--color);border-radius:50%;margin:15px 0 20px;}
.abouthistory-item p {color:#555;font-size:15px;}
.aboutlist-btn>div {position:absolute;cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(#0f73d5,var(--color));color:#fff;top:34px;z-index:2;}
.aboutlist-btn>div em {font-weight:bold;font-size:18px}
.aboutlist-btn>div.aboutlist-prev em {transform:rotate(180deg)}
.aboutlist-btn>div.aboutlist-prev {left:-1px;}
.aboutlist-btn>div.aboutlist-next {right:-1px;}
.aboutlist-btn>div:hover {background:linear-gradient(var(--color),var(--color))}
.aboutlist-btn>div.swiper-button-disabled {background:#888!important;cursor:default}
.abouthistory .swiper-pagination {display:none}
@media (max-width:768px){.abouthistory .swiper{padding-bottom:40px}
.abouthistory:before{top:50px;}
.abouthistory-time{font-size:20px}
.abouthistory-item p {font-size:14px;line-height:1.5}
.aboutlist-btn{display:none}
.abouthistory .swiper-pagination {display:block;bottom:0}}