/* 活动新闻页面样式 */
.visit{
    min-width: 1440px;
    background: #fffae5;
    padding: 1.875rem 0; /* 3rem×0.625=1.875rem */
}
.visit .visitChild{
    width: 1440px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    position: relative;
}
.visit .leftSide .leftSideTop{
    width: 15rem; /* 24rem×0.625=15rem */
    margin-right: 1.875rem; /* 3rem×0.625=1.875rem */
    display: flex;
    flex-direction: column;
    background: rgba(255, 255, 255, 1);
    border-radius: 1.5rem; /* 2.4rem×0.625=1.5rem */
    padding: 1.25rem; /* 2rem×0.625=1.25rem */
    text-align: center;
    color: rgba(17, 24, 39, 1);
}
.visit .leftSide .saoMa{
    width: 15rem; /* 24rem×0.625=15rem */
    margin-right: 1.875rem; /* 3rem×0.625=1.875rem */
    background: #FFFFFF;
    border-radius: 1.5rem; /* 2.4rem×0.625=1.5rem */
    background: rgba(255, 255, 255, 1);
    padding: 1.25rem; /* 2rem×0.625=1.25rem */
    text-align: center;
    color: rgba(17, 24, 39, 1);
    margin-top: 1.25rem; /* 2rem×0.625=1.25rem */
}
.visit .leftSide p{
    font-size: 1.125rem; /* 1.8rem×0.625=1.125rem */
    line-height: 1.75rem; /* 2.8rem×0.625=1.75rem */
    font-weight: bold;
}
.visit .leftSide ul{
    padding-top: 1.25rem; /* 2rem×0.625=1.25rem */
}
.visit .leftSide li{
    font-size: 0.875rem; /* 1.4rem×0.625=0.875rem */
    font-weight: bold;
    background: rgba(241, 245, 249, 1);
    border-radius: 1.5rem; /* 2.4rem×0.625=1.5rem */
    margin-bottom: 0.625rem; /* 1rem×0.625=0.625rem */
    line-height: 2.875rem; /* 4.6rem×0.625=2.875rem */
    cursor: pointer;
}
.visit .leftSide li.active,.visit .leftSide li.active:hover{
    background: url("../images/3_enterNorthAnimal/sil_bg.png") no-repeat;
    background-size: cover;
    cursor: pointer;
}
.visit .leftSide li:hover{
    background: rgba(226, 232, 240, 1);
    color: rgba(5, 150, 105, 1);
}
.visit .leftSide li:hover a{
    color: rgba(5, 150, 105, 1);
}
.visit .leftSide li.active {
    color: #ffffff;
}
.visit .leftSide li:last-child{
    margin-bottom: 0;
}
.visit .leftSide li a{
    color: rgba(17, 24, 39, 1);
    text-decoration: none;
    display: inline-block;
    width: 12.5rem; /* 20rem×0.625=12.5rem */
    padding: 0.8125rem; /* 1.3rem×0.625=0.8125rem */
}
.visit .rightHistoryBook{
    flex: 1;
    background: rgba(255, 255, 255, 1);
    border-radius: 1.5rem; /* 2.4rem×0.625=1.5rem */
}
.visit .rightHistoryBook img{
    border-radius: 1.5rem 1.5rem 0 0; /* 2.4rem×0.625=1.5rem */
}
.visit .rightHistoryBook .rightHistoryBookCon{
    padding: 2.5rem; /* 4rem×0.625=2.5rem */
    font-size: 1.125rem; /* 1.8rem×0.625=1.125rem */
    line-height: 1.75rem; /* 2.8rem×0.625=1.75rem */
}
.visit .rightHistoryBook .rightHistoryBookCon p{
    padding-top: 1.25rem; /* 2rem×0.625=1.25rem */
}
.visit .rightHistoryBook .rightHistoryBookCon br{
    display: block;
    margin-bottom: 1.25rem; /* 2rem×0.625=1.25rem */
    content: "";
}
.visit .rightHistoryBook .rightHistoryBookCon br.little{
    display: block;
    margin-bottom: 0 !important;
    content: "";
}
.visit .rightHistoryBook .rightHistoryBookCon h2{
    font-size: 1.5rem; /* 2.4rem×0.625=1.5rem */
    line-height: 2.375rem; /* 3.8rem×0.625=2.375rem */
    margin: 0;
    font-weight: bold;
}
.visit .rightHistoryBook .rightHistoryBookCon .keyList {
    margin-top: 1.25rem; /* 2rem×0.625=1.25rem */
}
.visit .rightHistoryBook .rightHistoryBookCon .keyList .list{
    font-size: 1.125rem; /* 1.8rem×0.625=1.125rem */
    line-height: 1.75rem; /* 2.8rem×0.625=1.75rem */
    margin-bottom: 0.625rem; /* 1rem×0.625=0.625rem */
}
.visit .rightHistoryBook .rightHistoryBookCon .keyList .navigation{
    margin: 0 auto;
    text-align: center;
}
.visit .rightHistoryBook .rightHistoryBookCon .pagination {
    display: flex;
    list-style: none;
    padding: 0;
    margin-top: 1.875rem; /* 3rem×0.625=1.875rem */
    margin-bottom: 0;
    flex-wrap: wrap;
    border: none;
    text-align: center;
    justify-content: center;
}
.visit .rightHistoryBook .rightHistoryBookCon  .pagination>li>a{
    border-radius: 0.3125rem; /* 0.5rem×0.625=0.3125rem */
}
.visit .rightHistoryBook .rightHistoryBookCon .pagination .page-item {
    margin: 0 5px 5px;
}
.visit .rightHistoryBook .rightHistoryBookCon  .pagination .page-item .page-link{
    margin-right: 0.625rem; /* 1rem×0.625=0.625rem */
    background: rgba(226, 232, 240, 1);
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: rgba(17, 24, 39, 1);
    padding: 0;
}
.visit .rightHistoryBook .rightHistoryBookCon .pagination .active .page-link{
    background:rgba(5, 150, 105, 1);
    color: #ffffff;
}
.visit .rightHistoryBook .rightHistoryBookCon .pagination .ellipsis {
    display: flex;
    align-items: center;
    padding: 0 10px;
    color: #6c757d;
}
.visit .rightHistoryBook .rightHistoryBookCon .organization img{
    width: 100%;
    padding-top: 1.875rem; /* 3rem×0.625=1.875rem */
}
.visit .rightHistoryBook .rightHistoryBookCon .downloadListAll .downloadList{
    display: flex;
    flex-direction: row;
    align-content: space-around;
    justify-content: space-between;
    gap: 1.875rem; /* 3rem×0.625=1.875rem */
}
.visit .rightHistoryBook .rightHistoryBookCon .downloadListAll .downloadList .listItem{
    flex: 1;
    margin-bottom:1.875rem; /* 3rem×0.625=1.875rem */
}
.visit .rightHistoryBook .rightHistoryBookCon .downloadListAll .downloadList .listItem img{
    width: 343px;
    height: 343px;
    object-fit: cover;
    background: rgba(241, 245, 249, 1);
}
.visit .rightHistoryBook .rightHistoryBookCon .downloadListAll .downloadList .listItem .coverBot{
    background: rgba(241, 245, 249, 1);
    padding: 1.25rem; /* 2rem×0.625=1.25rem */
    border-radius: 0 0 1.5rem 1.5rem; /* 2.4rem×0.625=1.5rem */
    display: flex;
    flex-direction: column;
    min-height: 4.375rem; /* 7rem×0.625=4.375rem */
}
.visit .rightHistoryBook .rightHistoryBookCon .downloadListAll .downloadList .listItem .coverBot p.title{
    flex: 1;
    font-size: 1.125rem; /* 1.8rem×0.625=1.125rem */
    line-height: 1.75rem; /* 2.8rem×0.625=1.75rem */
    font-weight: bold;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 0;
}
.visit .rightHistoryBook .rightHistoryBookCon .downloadListAll .downloadList .listItem .coverBot p.time{
    font-size: 1rem; /* 1.6rem×0.625=1rem */
    line-height: 1.625rem; /* 2.6rem×0.625=1.625rem */
    color: rgba(156, 163, 175, 1);
    padding-top: 0.625rem; /* 1rem×0.625=0.625rem */
}