.pagehistory{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:60px}
.pagehistory-left{width:54%;position:relative;padding:70px 0px}
.pagehistory-left::after{content:"";position:absolute;left:50%;transform:translateX(-50%);top:0px;width:6px;height:100%;background:#DCDCDC}
.pagehistory-right{width:40%}
.pagehistory-right img{width:100%;border-radius:var(--borderradius)}
#historySwiper{position:relative;height:700px;overflow:hidden;z-index:9}
#historySwiper .swiper-slide{width:46%;text-align:right;z-index:9;position:static;transform:none}
#historySwiper .swiper-slide.swiper-slide-active .round{background:var(--color)}
#historySwiper .swiper-slide.swiper-slide-active .round::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:23px;height:23px;border-radius:50%;border:4px solid var(--color)}
#historySwiper .swiper-slide.swiper-slide-active .date{color:var(--color)}
#historySwiper .swiper-slide:nth-child(2n+1){margin-left:auto;margin-right:0px;text-align:left}
#historySwiper .swiper-slide .round{position:absolute;left:50%;transform:translateX(-50%);margin-top:40px;background:#7d7d7d;width:18px;height:18px;border-radius:50%;z-index:9}
#historySwiper .swiper-slide .round::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:#FFFFFF;border-radius:50%}
#historySwiper .swiper-slide .date{color:#333333;font-weight:var(--fontbold7);font-size:var(--fontsize30);line-height:1}
#historySwiper .swiper-slide .p1{font-size:var(--fontsize18);font-weight:var(--fontbold7);color:#333333;line-height:1;margin:10px 0px}
#historySwiper .swiper-slide .p2{line-height:1.4}
#historySwiper .swiper-slide .kche-t127-item-des{font-size:15px}
#historySwiper .swiper-slide .p2>p:first-child{font-weight:bold;font-size:var(--fontsize18);margin:5px 0 2px}
.pagehistory-next,.pagehistory-prev{position:absolute;left:50%;transform:translateX(-50%);width:48px;height:48px;background:#FFFFFF;border:1px solid #EEEEEE;border-radius:50%;z-index:1;display:flex;align-items:center;justify-content:center;font-size:var(--fontsize22);font-weight:var(--fontbold6);cursor:pointer;bottom:0px}
.pagehistory-prev{transform:translateX(-50%) rotateX(180deg);bottom:auto;top:0px}
@media (max-width:1366px){.pagehistory-left{width:66%}
.pagehistory-right{width:30%}
#historySwiper{height:630px}}
@media (max-width:1024px){.pagehistory-left{width:100%;margin-bottom:30px}
.pagehistory-right{width:100%}
#historySwiper .swiper-slide{width:calc(100% - 50px);margin-left:auto;margin-right:0px;text-align:left}
#historySwiper .swiper-slide .round{left:16px}
#historySwiper .swiper-slide .date{font-size:var(--fontsize22)}
.pagehistory-left::after{left:16px}
.pagehistory-next,.pagehistory-prev{left:16px;width:40px;height:40px}
#historySwiper{height:660px}}
@media (max-width:768px){.pagehistory-left{padding:50px 0px 30px}
#historySwiper{height:600px}}
@media (max-width:500px){#historySwiper{height:620px}
#historySwiper .swiper-slide .kche-t127-item-des{font-size:14px}}