.history-wrap{

    position: relative;
    padding: 0 .36rem 0 .54rem;
}
.top{
    width: 1.7rem;
    position: relative;
    left: -.03rem;
}
.btmde{
    width: 1.7rem;
    margin-left: .54rem;
}
.line-wrap{
    width: 1px;
    border: .01rem solid #c4a064;
    padding: 5px 0;
}
.history-cont{
    width: 100%;
}
.spot-wrap{
    width: .35rem;
    height: .35rem;
    margin-top: .05rem;
    position: absolute;
    left: .38rem;
}
.spot{
    width: .2rem;
    height: .2rem;
}
.history-part{
    display: none;
}
.history-item{
    width: 6rem;
    padding-bottom: .55rem;

}
.history-name{
    color: #444444;
    font-size: .35rem;
}
.history-des{
    color: #444444;
    font-size: .29rem;
    margin-top: .1rem;
    line-height: .5rem;
    text-align: justify;
}
.year-list{
    margin-top: .75rem;
}
.year-line{
    width: 100%;
    border: .01rem solid #444444;
    position: absolute;
    margin-top: .1rem;
  
}
.year-con{
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    margin-bottom: .3rem;
    padding-bottom: .3rem;

}
.year-wrap{
    width: 1.2rem ;
    display: inline-block;
    overflow: scroll;
    text-align: center;
}
.year-spot{
    width: .2rem;
    height: .2rem;
    border: 1px solid #444444;
    border-radius: 50%;
    margin: 0 auto;
    background-color: #ffffff;
    position: relative;
    z-index: 2;
}
.year-spot-hover{
    width: .2rem;
    height: .2rem;
    border: 1px solid #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    background-color: #c4a064;
    position: relative;
    z-index: 2;
}
.year{
    margin-top: .1rem;
    font-size: .35rem;
}
.year-hover{
    margin-top: .1rem;
    font-size: .35rem;
    color: #c4a064;
}
.overflow-scroll::-webkit-scrollbar {
    display:none

}
#history {
    width: 100%;
    padding: .25rem 0 .7rem;
    text-align: center;
}
.swiper-img {
    width: 6.2rem;
}