* {margin:0;padding:0;}
.center {text-align: center !important;}
.gray {color: #747475;}
/* 头部 */
.update-log-header {background: url('../../images/update-log-header.png') no-repeat;background-size: cover;height: 300px;background-position: center;text-align: center;}
.update-log-header-big-title {padding-top: 124px;font-size: 40px;}
.update-log-header-small-title {font-size: 16px;}
/* 网页主要内容 */
.update-log-content { width: 1180px;margin: 0 auto;padding-top: 32px;}
/* 左侧时间线 */
.histroy {float: right;}
.timeline-small { max-width: 350px;float: left;}
.timeline-small-body ul {list-style: none;}
.timeline-small-body li {margin-bottom: 48px;position: relative;}
.timeline-small-body li div {display: inline-block;}
/* 选中前的字体和颜色 */
.timeline-small-body .date {font-size: 16px;font-weight: bold;color: #c3c3c6;}
/* 选框 */
.timeline-small-body ul .bullet::before {display: inline-block;content: "";width: 14px;height: 14px;-moz-box-sizing: border-box;box-sizing: border-box;
border-radius: 50%;z-index: 1;margin-left: 14px;margin-top: 10px;border: 2px solid #07bb8a;background-color: #fff;}
/* 选中后的中心绿点 */
.timeline-small-body ul .current a .bullet::after {display: inline-block;content: "";width: 6px;height: 6px;border-radius: 50%;position: absolute;right: 4px;top: 14px;background-color: #00b987;}
/* 选中后的字体颜色 */
.current a .date {color: #626266;}
/* 时间线的竖线 */
.timeline-small-body li:not(:last-child)::before { display: inline-block;content: "";border-left: 1px solid #dde0e4;height: 40px;position: absolute;right: 7px;
top: 35px;}
/* 历史更新内容 */
.histroy-content{width: 1053px;border: 1px solid #e2e6ef;margin-bottom: 16px;-webkit-transition:all .3s;transition: all .3s;box-shadow:  0px 0px 20px transparent;}
.histroy-title {/* height: 60px; */border-bottom: 1px solid #e2e6ef;line-height: 60px;background-color: #fff;-webkit-transition:all .3s;transition: all .3s;}
.histroy-title span{font-size: 16px;margin-left: 33px;-webkit-transition:all .3s;transition: all .3s;}
.histroy-title span:first-child{font-weight: 600;}
.histroy-time {float: right;margin-right: 32px;}
.histroy-record {margin-top: 20px;margin-left: 48px;margin-bottom: 25px;}
.histroy-record li {list-style-type: square;color: #00b987;margin-bottom: 15px;}
/* 当鼠标指定时的历史更新内容样式 */
.histroy-content:hover .histroy-title {background-color: #00b987;}
.histroy-content:hover .histroy-title span {color: #fff;}
.histroy-content:hover {box-shadow:  0px 0px 20px #cacaca;}

/* 新版样式 */
/* 头部 */
.update-log-header {background: url('../../images/product/update-log-header.png') no-repeat;background-size: cover;height: 765px;background-position: center;text-align: center;}
/* 内容 */
.update-log-content{padding-top: 0;position: relative;bottom: 65px;margin-top: -275px;width: 1400px;display: flex;justify-content: center;}
.timeline-small{float: none;}
.histroy{float: none;}
.timeline-small-body .date{font-weight: normal;}
.timeline-small-body{margin-left: 30px;}
body{background: #f6f7fb;}
.timeline-small-body li {text-align: center;margin-bottom: 0px;width: 168px;height: 46px;position: relative;color: #626266;line-height: 46px;}
.timeline-small-body ul .bullet::before{display: none;}
.timeline-small-body ul .current a .bullet::after{display: none;}
.timeline-small-body li:not(:last-child)::before{display: none;}
.timeline-small-body .date:hover{background: #E1EBFB;}
.timeline-small-body .date{background: #FFF;width: 160px;}
.timeline-small-body .date:hover{color: #2981FF;}

.current a .date{color: #c3c3c6;}

.opencur{background: #2981ff!important;color: #fff!important;font-weight: bold!important;}
.opencur::before{content: '';display: block;border-style: solid;    border-width: 5px 7px 5px 5px;border-color: transparent #2981ff transparent transparent;width: 0px;height: 0px;position: absolute;right: 166px;top: 19px;}
.histroy-content{width: 878px;padding: 23px 20px 12px;;border: 0px;}
.histroy-record li{list-style-type: none;}
.gray{font-size: 14px;color: #323235;}
.histroy-record li::before{width: 5px;height: 5px;position: absolute;content: '';background: #2981ff;border-radius: 50%;left: -19px;top: 7px;}
.histroy-content:hover .histroy-title span{color: #1C1D1F;}
.histroy-content:hover .histroy-title{background: #FFF;}
.histroy-content{background: #FFF;}
.histroy-record li{color: #2981ff;position: relative;margin-bottom: 14px;}
.histroy-content .histroy-title .histitle{font-size: 24px;font-weight: bold;}
.histroy-content:hover{box-shadow: none;}
.scroll-link {cursor: pointer;text-decoration: none;color: inherit;}
.histroy-time{margin-right: 19px;}
.histroy-title{line-height: 55px;}
.histroy-title span{margin-left: 20px;}
.histroy-record{margin-left: 39px;margin-top: 24px;}

.timeline-small {
    position: relative;
    width: 198px;
}

.timeline-small-body {
    position: absolute;
    top: 0;
    left: 0;
    
  transition: visibility 1s, opacity 1s;
    /* transition: bottom 0.4s;  */
    /* 平滑过渡效果 */
}

.timeline-small-body.fixed {
    position: fixed;
    left: auto;
    top: 70px; /* 距离可视窗口顶部 70px */
    z-index: 10; /* 确保层级关系 */
}

/* 平滑滚动的过渡效果 */
html {
    scroll-behavior: smooth;
}

@media screen  and (min-width:860px) and (max-width:1190px) {
    .fix-right{display: block;}
    .update-log-content {
        width: 850px;
    }
    .histroy-content{
        width: 740px;
        border: 1px solid #e2e6ef;
        margin-bottom: 16px;
        -webkit-transition:all .3s;
        transition: all .3s;
        box-shadow:  0px 0px 20px transparent;
    }
}
@media screen  and (min-width:768px) and (max-width:860px) {
    .update-log-content {
        width: 750px;
    }
    .histroy-content{
        width: 640px;
        border: 1px solid #e2e6ef;
        margin-bottom: 16px;
        -webkit-transition:all .3s;
        transition: all .3s;
        box-shadow:  0px 0px 20px transparent;
    }
}

/* 手机端样式 */
@media screen and (max-width: 768px) {
    /* 隐藏首页动效 */
    /* .download-footer{
        display: none;
    }; */
    /* 头部 */
    .update-log-header {
        background: url('../../images/update-log-header-mobile.png') no-repeat;
        background-size: cover;
        height: auto;
        background-position: center;
        text-align: center;
    }
    .update-log-header-big-title {
        padding-top: 106px;
        font-size: 19px;
        font-weight: bold;
    }
    .update-log-header-small-title {
        font-size: 12px;
        padding-bottom: 50px;
    }
    /* 网页主要内容 */
    .update-log-content {
        width: 100%;
        padding-top: 0;
    }

    /* 时间线 */
    .timeline-small {
        max-width: unset;
        float: none;
        height: 108px;
    }
    .timeline-small-body ul {
        padding-top: 66px;
        overflow-x: auto;
        white-space: nowrap;
        position: relative;
        width: 100%;
        text-align: center;
    }
    .timeline-small-body li {
        margin-bottom: 0;
        display: inline-block;
        list-style: none;
        position: unset;
    }
    .timeline-small-body li:first-child {
        margin-left: 15px;
    }
    .timeline-small-body li:last-child {
        margin-right: 15px;
    }
    .timeline-small-body li:not(:last-child) {
        margin-right: 60px;
    }
    .timeline-small-body li div {
        display: inline-block;
    }
    /* 选中前的字体和颜色 */
    .timeline-small-body .date {
        font-size: 13px;
        color: #66676a;
        font-weight: 500;
    }
    /* 选框 */
    .timeline-small-body ul .bullet::before {
        display: inline-block;
        content: "";
        width: 20px;
        height: 20px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 50%;
        background: #fff;
        z-index: 1;
        top: 32px;
        margin-left: -25px;
        position: absolute;
        border: 2px solid #ededed;
    }
    /* 选中后的背景 */
    .timeline-small-body ul .current a .bullet::before {
        background-color: #00b987;
        border: 3px solid #fff;
        box-shadow:  0px 0px 4px #cacaca;
    }
    /* 选中后的中心白点 */
    .timeline-small-body ul .current a .bullet::after {
        display: inline-block;
        content: "";
        width: 6px;
        height: 6px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 50%;
        position: absolute;
        top: 49px;
        z-index: 99;
        margin-left: -18px;
        right: unset;
        background-color: #fff;
    }
    /* 选中后的字体颜色 */
    .current a .date {
        color: #626266;
    }
    /* 时间线的竖线 */
    .timeline-small-body li:not(:last-child)::before {
        display: inline-block;
        content: "";
        border-bottom: 1px solid #e5e5e5;
        border-left: 0;
        width: 90px;
        position: absolute;
        right: unset;
        margin-left: 25px;
        top: 11px;
    }

    /* 历史更新内容 */
    .histroy {
        float: none;
        /* display: none; */
        margin-left: 15px;
        margin-right: 15px;
    }
    .histroy-content{
        width: 100%;
        border: 1px solid #eaebef;
        margin-bottom: 16px;
        -webkit-transition:all .3s;
        transition: all .3s;
        box-shadow:  0px 0px 20px transparent;
        background-color: #fff;
    }
    .histroy-title {
        border-bottom: none;
        line-height: 15px;
        padding-top: 17px;
        padding-bottom: 14px;
        background-color: #fff;
        -webkit-transition:all .3s;
        transition: all .3s;
    }
    .histroy-title span{
        margin-left: 0;
        -webkit-transition:all .3s;
        transition: all .3s;
        font-size: unset;
    }
    .histroy-title span:first-child{
        font-weight: 500;
        font-size: 15px;
        margin-left: 25px;
        color: #11be8f;
        position: relative;
        width: 75%;
        display: inline-block;
        line-height: 23px;
    }
    .histroy-title span:first-child::before {
        display: inline-block;
        content: "";
        border-left: 2px solid #00b987;
        height: 15px;
        position: absolute;
        top: 3px;
        left: -10px;
    }
    .histroy-time {
        float: right;
        margin-right: 15px;
        font-size: 13px;
        color: #adadad;
        margin-top: 3px;
    }
    .histroy-record {
        border-top: 1px dashed #e2e6ef;
        padding-top: 13px;
        margin-top: 0;
        margin-left: 15px;
        margin-bottom: 20px;
        margin-right: 15px;
    }
    .histroy-record li {
        margin-left: 15px;
        list-style-type: disc;
        color: #00b987;
        margin-bottom: 15px;
    }
    .histroy-record li span{
        color: #323235;
    }
    /* 当鼠标指定时的历史更新内容样式 */
    .histroy-content:hover .histroy-title {
        background-color: #00b987;
    }
    .histroy-content:hover .histroy-title span {
        color: #fff;
    }
    .histroy-content:hover {
        box-shadow:  0px 0px 20px #cacaca;
    }
    .histroy-content:hover .histroy-title span:first-child::before {
        border-left: 2px solid #fff;
    }
    .histroy-content:hover .histroy-record {
        border-top: 1px solid transparent;
    }


    /* 新版手机端 */
    .header .nav-bar{background: #FFF;}
    .update-log-header {background: url('../../images/product/update-log-header-mobile.png') no-repeat;background-size: cover;height: auto;width: 100%;aspect-ratio: 375 / 224;background-position: center;text-align: center;position: relative;top: 55px;}
    .update-log-content {padding-top: 0;position: relative;display: block;}
    .opencur::before{display: none;}
    .timeline-small-body li:not(:last-child)::before{display: none;}
    .timeline-small-body ul .current a .bullet::before{display: none;}
    .timeline-small-body ul .current a .bullet::after{display: none;}
    .timeline-small-body ul .bullet::before{display: none;}
    .timeline-small-body li{width: 128px;height: 36px;line-height: 36px;}
    .timeline-small-body .date{width: 128px;font-size: 14px;color: #323235;}
    .timeline-small-body {margin-left: 0px;position: relative; transition: position 0.3s, top 0.3s;}
    .timeline-small-body li:not(:last-child) {margin-right: 6px;}
    .timeline-small{height: auto;width: 100%;}
    .timeline-small-body ul::-webkit-scrollbar {display: none; /*隐藏滚动条*/}
    .timeline-small-body ul{padding-top: 0px;margin-bottom: 26px;}
    .histroy-content:hover .histroy-title{background: #FFF;}
    .histroy-content:hover .histroy-title span{color: #1C1D1F;}
    .histroy-title span:first-child{color: #1C1D1F;}
    .histroy-title span:first-child::before{border-left: 0px;}
    .histroy-content .histroy-title .histitle{font-size: 16px;}
    .histroy-content{padding: 0px;}
    .opencur{font-weight: normal !important;}
    .gray{font-size: 13px;}
    .histroy-record li{list-style-type: none;}
    .histroy-record li::before{width: 4px;height: 4px;}
    .histroy-record li::before{left: -15px;}
    .histroy-content:hover .histroy-record{border-top: 1px solid #F0F1F5;}
    .histroy-record{border-top: 1px solid #F0F1F5;}
    .histroy-record li{color: #2981ff;margin-bottom: 10px;}
    .update-log-content{bottom: 0;margin-top: 0;}
    .update-log-header {margin-bottom: -87px;}
    .timeline-small-body.fixed {position: fixed; top: 55px;width: 100%;}
    .timeline-small-body.fixed ul{background: #FFF;box-shadow: 0 0 8px rgba(23, 45, 98, .09);padding: 15px 0;}
    .timeline-small-body .date:hover{background: #FFF;}
    .timeline-small-body .date:hover{color: #323235;}

}
@media screen  and (min-width:700px) and (max-width:768px) {
    .update-log-header {
        margin-bottom: -70px;
    }
}
@media screen  and (min-width:600px) and (max-width:700px) {
    .update-log-header {
        margin-bottom: -60px;
    }
}
@media screen  and (min-width: 475px) and (max-width: 600px) {
    .update-log-header {
        margin-bottom: -40px;
    }
}
@media screen  and (min-width: 425px) and (max-width: 600px) {
    .update-log-header {
        margin-bottom: -20px;
    }
}
@media screen and (max-width: 425px) {
    .update-log-header {
        margin-bottom: -14px;
    }
} 
@media screen and (max-width: 375px) {
    .update-log-header {
        margin-bottom: -2px;
    }
}