/* 在线导览页面样式 */
.container{
    width: 100%;
    padding: 0;
    display: flex;
    flex-direction: column;
}
/* 头部菜单栏 */
.sidebar{
    width: 100%;
    background-image: url("../images/6_onlineTour/bg.png");
}
.sidebar .sidebarContent{
    width: 1440px;
    display: flex;
    flex-direction: row;
    margin: 0 auto;
    padding: 0.75rem 1.875rem; /* 1.2rem×0.625=0.75rem；3rem×0.625=1.875rem */
}
.sidebar .logo{
    align-content: center;
}
.sidebar .logo span{
    font-size: 1.125rem; /* 1.8rem×0.625=1.125rem */
    line-height: 1.75rem; /* 2.8rem×0.625=1.75rem */
    font-weight: bold;
    color: #FFFFFF;
    padding-left: 1.25rem; /* 2rem×0.625=1.25rem */
}
.visit .visitChild{
    width: 1440px;
    height: 60rem; /* 96rem×0.625=60rem */
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    position: relative;
}
.visit .leftSide{
    width: 15rem; /* 24rem×0.625=15rem */
    display: flex;
    flex-direction: column;
    background: rgba(255, 255, 255, 1);
    color: rgba(17, 24, 39, 1);
}
.visit .leftSide .leftSideTop{
    flex: 1;
}
.visit .leftSide .leftSideTop p{
    font-size: 1.125rem; /* 1.8rem×0.625=1.125rem */
    line-height: 1.75rem; /* 2.8rem×0.625=1.75rem */
    font-weight: bold;
    padding: 1.25rem; /* 2rem×0.625=1.25rem */
}
.visit .leftSide .leftSideTop ul{
    padding: 0 1.25rem; /* 2rem×0.625=1.25rem */
}
.visit .leftSide .leftSideTop ul.route li{
    cursor: pointer;
}
.visit .leftSide .leftSideTop ul.route li.active{
    color: #059669;
    font-weight: bold;
}
.visit .leftSide .leftSideTop li{
    font-size: 0.875rem; /* 1.4rem×0.625=0.875rem */
    margin-bottom: 0.625rem; /* 1rem×0.625=0.625rem */
    position: relative;
}
.visit .leftSide .leftSideTop ul.venue li{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.visit .leftSide .leftSideTop ul.venue li span:last-child{
    display: none;
}
.visit .leftSide .leftSideBom{
    height: 174px;
    border-top: 1px solid #E5E7EB;
    text-align: center;
    font-size: 0.875rem; /* 1.4rem×0.625=0.875rem */
    line-height: 1.375rem; /* 2.2rem×0.625=1.375rem */
    color: #111827;
    font-weight: bold;
    padding-top: 1.5rem; /* 2.4rem×0.625=1.5rem */
}
.visit .leftSide .leftSideBom img{
    margin-bottom: 0.3125rem; /* 0.5rem×0.625=0.3125rem */
    width: 96px;
}
.visit .contSide{
    width: 12.5rem; /* 20rem×0.625=12.5rem */
    background: rgba(255, 255, 255, 1);
    color: rgba(17, 24, 39, 1);
    border-left:1px solid #E2E8F0;
    display: none;
}
.visit .contSide .contSideLX{
    padding: 1.0625rem 1rem; /* 1.7rem×0.625=1.0625rem；1.6rem×0.625=1rem */
}
.visit .contSide .contSideLX p{
    font-size: 0.875rem; /* 1.4rem×0.625=0.875rem */
    line-height: 1.375rem; /* 2.2rem×0.625=1.375rem */
    color: #111827;
    font-weight: bold;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.visit .contSide .contSideLX p img{
    cursor: pointer;
}
.visit .contSide .contSideLX ul.contSideLXul{
    padding-top: 0.625rem; /* 1rem×0.625=0.625rem */
}
.visit .contSide .contSideLX ul.contSideLXul li{
    display: flex;
    flex-direction: row;
    color: #111827;
    font-size: 0.875rem; /* 1.4rem×0.625=0.875rem */
    line-height: 1.375rem; /* 2.2rem×0.625=1.375rem */
    padding: 0.3125rem 0; /* 0.5rem×0.625=0.3125rem */
}
.visit .contSide .contSideLX ul.contSideLXul li span{
    display: inline-block;
    width: 1.5rem; /* 2.4rem×0.625=1.5rem */
    height: 1.5rem; /* 2.4rem×0.625=1.5rem */
    line-height: 1.5rem; /* 2.4rem×0.625=1.5rem */
    border-radius: 0.75rem; /* 1.2rem×0.625=0.75rem */
    background: #B91C1C;
    color: #FFFFFF;
    text-align: center;
    margin-right: 0.3125rem; /* 0.5rem×0.625=0.3125rem */
}
.visit .rightHistoryBook{
    flex: 1;
    width: 1200px;
    background: url("../images/6_onlineTour/map.png") no-repeat,rgba(193, 228, 221, 1);
    background-size: 1200px 875px;
}
.visit .rightHistoryBook .rightHistoryBookCon{
    position: relative;
}
.visit .rightHistoryBook .rightHistoryBookCon img{
    z-index:99;
}
.visit .rightHistoryBook .rightHistoryBookCon .lsgj,.visit .rightHistoryBook .rightHistoryBookCon .dwcg,.visit .rightHistoryBook .rightHistoryBookCon .details .detailsCont .detailsContRig h2 .detailsClose{
    cursor: pointer;
}
.visit .rightHistoryBook .rightHistoryBookCon .details{
    background: #FFFFFF;
    position:absolute;
    border-radius: 1rem; /* 1.6rem×0.625=1rem */
    width:480px;
    height: 160px;
    z-index: 999;
    display: none;
}
.visit .rightHistoryBook .rightHistoryBookCon .details .detailsCont{
    display: flex;
    flex-direction: row;
    position: relative;
    box-shadow: 3px 3px 8px 2px rgba(0,0,0,0.3);
    border-radius: 1rem; /* 1.6rem×0.625=1rem */
    height: 160px;
}
.visit .rightHistoryBook .rightHistoryBookCon .details .detailsCont .detailsContImg{
    border-radius: 1rem 0 0 1rem; /* 1.6rem×0.625=1rem */
    width: 160px;
}
.visit .rightHistoryBook .rightHistoryBookCon .details .detailsCont .detailsContRig{
    padding: 1.25rem; /* 2rem×0.625=1.25rem */
}
.visit .rightHistoryBook .rightHistoryBookCon .details .detailsCont .detailsContRig h2{
    font-size: 1.125rem; /* 1.8rem×0.625=1.125rem */
    line-height: 1.75rem; /* 2.8rem×0.625=1.75rem */
    color: #111827;
    font-weight: bold;
    margin: 0;
    padding-bottom: 0.625rem; /* 1rem×0.625=0.625rem */
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.visit .rightHistoryBook .rightHistoryBookCon .details .detailsCont .detailsContRig p{
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5em;
    flex: 1;
}
.visit .rightHistoryBook .rightHistoryBookCon .details .detailsCont .detailsBottom{
    width: 24px;
    position:absolute;
    z-index: 999;
    bottom: -1.5625rem; /* 2.5rem×0.625=1.5625rem */
    left: 235px;
}