.gl-flex-container {
    display: -webkit-flex !important;
    display: flex !important;
}
.gl-flex-direction-row {
    -webkit-flex-direction: row;
    flex-direction: row;
}
.gl-flex-direction-column {
    -webkit-flex-direction: column;
    flex-direction: column;
}
.gl-flex-direction-row-reverse {
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
.gl-flex-justify-content-space-between {
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.gl-flex-justify-content-center {
    -webkit-justify-content: center;
    justify-content: center;
}
.gl-flex-justify-content-flex-end{
    -webkit-justify-content: flex-end !important;
    justify-content: flex-end !important;
}
.gl-flex-align-items-center {
    -webkit-align-items: center;
    align-items: center;
}
.gl-flex-wrap-nowrap {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.gl-align-content-center {
    -webkit-align-content: center;
    align-content: center;
}
.gl-flex-align-self {
    -webkit-align-self: center;
    align-self: center;
}

.gl-flex-item-width-50 {
    width: 50%;
}
.gl-flex-item-height-100px {
    /* height: 100px; */
}

.gl-m-l-10 {
    margin-left: 10px;
}
.gl-m-r-10 {
    margin-right: 10px;
}
.gl-m-l-20 {
    margin-left: 20px;
}
.gl-m-l-40 {
    margin-left: 40px;
}
.gl-m-t-10 {
    margin-top: 10px;
}
.gl-m-t-20 {
    margin-top: 20px;
}
.gl-m-t-50 {
    margin-top: 50px;
}
.gl-m-l-0 {
    margin-left: 0px;
}

.gl-color-aaaaaa {
    color: #aaaaaa;
    letter-spacing: 1px;
}
.gl-icon-border {
    border: 1px solid #c1925b;
    background: #c1925b;
    border-radius: 50px;
    width: 30px;
    height: 30px;
}
.gl-icon-border img {
    width: 16px;
    height: 16px;
}

.icon-hover:hover span img {
    content: url("/images/feedback_white.png");
}
.icon-hover:hover .gl-icon-border{
    border: 1px solid #db9542;
    background: #db9542;
}
.icon-hover:hover span {
    color: #db9542;
}

.icon-share .gl-icon-border {
    border: 1px solid #5c9991;
    background: #5c9991;
}
.icon-share:hover .gl-icon-border{
    border: 1px solid #36544f !important;
    background: #36544f !important;
}
.icon-share:hover span img {
    content: url("/images/share_green.png");
}
.icon-share:hover span {
    color: #36544f !important;
}

/* 详情页 楼层图标 */
.detail-floor-span {
    background: #2a514d;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
}
.detail-floor-icon {
    width: 22px !important;
    height: 22px !important;
    margin: 0px !important;
}

.exhibition-title {
    font-size: 15px;
    color: #1f1f1f;
}
.exhibition-small-title {
    font-size: 15px;
    color: #777777;
}
.exhibition-time {
    font-size: 15px;
    color: #777777;
}
.exhibition-icon {
    border: none; /* 移除默认边框 */
    vertical-align: middle; /* 垂直居中对齐 */
    display: block; /* 使图片成为块级元素，移除默认的内联元素间距 */
    margin: 0; /* 移除默认的外边距 */
    padding: 0; /* 移除默认的内边距 */
    max-width: 100%; /* 限制图片最大宽度为容器宽度 */
    height: auto; /* 自动调整高度，保持原始宽高比 */
}
.exhibition-icon-span {
    width: 15px;
    height: 100%;
}
.active-exhibition {
    position: relative;
    display: inline-flex !important;
}

.active-exhibition::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #ccc;
    transform: scaleX(0);
    transition: transform 0.3s ease;
    transform-origin: left;
    transform: scaleX(1);
}
@media screen and (max-width: 1024px) {
    .exhibition-list a {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    .exhibition-list a span {
        margin-left: 0px !important;
    }
    .exhibition-list a > *{
        margin-top: 10px !important;
    }
    .exhibition-time {
        margin-bottom: 10px;
    }
}