/* 游览服务页面样式 */
.visit{
    background: #fffae5;
    padding: 1.875rem 0; /* 3rem×0.625=1.875rem */
}
.visit .visitChild{
    width: 1440px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
}
.visit .leftSide{
    height: 100%;
    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 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 */
    padding: 0;
    position: relative;
}
.visit .leftSide li.active,.visit .leftSide li.active:hover{
    background: url("../images/3_enterNorthAnimal/sil_bg.png") no-repeat;
    background-size: cover;
}
.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 a{
    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 */
    height: 2.875rem; /* 4.6rem×0.625=2.875rem */
    line-height: 2.875rem; /* 4.6rem×0.625=2.875rem */
}
.visit .leftSide li img.more{
    position: absolute;
    top: 1rem; /* 1.6rem×0.625=1rem */
    right: 1.125rem; /* 1.8rem×0.625=1.125rem */
}
.visit .leftSide li img.moreHover{
    position: absolute;
    top: 1rem; /* 1.6rem×0.625=1rem */
    right: 1.125rem; /* 1.8rem×0.625=1.125rem */
    display: none;
}
.visit .leftSide li img.moreChoose{
    position: absolute;
    top: 1rem; /* 1.6rem×0.625=1rem */
    right: 1.125rem; /* 1.8rem×0.625=1.125rem */
    display: none;
}
.visit .leftSide li.active img.moreChoose{
    display: block;
}
.visit .leftSide li:hover img.more{
    display: none;
}
.visit .leftSide li:hover img.moreHover{
    display: block;
}
.visit .leftSide li.active img.more,.visit .leftSide li.active img.moreHover{
    display: block;
}
.visit .rightHistoryBook{
    flex: 1;
    background: rgba(255, 255, 255, 1);
    border-radius: 1.5rem; /* 2.4rem×0.625=1.5rem */
}
.visit .noBg{
    background: none;
}
.visit .rightHistoryBook img{
    border-radius: 1.5rem 1.5rem 0 0; /* 2.4rem×0.625=1.5rem */
}
.visit .rightHistoryBook .rightHistoryBookConBG{
    background: #FFFFFF;
    border-radius: 1.5rem; /* 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 br.littles{
    display: block;
    margin-bottom: 0.625rem !important; /* 1rem×0.625=0.625rem */
    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 h3{
    font-size: 1.125rem; /* 1.8rem×0.625=1.125rem */
    line-height: 1.75rem; /* 2.8rem×0.625=1.75rem */
    margin-top: 1.25rem; /* 2rem×0.625=1.25rem */
    font-weight: bold;
    margin-bottom: 0;
}
.visit .rightHistoryBook .rightHistoryBookCon p.titleHis{
    padding-top: 0.625rem; /* 1rem×0.625=0.625rem */
}
.visit .rightHistoryBook .rightHistoryBookCon p.paddTop{
    padding-top: 1.25rem; /* 2rem×0.625=1.25rem */
}
.visit .rightHistoryBook .rightHistoryBookCon .time{
    text-align: center;
    padding: 1.25rem 0; /* 2rem×0.625=1.25rem */
}
.visit .rightHistoryBook .rightHistoryBookCon .time img{
    width: 160px;
}
.visit .rightHistoryBook .rightHistoryBookCon .time h3{
    font-weight: bold;
    font-size: 1.125rem; /* 1.8rem×0.625=1.125rem */
    line-height: 1.75rem; /* 2.8rem×0.625=1.75rem */
    margin: 0;
    padding: 0.625rem 0; /* 1rem×0.625=0.625rem */
}
.visit .rightHistoryBook .rightHistoryBookCon .djWj{
    display: flex;
    flex-direction: row;
    gap:1.25rem; /* 2rem×0.625=1.25rem */
}
.visit .rightHistoryBook .rightHistoryBookCon .djWj .djWjList{
    background: rgba(241, 245, 249, 1);
    border-radius: 1rem; /* 1.6rem×0.625=1rem */
    flex: 1;
    padding: 1.5rem; /* 2.4rem×0.625=1.5rem */
}
.visit .rightHistoryBook .rightHistoryBookCon .djWj .djWjList p {
    padding-top: 0.625rem; /* 1rem×0.625=0.625rem */
}
.visit .rightHistoryBook .rightHistoryBookCon .djWj .djWjList p.title{
    padding-bottom: 0.9375rem; /* 1.5rem×0.625=0.9375rem */
}
.visit .rightHistoryBook .rightHistoryBookCon .djWj .djWjList p.timeKS{
    display: flex;
    flex-direction: row;
}
.visit .rightHistoryBook .rightHistoryBookCon .djWj .djWjList p.timeKS a{
    color: rgba(17, 24, 39, 1);
    text-decoration: none;
    font-size: 1rem; /* 1.6rem×0.625=1rem */
    line-height: 1.625rem; /* 2.6rem×0.625=1.625rem */
    display: block;
}
.visit .rightHistoryBook .rightHistoryBookCon .djWj .djWjList p.timeKS a:first-child{
    flex: 1;
}
.visit .rightHistoryBook .ticketPrice{
    padding: 2.5rem; /* 4rem×0.625=2.5rem */
    background: #FFFFFF;
    border-radius: 1.5rem; /* 2.4rem×0.625=1.5rem */
    margin: 1.875rem 0; /* 3rem×0.625=1.875rem */
}
.visit .rightHistoryBook .ticketPrice 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 .ticketPrice .djWj{
    display: flex;
    flex-direction: row;
    gap:1.25rem; /* 2rem×0.625=1.25rem */
}
.visit .rightHistoryBook .ticketPrice .djWj h2{
    font-size: 1.125rem; /* 1.8rem×0.625=1.125rem */
    line-height: 1.75rem; /* 2.8rem×0.625=1.75rem */
    margin: 1.25rem 0 0.625rem 0; /* 2rem×0.625=1.25rem；1rem×0.625=0.625rem */
    font-weight: bold;
}
.visit .rightHistoryBook .ticketPrice .djWj .djWjList{
    border-radius: 1rem; /* 1.6rem×0.625=1rem */
    flex: 1;
}
.visit .rightHistoryBook .ticketPrice .djWj .djWjList p {
    padding-top: 0.625rem; /* 1rem×0.625=0.625rem */
    font-size: 1.125rem; /* 1.8rem×0.625=1.125rem */
    line-height: 1.75rem; /* 2.8rem×0.625=1.75rem */
}

.visit .rightHistoryBook .ticketPrice .djWj .djWjList p.titleNew{
    padding-top: 1.25rem; /* 2rem×0.625=1.25rem */
    font-size: 1.125rem; /* 1.8rem×0.625=1.125rem */
    line-height: 1.75rem; /* 2.8rem×0.625=1.75rem */
}
.search-box {
    margin-bottom: 15px;
    padding: 10px;
    background-color: #f5f5f5;
    border-radius: 4px;
}
.search-box input {
    padding: 8px;
    width: 200px;
    margin-right: 10px;
}
.search-box button {
    padding: 8px 15px;
    background-color: #2196F3;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
#mapContainer {
    width: 100%;
    height: 500px;
    border: 1px solid #ddd;
    border-radius: 4px;
}
#resultPanel {
    margin-top: 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 10px;
    max-height: 300px;
    overflow-y: auto;
}