html,
body,
div,
applet,
object,
iframe,
blockquote,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
fieldset,
form,
input,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
section,
figure {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    -webkit-background-origin: content-box;
    background-origin: content-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

section,
header,
footer,
nav {
    display: block;
    margin: 0;
    padding: 0
}

html,
body {
    font-size: 12px;
    overflow-y: auto;
    overflow-x: hidden;
    color: #000000;
    /*background: #EEEEEE;*/
    background: url(https://three.hnembmusuem.com/website/imgs/pageBg.png) no-repeat;
    background-size: 100% 100%;
    font-family: SourceHanSansCN;
    padding-right: 0 !important;
}

ins {
    text-decoration: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

img {
    border: 0;
    font-size: 0
}

a {
    color: #000000;
    font-size: 1rem;
    text-decoration: none;
    cursor: pointer;
}

input,
select,
textarea {
    -webkit-background-origin: content-box;
    background-origin: content-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    resize: none;
}

input,
button {
    border-radius: 0;
    padding: 0;
}

a:hover {
    color: #333333;
    text-decoration: none;
}

button {
    cursor: pointer;
}

ins,
a {
    text-decoration: none
}

[v-cloak] {
    display: none
}

/*文字对齐方式*/
.text_left {
    text-align: left;
}

.text_right {
    text-align: right;
}

.text_center {
    text-align: center;
}

.pointer {
    cursor: pointer;
}

.text_indent {
    text-indent: 24px
}


/* 弹性布局 */
.flex_b_c {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.flex_b_r {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.flex_b_t {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.flex_b_e {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.flex_c_c {
    display: flex;
    justify-content: center;
    align-items: center;
}

.flex_l_c {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.flex_l_e {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}

.flex_r_c {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.flex_a_c {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.flex_l_t {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.flex_wrap {
    flex-wrap: wrap;
}

.flex_1 {
    flex: 1;
}

.f_r {
    float: right;
}

/*单行多行省略*/
.omit {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
}

.omit2, .omit3, .omit6, .omit4 {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

.omit3 {
    -webkit-line-clamp: 3;
    line-clamp: 3;
}

.omit4 {
    -webkit-line-clamp: 4;
    line-clamp: 4;
}

.omit6 {
    -webkit-line-clamp: 6;
    line-clamp: 6;
}


.font10px {
    font-size: 12px;
    transform: scale(0.83, 0.83);
    *font-size: 10px;
}


/*字体*/
@font-face {
    font-family: 'zihunjingsisong';
    src: url('../fontfamily/zihunjingsisong.ttf');
}

@font-face {
    font-family: 'SourceHanSansCN';
    src: url('../fontfamily/SourceHanSansCN-Medium.otf');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'SourceHanSansCN';
    src: url('../fontfamily/SourceHanSansCN-Normal.otf');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'SourceHanSansCN';
    src: url('../fontfamily/SourceHanSansCN-Light.otf');
    font-weight: 300;
    font-display: swap;
}

/*字体主题色*/
.fontThemeColor {
    color: #D4AF37;
}

.redColor {
    color: #C03E28;;
}

.greenColor {
    color: #179411
}

/*全局公共样式*/
.mainContent, .navigation {
    width: 75%;
    margin: 0 auto;
}

.h5Show {
    display: none;
}

.pcShow {
    display: block;
}

/*富文本关闭样式重置*/
.rich-text-content {
    line-height: normal;
    color: inherit;
}

.rich-text-content * {
    margin: revert;
    padding: revert;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}

.rich-text-content table {
    border-collapse: separate;
    border-spacing: 2px;
    margin: 1em 0;
}

.rich-text-content td,
.rich-text-content th {
    padding: 4px 8px;
    border: 1px solid #ccc;
    text-align: left;
    vertical-align: top;
}

.rich-text-content a {
    color: #0000EE; /* Default link color */
    text-decoration: underline;
    cursor: pointer;
}

.rich-text-content a:hover {
    color: #551A8B; /* Default visited link color */
}

.rich-text-content img {
    max-width: 100%;
    height: auto;
    border: none;
}


/*顶部菜单*/
.topMenu {
    height: 5.88rem;
    font-size: 1.5rem;
    background: #FFFFFF;
    color: #35322E;
    padding: 0 7.56rem 0 3rem;
    position: relative;
}

.topMenuBlack .topMenu {
    color: #FFFFFF;
    background-image: url("../imgsNew/menusTopBack.png");
    background-size: 100% 100%;
}

.topMenuBlack .topMenu .allTitle {
    color: #FFFFFF;
    font-size: 1.88rem;
}

.topMenuBlack .topMenu .iconfont, .topMenuBlack .topMenu .language {
    color: #FFFFFF;
}

.topMenu .logo {
    width: 17.19rem;
}

.topMenu .menuItemBox {
    /*width: 88%;*/
    margin-right: 4rem;
    position: relative;
}

.topMenu .menuItem {
    padding: 2.13rem 2.44rem;
    cursor: pointer;
    white-space: nowrap;
    position: relative;
}

.topMenu .fontThemeColor::before {
    content: '';
    position: absolute;
    bottom: 1.7rem;
    left: 50%;
    transform: translateX(-50%);
    width: 2.25rem;
    height: 0.25rem;
    background: #D4AF37;
    border-radius: 0.06rem;
}

.topMenu .menuItem:hover {
    color: #D4AF37;
}

.topMenu .menuItem .el-icon-caret-top {
    position: absolute;
    bottom: -0.1rem;
    left: 50%;
    transform: translateX(-50%);
}

.topMenu .menuChildBox {
    position: absolute;
    bottom: -68%;
    left: 0;
    width: 100%;
    background: rgba(185, 157, 91, 0.5);
    z-index: 9999;
    padding: 0.88rem 0;
    text-align: center;
    color: #FFFFFF;
}

.topMenu .menuChildBox .line {
    padding: 0 2.5%;
}

.topMenu .iconfont {
    color: #35322E;
    font-size: 2rem;
    margin: 0 .5rem;
}

.topMenu .icon-xiaoxitongzhi {
    margin-right: 2.5rem;
}

.topMenu .h5MenuIcon {
    font-size: 1rem;
}

.topMenu .language {
    margin-left: 1.25rem;
    font-size: 1.13rem;
    color: #454037;
    white-space: nowrap;
}

.h5TopMenu {
    font-family: zihunjingsisong;
    color: #ffffff;
    background: rgba(169, 151, 109, 0.3);
}

.h5TopMenu .itemName {
    padding: 1rem 3%;
    font-size: 1.6rem;
}

/*底部版权*/
.footBox {
    background: url("../imgsNew/pageFootBack.png");
    background-size: 100% 100%;
    padding: 2.94rem 5.5% 6.38rem;
    color: #FFFFFF;
    font-size: 1rem;
}

.footBox .leftInfo {
    width: 24%;
    margin-right: 8rem;
    border-right: 1px dashed rgba(255, 255, 255, 0.3);
}

.footBox .footBoxName {
    font-size: 1.5rem;
    margin-bottom: 2.38rem;
}

.footBox .otherText {
    font-size: 0.88rem;
    line-height: 1.88rem;
}

.footBox .othermargin {
    margin: 2.5rem 0 1rem;
}

.footBox .viewItem {
    width: 2rem;
    text-align: center;
    height: 2.5rem;
    line-height: 2.5rem;
    border-radius: 0.25rem;
    background: rgba(255, 255, 255, 0.2);
    margin-right: 0.63rem;
}

.footBox .footBoxItem {
    line-height: 2.35rem;
}

.footBox .footBoxItem div {
    cursor: pointer;
}

.footBox .noPointer div {
    cursor: default;
}

.footBox .footBoxItem .footBoxItemTitel {
    color: #D4AF37;
    font-size: 1.13rem;
    cursor: default;
}


/*banner*/
.bannerBox {
    position: relative;
}

.bannerBox .banner {
    width: 100%;
}

.bannerBox .titBox {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 4.5rem;
    font-family: zihunjingsisong;
    color: #FFFFFF;
}

.bannerBox .bannerTitIcon {
    width: 2.38rem;
    margin: 0 1.19rem;
}

.bannerBox .bannerTit {
    white-space: nowrap;
}

/*中间主内容*/
.centerMainBox {
    padding: 1.88rem 6.5% 3.19rem;
    min-height: calc(100vh - 353px);
}

/*板块标题*/
.plateBox {
    padding: 2.75rem 2.69rem 1.25rem;
}

.plateTit, .plateTit2 {
    font-size: 1.88rem;
    font-family: zihunjingsisong;
    color: #FEFEFE;
    padding: 0 1.75rem;
    display: inline-block;
    position: relative;
}

.plateTit2 {
    color: #000000;
}

.plateTit::before, .plateTit::after, .plateTit2::before, .plateTit2::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1.19rem;
    height: 1.5rem;
    background: url("https://three.hnembmusuem.com/website/imgs/bannerTitIcon1.png");
    background-size: 100% 100%;
}

.plateTit::after, .plateTit2::after {
    background: url("https://three.hnembmusuem.com/website/imgs/bannerTitIcon2.png");
    background-size: 100% 100%;
    left: auto;
    right: 0;
}

.plateTit2::before {
    background: url("https://three.hnembmusuem.com/website/imgs/titIcon1.png");
    background-size: 100% 100%;
}

.plateTit2::after {
    background: url("https://three.hnembmusuem.com/website/imgs/titIcon2.png");
    background-size: 100% 100%;
}

/*标题*/
.pageMinTitle {
    position: relative;
    font-weight: 500;
    font-size: 2.5rem;
    color: #FEFEFE;
    padding-left: 1.75rem;
}

.pageMinTitleBeforrBack::before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 4.25rem !important;
    height: 4.25rem !important;
    background: url("../imgsNew/titleBackY.png");
    background-size: 100% 100%;
}

.pageMinTitleBeforrBackR::before {
    background: url("../imgsNew/titleBackR.png");
    background-size: 100% 100%;
}

.pageMinTitleBeforrAfter::after {
    position: absolute;
    content: '';
    left: 7.65rem;
    bottom: 0;
    width: 10.94rem;
    height: 2.63rem;
    background: url("../imgsNew/adorn.png");
    background-size: 100% 100%;
}

/*开放时间*/
.openDateAll {
    padding: 3rem 6rem 3rem 2.75rem;
    background: url("../imgsNew/dynamicBoxBack.png");
    background-size: 100% 100%;
    margin-bottom: 3.38rem;
    color: #FFFFFF;
}

.openDateAll .titleBackTip {
    margin-left: 1.4rem;
    font-size: 1.25rem;
    color: #D4AF37;
}

.openDateAll .dataContent {
    margin: 3rem 1.81rem 0;
    font-weight: 600;
    font-size: 3rem;
    color: #FFFFFF;
}

.openDateAll .dataContent .dataContentNmae {
    font-size: 1.38rem;
    color: #FFFFFF;
    font-weight: 400;
}

.openDateAll .dataContent .line {
    margin: 0 1.88rem;
    height: 24px;
    border-top: 3px dashed rgba(255, 255, 255, 0.5);
}

.openDateAll .conte {
    margin-top: 3rem;
    height: 5.4rem;
    overflow: hidden;
}

.selectTabs {
    margin-top: 1rem;
}

.selectTabs .el-tabs__nav-wrap::after {
    display: none !important;
}

.selectTabs .el-tabs__active-bar {
    height: 0.31rem;
    background-color: #8B1A1A;
}

.selectTabs .el-tabs__item {
    font-size: 1.5rem !important;
    color: #4D4D4D !important;
}

.selectTabs .is-active {
    font-weight: 500 !important;
    color: #010101 !important;
}

/*面包屑*/
.topRouteCalss {
    font-size: 1rem;
    color: #000000;
}

.topRouteCalss i {
    margin: 0 1rem;
}


/*年份选择器*/
#year-range-picker {
    position: relative;
    display: inline-block;
    z-index: 1;
}

/* 输入框样式 */
#year-range-picker .year-range-input {
    position: relative;
    width: 100%;
    padding: 3px 10px;
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    font-size: 14px;
    color: #606266;
    outline: none;
    box-sizing: border-box;
    transition: border-color 0.2s;
}

/* 不同尺寸的输入框样式 */
#year-range-picker .year-range-input.medium {
    height: 3rem;
}

#year-range-picker .year-range-input.small {
    height: 32px;
}

#year-range-picker .year-range-input.mini {
    height: 28px;
}

#year-range-picker .year-range-input.is-focus {
    /*border-color: #409eff;*/
}

#year-range-picker .year-range-input__inner {
    height: 24.4px;
    width: 50%;
    background: transparent;
    text-align: center;
    font-size: 1rem;
    color: #606266;
}

#year-range-picker .year-range-input__inner::placeholder, .insIcon {
    color: #c0c4cc;
    font-size: 13px;
}

#year-range-picker .insIconCosewidth {
    width: 13px
}

#year-range-picker .insIconCose {
    cursor: pointer;
}

#year-range-picker .year-range-input__innerMids {
    width: 10%;
    text-align: center;
    font-size: 13px;
}

#year-range-picker .year-range-input__icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #c0c4cc;
    transition: color 0.2s;
}

#year-range-picker .year-range-input.is-focus .year-range-input__icon {
    color: #409eff;
}

/* 面板动画 */
#year-range-picker .year-panel-fade-enter-active,
#year-range-picker .year-panel-fade-leave-active {
    transition: opacity 0.2s, transform 0.2s;
}

#year-range-picker .year-panel-fade-enter,
#year-range-picker .year-panel-fade-leave-to {
    opacity: 0;
    transform: translateY(-5px);
}

/* 面板样式 */
#year-range-picker .year-range-panel {
    position: absolute;
    z-index: 1000;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
}


/* 面板头部 */
#year-range-picker .year-range-panel__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

#year-range-picker .year-range-panelItem {
    width: 400px;
    padding: 15px;
}

#year-range-picker .year-range-panel__btn {
    font-size: 13px;
    background: transparent;
    color: #606266;
    cursor: pointer;
    transition: color 0.2s;
}

#year-range-picker .year-range-panel__btn:hover {
    color: #409eff;
}

#year-range-picker .matisos {
    margin-top: 20px;
}

#year-range-picker .year-grid__item_Set {
    margin: 5px 0px;
    padding: 8px;
}

#year-range-picker .year-grid__item {
    width: 100%;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 18px;
    font-size: 14px;
    color: #606266;
    cursor: pointer;
    transition: all 0.2s;
}

#year-range-picker .leftMarging {
    margin-left: 0px;
}

#year-range-picker .rightMarign {
    margin-right: 0px;
}

#year-range-picker .dateWithinScope {
    background: #f2f6fc;
}

#year-range-picker .radiusStartSet {
    border-radius: 23px 0 0 23px;
}

#year-range-picker .radiusEndSet {
    border-radius: 0 23px 23px 0;
}

#year-range-picker .radiusSelf {
    border-radius: 23px;
}

/* 年份网格 */
#year-range-picker .year-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

#year-range-picker .year-grid__item:hover:not(.is-disabled) {
    background-color: #ecf5ff;
    color: #409eff;
}

/* 选中颜色 */
#year-range-picker .year-grid__item.is-selected {
    background-color: #A82126;
    color: #fff;
}

#year-range-picker .year-grid__item.is-disabled {
    color: #c0c4cc;
    cursor: not-allowed;
    background-color: #f5f5f5;
}



/*参观预约*/
#visitReservation .pageBanner {
    width: 100%;
}

#visitReservation .centerMainBox {
    padding: 1.88rem 6.5% 3.19rem;
}

#visitReservation .personageBox {
    font-size: 1.88rem;
    color: #FFFFFF;
    text-align: center;
}

#visitReservation .personageBox .personageBoxTitle {
    font-size: 1.88rem;
    color: #FFFFFF;
    height: 4.49rem;
    line-height: 4.49rem;
    background: url("../imgsNew/visitPerson.png");
    background-size: 100% 100%;
    cursor: pointer;
}

#visitReservation .personageBox .personageBoxTitleT {
    background: url("../imgsNew/visitTeam.png");
    background-size: 100% 100%;
}

#visitReservation .personageBoxCont {
    padding: 2.25rem 0 1.75rem;
    background: url("../imgsNew/visitPersonContBack.png");
    background-size: auto 11.81rem;
    background-repeat: no-repeat;
    background-position: left bottom;
    background-color: #FBFBFB;
    align-items: stretch;
}

#visitReservation .personageBoxContG {
    background: url("../imgsNew/visitPersonContBackG.png");
    background-size: auto 11.81rem;
    background-repeat: no-repeat;
    background-position: left bottom;
    background-color: #FBFBFB;
    align-items: stretch;
}

#visitReservation .personageBoxCont .imgSet {
    width: 10rem;
    height: 10rem;
    text-align: center;
    line-height: 10rem;
    border-radius: 50%;
    background: rgba(212, 175, 55, .3);
    margin: 1.3rem auto 0;
    font-size: 5rem;
    color: #D4AF37;
}

#visitReservation .personageBoxCont .personageCode {
    margin-top: 2.25rem;
    font-weight: 500;
    font-size: 1.5rem;
    color: #8C2221;
}

#visitReservation .personageBoxCont .personageBtn {
    width: 6.25rem;
    height: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    background: #FFFFFF;
    border-radius: 0.75rem;
    border: 1px solid #7F7F7F;
    font-size: 0.88rem;
    color: #35322E;
    cursor: pointer;
    margin: 1.25rem auto 0;
}

#visitReservation .notice {
    padding: 4rem 2.5rem 4.25rem 2.5rem;
    background: url("../imgsNew/visitNoticeBack.png");
    background-size: 100% 100%;
}

#visitReservation .noticeTitle {
    color: #000000;
}

#visitReservation .notice .noticeCont {
    margin-top: 5rem;
}

#visitReservation .mapGuide {
    margin-top: 2.38rem;
    padding: 3rem 2rem 5rem 2rem;
    background: #FFFFFF;
}

#visitReservation .mapGuide .mapGuideImg {
    margin-top: 4rem;
    width: 100%;
}

#visitReservation .practicalTipsBox {
    background: #FFFFFF;
    margin-top: 2.5rem;
    padding: 4rem 2.5rem 3rem;
    background: url("../imgsNew/visitTrafficBack.png");
    background-size: 100% 100%;
}

#visitReservation .trafficBox {
    margin-top: 4rem;
}

#visitReservation .trafficBox .planImg {
    width: 100%;
}

#visitReservation .trafficBox .practicalTips {
    padding-left: 0;
}

#visitReservation .noticeDialog {
    padding-top: 2rem;
}

#visitReservation .el-dialog__title::before {
    display: none;
}

#visitReservation .el-dialog__header {
    text-align: center;
}

#visitReservation .el-dialog__title {
    font-size: 2rem !important;
}

#visitReservation .planIconBox {
    padding: 5.56rem 12% 0 0;
    font-weight: 500;
    font-size: 1.38rem;
    color: #000000;
    display: flex;
    flex-wrap: wrap; /* 允许子元素换行 */
    align-items: center; /* 子元素垂直居中（上下居中） */
    justify-content: center; /* 子元素水平居中（可选，按需调整） */
    gap: 20px; /* 子元素之间的间距（可选） */
    height: 50rem;
}

#visitReservation .planIconBox .child {
    /* 每行显示 2 个元素：宽度 = (100% - 间距) / 2 */
    width: calc((100% - 20px) / 2); /* 减去 gap 后平分宽度 */
    text-align: center;
}

#visitReservation .planIcon {
    width: 5.69rem;
    margin-bottom: 2rem;
}

#visitReservation .planImg {
    width: 100%;
    margin-top: 1rem;
}

#visitReservation .planImgTxt {
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 14% 0;
}


#teamAppointment .bannerBox{
    margin-top: 1rem;
}

#teamAppointment .stepBox, #teamAppointment .formBox {
    margin: 0 17%;
}

#teamAppointment .stepBox {
    padding-top: 1.88rem;
    font-size: 1.13rem;
    font-weight: 500;
    text-align: center;
}

#teamAppointment .stepBox .line {
    width: 26%;
    height: 0.13rem;
    background: #BFBFBF;
}

#teamAppointment .stepBox .curStepLine {
    background: #8D1E1E;
}

#teamAppointment .stepNumBox {
    margin-left: 1.4rem;
}

#teamAppointment .stepNum {
    width: 3.63rem;
    height: 3.63rem;
    border: 0.1rem solid #BFBFBF;
    border-radius: 50%;
    font-size: 1.5rem;
    font-weight: 500;
    color: #BFBFBF;
    line-height: 3.63rem;
}


#teamAppointment .curStep.stepNum {
    border-color: #8D1E1E;
    background: #8D1E1E;
    color: #FFFFFF;
    position: relative;
}

#teamAppointment .curStep.stepNum::before {
    content: '';
    width: 3.15rem;
    height: 3.15rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 0.1rem solid #FFFFFF;
    border-radius: 50%;
}

#teamAppointment .stepName {
    margin-top: 1.31rem;
    margin-bottom: 2.25rem;
}

#teamAppointment .el-calendar__title {
    align-self: flex-start !important;
}

#teamAppointment .dayItem {
    padding-top: 0.5rem;
    height: 100%;
}

#teamAppointment .dayClosed {
    color: #b3b3b3;
}

#teamAppointment .closeIcon {
    padding-top: 0.2rem;
}

.formBox {
    background: #FFFFFF;
    padding: 2.63rem 8.56rem 2.63rem 2.94rem;
}

.formBox .formTit {
    font-size: 1.13rem;
    font-weight: 500;
    margin-bottom: 1.88rem;
}

.formBox .formItem {
    margin-bottom: 1.88rem;
}

.formBox .label {
    width: 7.44rem;
    text-align: right;
    margin-right: 1.19rem;
}

.formBox .uploadTips {
    margin-left: 8.8rem;
    margin-top: -1.4rem;
    margin-bottom: 1.88rem;
}

.formBox .btn {
    /*height: 3rem;*/
    /*line-height: 3rem;*/
    padding: 0.8rem 0;
    border: 1px solid #D8D8D8;
    white-space: nowrap;
    width: 32%;
    text-align: center;
    margin-right: 3%;
}

.formBox .el-upload {
    display: block !important;
}

.formBox .upload-demo .btn {
}

.formBox .btn .iconfont {
    font-size: 1.1rem;
}

#teamAppointment .teamType {
    width: 35%;
}

#teamAppointment .entryPeriod {
    display: inline-block;
    width: 47%;
    min-height: 3rem;
    background: #FFFFFF;
    border: 0.1rem solid #BFBFBF;
    margin-right: 6%;
    margin-bottom: 1rem;
    text-align: center;
}

#teamAppointment .entryPeriod:nth-child(2n) {
    margin-right: 0;
}

#teamAppointment .entryPeriod .state {
    font-size: 0.88rem;
    color: #808080;
}

#teamAppointment .entryPeriod.choose {
    background: #FEEFCB;
    border-color: #8D1E1E;
}

#teamAppointment .entryPeriod.forbidden {
    background: #ffffff;
    color: #b3b3b3;
    border-color: #EBEEF5;
}

#teamAppointment .entryPeriod.forbidden .state {
    color: #b3b3b3;
}

.nextStepBtn, .prevStepBtn {
    display: inline-block;
    padding: 0.8rem 15%;
    margin-right: 5%;
    background: #8D1E1E;
    border-radius: 0.5rem;
    text-align: center;
    color: #FFFFFF;
    border: 0.1rem solid #8D1E1E;
    white-space: nowrap;
}

.nextStepBtn {
    margin-right: 0;
}

#teamAppointment .prevStepBtn {
    background: transparent;
    color: #8D1E1E;
}

#teamAppointment .exhibitionBox {
    padding: 0 0 3.75rem 2.75rem;
}

#teamAppointment .exhibition {
    margin-bottom: 1.88rem;
}

#teamAppointment .exhibition .iconfont {
    margin-right: 0.63rem;
}

#teamAppointment .totalPrice {
    text-align: right;
    font-weight: 500;
}

#teamAppointment .privacyBox {
    border-top: 0.1rem solid #EEEEEE;
    padding: 1.94rem 0 2.56rem;
    margin-top: -1.5rem;
}

#teamAppointment .icon-duoxuanweixuanzhong, #teamAppointment .icon-duoxuanxuanzhong {
    color: #BFBFBF;
    margin-right: 0.63rem;
    font-size: 1.6rem;
}

#teamAppointment .icon-duoxuanxuanzhong {
    color: #8D1E1E;
}

#teamAppointment .successfulBox {
    padding: 3.06rem 28% 21rem;
    font-size: 1.5rem;
}

#teamAppointment .icon-chenggong {
    margin: 0 auto 0.94rem;
    width: 6.25rem;
    height: 6.25rem;
    text-align: center;
    line-height: 6.25rem;
    background: #8D1E1E;
    border-radius: 50%;
    color: #ffffff;
    font-size: 3rem;
}

#teamAppointment .successfulTips {
    line-height: 2.25rem;
    margin-top: 3.31rem;
    margin-bottom: 3.94rem;
    font-size: 1rem;
}

#teamAppointment .viewListTable {
    margin-top: 2rem;
}

/*个人中心*/
#personalCenter .selfInfo {
    width: 28rem;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 0.63rem;
    font-size: 1.25rem;
    color: #000000;
    margin-right: 1.88rem;
}

#personalCenter .selfInfo .selfInfoG {
    padding: 4rem;
    background: url("../imgsNew/individualBack.png");
    background-size: 100% 100%;
    margin-bottom: 1.31rem;
}

#personalCenter .head {
    width: 7.73rem;
    height: 7.73rem;
    border-radius: 50%;
}

#personalCenter .headIcon {
    font-size: 4rem;
    color: #FFFFFF;
    text-align: center;
    line-height: 7.73rem;
    background: #8B1A1A;
    border: 1px solid #FFFFFF;
}

#personalCenter .selfInfoGCont {
    margin-left: 1.69rem;
    height: 7.73rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-size: 1rem;
    color: #000000;
    position: relative;
}

#personalCenter .selfInfoGContName{
    font-weight: 600;
    font-size: 1.25rem;
    color: #000000;
}

#personalCenter .icon-bianji{
    position: absolute;
    bottom: 0;
    right: -2rem;
    font-size: 1.7rem;
    cursor: pointer;
    color: #656565;
}

#personalCenter .categoryHeight{
    height: 57.4rem;
}

#personalCenter .category{
    padding-left: 3rem;
    width: 100%;
    height: 5rem;
    line-height: 5rem;
    background: #FFFFFF;
    margin-bottom: 0.63rem;
    cursor: pointer;
}

#personalCenter .categoryIcon{
    color: #4D4D4D;
    font-size: 2rem;
    margin-right: 1.63rem;
}

#personalCenter .changeCateRow{
    background: #F5F5F5;
    border-radius: 0.63rem;
    color: #8B1A1A;
}

#personalCenter .changeCateRow .categoryIcon{
    color: #8B1A1A;
}

#personalCenter .topItemData{
    width: 24%;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 0.63rem;
    padding: 2.5rem 2rem 1.81rem;
    text-align: center;
    font-size: 1.25rem;
}

#personalCenter .topItemData .svg-icon{
    width: 4.81rem;
    height: 4.44rem;
}

#personalCenter .topItemData .topItemDataNum{
    font-weight: 600;
    font-size: 3rem;
    color: #000000;
    margin: .6rem 0 .2rem;
}

#personalCenter .listCont{
    margin-top: 1.25rem;
    background: #FFFFFF;
    border-radius: 0.63rem;
    padding: 1.8rem;
}

#personalCenter .allContentItem{
    padding: 0 0 1.38rem 1.31rem;
    margin-bottom: 1.88rem;
    border-bottom: 1px solid #EEEEEE;
    height: 44.1rem;
    overflow-y: auto;
}

#personalCenter .allContentItem:last-child{
    padding-bottom: 0;
    border-bottom: none;
}

#personalCenter .allContentItemImg{
    width: 11.13rem;
    height: 11.13rem;
    border-radius: 0.63rem;
    margin-right: 1.25rem;
}

#personalCenter .allContentItemCont{
    height: 11.13rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}

#personalCenter .allContentItemCont .name{
    font-size: 1.5rem;
    color: #000000;
}

#personalCenter .allContentItemCont .itemDataType{
    position: absolute;
    right: 0;
    top: .4rem;
    width: 5.63rem;
    height: 2rem;
    text-align: center;
    line-height: 2rem;
    background: #F8F3E5;
    border-radius: 1rem;
    font-size: 0.88rem;
    color: #D4AF37;
}

#personalCenter .allContentItemCont .successType{
    color: #13A454;
    background: #DDF4E7;
}

#personalCenter .allContentItemCont .refund{
    color: #7F7F7F;
    background: #EEEEEE;
}

#personalCenter .allContentItemCont .itemSetWidth{
    width: 35%;
}

#personalCenter .allContentItemCont .itemSetName{
    color: #4C4C4C;
    font-size: 1rem;
}

#personalCenter .allContentItemCont .conteHeight{
    height: 2rem;
    overflow: hidden;
}

#personalCenter .allContentItemCont .itemSetData{
    color: #000000;
    font-size: 1.25rem;
}

#personalCenter .allContentItemCont .itemBtn{
    font-size: 0.88rem;
    color: #8B1A1A;
    width: 5.63rem;
    height: 2.25rem;
    text-align: center;
    line-height: 2.25rem;
    border-radius: 0.5rem;
    border: 1px solid #8B1A1A;
    margin-left: 1.25rem;
    cursor: pointer;
}

#personalCenter .allContentItemCont .principal{
    color: #FFFFFF;
    background: #8B1A1A;
    border: none;
}

#personalCenter .personHead{
    width: 7.68rem;
    height: 7.68rem;
    border-radius: 50%;
    margin-right: 2.5rem;
}

#personalCenter .personBtn{
    font-size: 1rem;
    color: #8F2323;
    width: 6.25rem;
    height: 2.75rem;
    line-height: 2.75rem;
    text-align: center;
    background: #F5F5F5;
    border-radius: 0.5rem;
    border: 1px solid #8F2323;
    cursor: pointer;
}

#personalCenter .itemInputSetName{
    font-size: 1.13rem;
    color: #4D4D4D;
    margin: 2rem 0 1rem;
}

#personalCenter .itemInputSetName span{
    color: #8B1A1A;
    margin-right: .5rem;
}

#personalCenter .itemInputSet{
    width: 49%;
}

#personalCenter .formInputSet .el-input__inner{
    height: 4.25rem !important;
    border: 1px solid #D9D9D9 !important;
    font-size: 1.13rem !important;
    color: #000000 !important;
}

#personalCenter .itemInputSet .formInputSet{
    width: 100%;
}

#personalCenter .itemInputSet .formInputSet .el-input__icon{
    font-size: 1.25rem !important;
    height: 4.25rem !important;
    line-height: 4.25rem !important;
}

#personalCenter .saveEditBtn{
    font-size: 1.13rem;
    color: #FFFFFF;
    margin: 3.75rem auto;
    width: 25rem;
    height: 4.25rem;
    text-align: center;
    line-height: 4.25rem;
    background: #8B1A1A;
    border-radius: 0.63rem;
    cursor: pointer;
}

.orderDetails .descTit {
    font-size: 1.13rem;
    font-weight: 500;
    margin-top: 1.81rem;
    margin-bottom: 1.38rem;
}

.orderDetails .label {
    color: #7F7F7F;
}

.orderDetails .descItem {
    display: inline-block;
    margin-bottom: 1.5rem;
    width: 32%;
    margin-right: 1%;
    vertical-align: text-top;
}

.primaryBtn, .simpleBtn {
    padding: 0.7rem 1.13rem;
    text-align: center;
    background: #8D1E1E;
    border-radius: 0.25rem;
    font-size: 1.13rem;
    color: #FFFFFF;
    margin-left: 1.88rem;
    white-space: nowrap;
}

.simpleBtn {
    background: #ffffff;
    border: 0.1rem solid #E8E8E8;
    color: #000000;
}

.primaryBtn .iconfont {
    margin-right: 0.63rem;
}

.simpleBtn .iconfont {
    color: #8A8A8A;
    margin-right: 0.63rem;
    vertical-align: bottom;
}

/*关于*/
.pullDownMenu .itemMenu {
    width: 19.9%;
    height: 4rem;
    line-height: 4rem;
    text-align: center;
    background: rgba(0, 0, 0, .5);
    font-size: 1.5rem;
    color: #FFFFFF;
    cursor: pointer;
}

.pullDownMenu .is-active {
    height: 4.88rem;
    line-height: 4.88rem;
    background: #8B1A1A;
    font-weight: 500;
    font-size: 1.88rem;
}

#about .centerMainBox {
    position: relative;
    background: url("../imgsNew/aboutContBack.png");
    background-size: 100% 100%;
}

#about .centerMainBox .content {
    position: relative;
    background: url("../imgsNew/aboutContBack.png");
    background-size: 100% 100%;
    padding: 0 6.5% 0;
}

#about .submenuClass {
    position: absolute;
    left: 6.5%;
    right: 6.5%;
    top: -5.3rem;
}

#about .plateTiteName {
    font-weight: bold;
    font-size: 3rem;
    color: #000000;
    margin-bottom: 3rem;
}

#about .hsBack {
    background: url("../imgsNew/aboutHsBack.png");
    background-size: 100% 100%;
    padding-top: 9rem;
}

#about .historyClass {
    position: relative;
    padding-top: 3.75rem;
}

#about .historyClassData {
    width: 50%;
}

#about .historyClass .line {
    position: absolute;
    width: 1rem;
    top: 0;
    bottom: 10rem;
    left: 50%;
    border-left: 1px solid #8B1A1A;
}

#about .historyClass .point {
    position: absolute;
    top: .6rem;
    width: 2.06rem;
    height: 2.06rem;
    border-radius: 50%;
    background: rgba(139, 26, 26, .2);
}

#about .historyClass .point::before {
    content: '';
    width: 1rem;
    height: 1rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #8B1A1A;
    border-radius: 50%;
}

#about .historyClass .leftHistory .historyClassItem {
    margin-right: 14rem;
    margin-bottom: 5rem;
    position: relative;
}

#about .historyClass .rightHistory .historyClassItem {
    margin-left: 14rem;
    margin-bottom: 5rem;
    position: relative;
}


#about .historyClass .leftHistory .historyClassItem .point {
    right: -15.03rem;
}

#about .historyClass .rightHistory .historyClassItem .point {
    left: -15.03rem;
}


#about .historyClassItem .name {
    font-weight: 500;
    font-size: 2.25rem;
    color: #8B1A1A;
}

#about .generality {
    padding: 2.63rem 2.69rem 2rem 3rem;
    background: rgba(255, 255, 255, .6);
}

#about .generality .mainBodyTitle {
    color: #000000;
    font-size: 2.25rem;
}

#about .generality .mainBodyTitle div {
    margin-right: 8.56rem;
    cursor: pointer;
    padding-left: 1.3rem;
}

#about .generality .mainBodyTitle div:last-child {
    margin-right: 0;
}

#about .generality .mainBodyTitleSelecr {
    font-weight: 600;
    color: #000000;
}

#about .generality .mainBodyTitleSelecr::before {
    width: 3.5rem !important;
    height: 3.5rem !important;
    top: 50%;
    transform: translateY(-50%);
}

#about .mainBodySearch {
    margin-top: 3rem;
}

#about .formInputSet {
    width: 18rem;
}

#about .formInputSet .el-input__inner {
    font-size: 1rem !important;
    height: 3rem !important;
    line-height: 3rem !important;
    border-radius: 0.25rem !important;
    border-color: #D9D9D9 !important;
    /*margin-bottom: 1.25rem;*/
}

#about .formInputSet .el-input__icon, #about .formInputSet .el-input__prefix {
    color: #A6A1A1 !important;
    height: 3em !important;
    line-height: 3rem !important;
    font-size: 1.13rem !important;
}

#about .datePickerSet {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    height: 3rem !important;
    border-color: #D9D9D9 !important;
    border-radius: 0.25rem !important;
}

#about .inputWidth {
    width: 21rem;
}

#about .searBtn {
    width: 6.25rem;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    font-size: 1rem;
    color: #FFFFFF;
    background: #8B1A1A;
    border-radius: 0.25rem;
    cursor: pointer;
}

#about .searBtn i {
    font-size: 1.13rem;
    margin-right: 0.5rem;
}

#about .listData {
    margin-top: 2rem;
}

#about .allContentItem {
    padding-bottom: 2.5rem;
    border-bottom: 1px solid #EEEEEE;
    margin-bottom: 2.94rem;
    cursor: pointer;
}

#about .allContentItem .name {
    font-size: 1.88rem;
    color: #000000;
}

#about .allContentItem .name::before {
    content: '⊙';
    color: #8B1A1A;
}

#about .allContentItem .time {
    font-size: 1.5rem;
    color: #4C4C4C;
}

#about .allContentItem .contentHtml {
    max-height: 2.5rem;
    overflow: hidden;
}

#about .guideBack {
    background: url("../imgsNew/guideBack.png");
    background-size: 100% 100%;
    padding-left: 7.5%;
    padding-right: 7.5%;
}

#about .guideBack .guideBackMinTitle {
    font-weight: 600;
    font-size: 1.5rem;
    color: #000000;
}

#about .guideBack .guideBackMinCont {
    font-size: 1.25rem;
    color: #2F2F2F;
    line-height: 2.25rem;
    margin-top: 1.5rem;
    margin-bottom: 2.5rem;
}

#about .leaveMessageBck {
    background: url("../imgsNew/leaveMessageBck.png");
    background-size: 100% 100%;
}

#about .leaveMessageName {
    width: max-content;
    color: #000000;
    margin: 2rem auto 4rem;
}

#about .mesCont {
    padding: 2rem 20% 0;
}

#about .mesCont .mesContItem {
    margin-bottom: 1.25rem;
}

#about .mesCont .mesContInputSet {
    width: 100%;
}

#about .mesCont .mesContInputSet .el-input__inner {
    width: 100%;
    background: #FFFFFF !important;
}

#about .mesCont .mesContTextareaSet .el-textarea__inner {
    border-radius: 0.5rem !important;
    border: 1px solid #A6A6A6 !important;
    font-size: 1.13rem !important;
}

#about .mesCont .el-textarea__inner::placeholder {
    color: #808080;
}

#about .messageBtn {
    margin: 4rem auto;
    width: 25rem;
    height: 4.25rem;
    text-align: center;
    line-height: 4.25rem;
    background: #8B1A1A;
    border-radius: 0.63rem;
    font-size: 1.13rem;
    color: #FFFFFF;
    cursor: pointer;
}


#about .infoBox {
    padding-left: 4%;
    padding-right: 2%;
    font-size: 1rem;
    color: #35322E;
    line-height: 1.88rem;
}

#about .infoBox .titBox {
    margin-bottom: 2.06rem;
    margin-top: 1rem;
}

#about .infoBox .infoItem {
    padding-bottom: 3.44rem;
}

#about .infoBox .infoImg {
    width: 100%;
}

#about .personItem {
    color: #35322E;
    font-size: 1rem;
    margin-bottom: 3.13rem;
}

#about .personImg {
    display: block;
    width: 14.5rem;
    height: 17.38rem;
}

#about .personName {
    padding-top: 1.19rem;
    font-size: 1.6rem;
    font-family: zihunjingsisong;
}

#about .historyBox .tit {
    font-size: 1.88rem;
    font-family: zihunjingsisong;
    color: #35322E;
    margin-top: -0.5%;
}

#about .historyBox .tit .iconfont {
    font-size: 0.1rem;
    margin-right: 0.94rem;
}

#about .historyBox .info {
    border-left: 0.1rem dashed #8D1E1E;
    margin-left: 0.5rem;
    margin-top: -0.6%;
    padding: 1.4rem 0 2.94rem 3%;
}

#about .historyBox .historyImg {
    width: 30%;
    height: 13.5rem;
}

#about .historyBox .introduce {
    margin-bottom: 1.19rem;
    padding-top: 0.94rem;
}

#contactUs .infoBox {
    font-size: 1.13rem;
    color: #0C0B0A;
    line-height: 2.5rem;
    word-break: break-all;
}

#contactUs .tit {
    font-size: 1.5rem;
    font-weight: 500;
    color: #000000;
    padding-bottom: 1.8rem;
    padding-top: 4rem;
}

#contactUs .firstTit {
    padding-top: 0;
}

#contactUs .smallTit {
    font-size: 1.25rem;
    line-height: 3rem;
    margin: 0.3rem 0;
    font-weight: 500;
}

#contactUs .multimediaItem {
    display: inline-block;
    width: 7.25rem;
    text-align: center;
    font-size: 1.13rem;
    margin-right: 3.81rem;
    white-space: nowrap;
    margin-bottom: 1rem;
}

#contactUs .multimediaItem img {
    width: 4.5rem;
    height: 4.5rem;
}

#leaveMessage .messageBox, #notice .noticeBox {
    background: #ffffff;
    margin-left: 0.63rem;
    padding: 2.44rem 18% 4.69rem;
}

#leaveMessage .plateTit2 {
    margin-bottom: 5.31rem;
}

#leaveMessage .nextStepBtn {
    margin-top: 1.2rem;
    padding: 0.8rem 17%;
}

.codeImgBox {
    width: 6rem;
    height: 3rem;
    margin: 0 1rem;
}

.submitCodeImg {
    width: 100%;
    height: 100%;
}

.submitCodeBtn {
    color: #8D1E1E;
}

#notice .noticeBox {
    width: 75%;
    padding: 2.44rem 4.5% 4.69rem;
}

#notice .searchForm {
    margin-top: 2.5rem;
}

#notice .searchForm .primaryBtn {
    margin-left: 0;
}

#notice .searchForm .el-col {
    margin-bottom: 2rem;
}

#notice .noticeItemBox {
    width: 100%;
    min-height: calc(100vh - 30rem);
}

#notice .noticeItem {
    font-size: 1.25rem;
    color: #000000;
    border-bottom: 0.1rem dashed #CCCCCC;
    padding: 2.13rem 0;
}

#notice .noticeItem:hover {
    color: #8D1E1E;
}

#notice .noticeTitBox {
    width: 85%;
}

#notice .noticeTime {
    width: 15%;
    font-size: 1.13rem;
    text-align: right;
    white-space: nowrap;
}

#notice .noticeTit {
    max-width: 85%;
}

#notice .noticeType {
    background: #8D1E1E;
    border-radius: 0.13rem;
    color: #FFFFFF;
    padding: 0rem 0.3rem;
    margin-left: 0.63rem;
}

#notice .noticeType1 {
    background: #EF9639;
}

#notice .noticeType2 {
    background: #9E2219;
}

#notice .noticeContent {
    font-size: 0.88rem;
    color: #35322E;
    line-height: 1.5rem;
    margin-top: 1.88rem;
}

#noticeDetails .detailsBox {
    margin-top: 1rem;
}

#noticeDetails .detailsBox .tit {
    font-size: 1.5rem;
    color: #35322E;
    text-align: center;
}

#noticeDetails .detailsBox .date {
    font-size: 1rem;
    color: #35322E;
    padding: 1.81rem 0;
    text-align: center;
}

#questionnaire .tips {
    font-size: 0.88rem;
    color: #9E2219;
    padding-top: 1.94rem;
    word-break: break-all;
}

#questionnaire .noticeBox {
    padding: 2.44rem 2.5% 4.69rem;
}

#questionnaire .problemItem {
    margin-top: 3.25rem;
    font-size: 1.13rem;
}

#questionnaire .problemType {
    color: #989898;
}

#questionnaire .problemItem .tit {
    margin-bottom: 0.67rem;
}

#questionnaire .el-radio-group {
    width: 100%;
}

#questionnaire .el-radio, #questionnaire .el-checkbox {
    margin-right: 15%;
    margin-top: 1.2rem;
    display: block;
}

#questionnaire .el-textarea {
    margin-top: 1.2rem;
}

#questionnaire .submitBox {
    margin-top: 5rem;
}

#questionnaire .nextStepBtn {
    padding: 0.8rem 10%;
}

#questionnaire .el-radio__label, #questionnaire .el-checkbox__label {
    font-size: 1rem !important;
    color: #000000;
}

#questionnaire .codeBox {
    margin-top: 3.25rem;
}

/*数字产品*/
#products .itemImg {
    width: 100%;
    height: 16.25rem;
    margin-bottom: 0.81rem;
}

#products .titBox {
    margin: 2.5rem 0;
}

#products .productsBox {
    padding-left: 3.5rem;
}

#products .productsItem {
    margin-bottom: 1.88rem;
    font-size: 1.13rem;
}

#products .downloadBtn {
    font-size: 0.88rem;
    color: #A9976D;
    padding: 0.31rem 0.5rem;
    border: 1px solid #A9976D;
    border-radius: 0.25rem;
}

#products .icon-xiazai {
    margin-right: 0.5rem;
}

#products .productsImg .el-image__inner {
    width: 110% !important;
    height: 140% !important;
    position: absolute;
    top: 0;
    right: -5%;
}

#products .siezSeat .el-image__inner {
    width: 100% !important;
    height: 100% !important;
    position: relative;
    right: 0;
}

/*首页*/
#index, #visitReservation, #bookReservation, #exhibition, #activity, #resource, #resourceDetail, #about, #personalCenter,#exitionDetail,#activityDetails,#teamAppointment,#noticeDetails {
    position: relative;
    background: url("../imgsNew/indexBack.png");
    background-size: 100% 100%;
}

#index .sidebarBox {
    position: fixed;
    top: 50%;
    right: 2.5rem;
    transform: translateY(-50%);
    font-size: 1rem;
    padding: 1.1rem .5rem 1rem;
    background: rgba(0, 0, 0, .4);
    border-radius: 0.25rem;
    color: #FFFFFF;
    z-index: 20;
}

#index .sidebarBox .item {
    cursor: pointer;
    margin-bottom: 1rem;
    position: relative;
}

#index .sidebarBox .item .iconfont {
    font-size: 2.19rem;
}

#index .sidebarBox .item:last-child {
    margin-bottom: 0;
}

#index .sidebarBox .item .icon-xiaochengxu {
    scale: calc(1.3);
}

#index .sidebarBox .codeImg {
    position: absolute;
    left: -9rem;
    top: 50%;
    transform: translateY(-50%);
    width: 8rem;
    height: 8rem;
    border-radius: 0.25rem;
    border: 0.5rem solid #B99D5B;
    display: none;
}

#index .sidebarBox .item:hover .codeImg {
    display: block;
}

#index .el-carousel__container {
    height: 67.5rem;
}

#index .banner {
    width: 100%;
    height: 100%;
}

#index .centerMainBox {
    color: #FFFFFF;
    padding: 2.38rem 6.5% 4.5rem;
}

#index .guideBox {
    padding: 3rem 6rem;
    background: url("../imgsNew/guideBoxBack.png");
    background-size: 100% 100%;
    font-size: 1.25rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr; /* 或者设置具体高度 */
    height: 333.49px; /* 确保容器本身有高度 */
    margin: 0;
}

#index .guideBox .item {
    cursor: pointer;
}

#index .guideBox .guideBoxItemBack {
    width: 5.86rem;
    height: 5.86rem;
    line-height: 5.86rem;
    text-align: center;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.2);
    font-size: 3.8rem;
    margin: 0 auto 1rem;
}

#index .horizontal-timeline-section {
    margin: 0 -10%;
    padding: 4.18rem 3.13rem;
    background: url("../imgsNew/indexHistoryBack.png");
    background-size: 100% 100%;
}

#index .section-title {
    width: max-content;
    color: #000000;
    margin: 0 auto 4rem;
}

#index .section-title::before {
    background: url("../imgsNew/titleBackR.png");
    background-size: 100% 100%;
}

#index .timeline-wrapper {
    position: relative;
    width: 100%;

    user-select: none;
    /* 兼容旧浏览器 */
    -webkit-user-select: none; /* Safari、Chrome 等 WebKit 内核浏览器 */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE 10+ */
}

#index .timeline-track {
    position: absolute;
    top: 3.6rem;
    left: 0;
    right: 0;
    border-top: 1px dashed #8B1A1A;
}

#index .timeline-items {
    display: flex;
    transition: transform 0.3s ease;
    height: 100%;
    /* 添加以下样式以支持拖拽 */
    overflow-x: auto;
    /*cursor: grab;*/
    scrollbar-width: none; /* 隐藏滚动条 Firefox */
}


/*#index .timeline-items:active {*/
/*    cursor: grabbing;*/
/*}*/

#index .timeline-items::-webkit-scrollbar {
    display: none; /* 隐藏滚动条 Chrome/Safari */
}

#index .timeline-item {
    flex: 0 0 16.66%;
    position: relative;
    text-align: center;
    cursor: pointer;
    padding: 0 5rem;
}

#index .timeline-point {
    position: absolute;
    top: 3.6rem;
    left: 50%;
    width: 0.6rem;
    height: 0.6rem;
    background: #8B1A1A;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
    z-index: 2;
}

#index .timeline-date {
    margin-bottom: 2rem;
}

#index .timeline-content {
    font-weight: 300;
    font-size: 1.6rem;
    color: #000000;
}

#index .hisSles .timeline-content {
    color: #8B1A1A;
    font-weight: 500;
}

#index .timeline-point.active {
    transform: translate(-50%, -50%) scale(1.8);
}

#index .timeline-line {
    position: absolute;
    top: 3.6rem;
    left: 0;
    right: 50%;
    border-top: 1px solid #8B1A1A;
}

#index .timeline-line-full {
    right: 0;
}

#index .hisDetailInfo {
    padding: 4.3rem 6.5% 0;
    color: #000000;
}

#index .hisDetailInfo .hisDetailTitle {
    font-weight: 500;
    font-size: 1.75rem;
}

#index .hisDetailInfo .hisDetailDate {
    font-size: 1.38rem;
    padding: .8rem 0 1.2rem;
}

#index .hisDetailInfo .hisDetailCont {
    font-size: 1rem;
    text-indent: 2em;
    height: 5.3rem;
    line-height: 1.88rem;
}

#index .hisDetailInfo .overConts {
    color: #8B1A1A;
    cursor: pointer;
    margin: 1rem 0 2.81rem;
}

#index .hisDetailInfo .hisDetailContItem {
    margin-top: 2.5rem;
    width: 30%;
    position: relative;
}

#index .hisDetailInfo .hisDetailContItem .hisDetailContItemImg {
    width: 100%;
    height: 17.5rem;
    border-radius: 0.63rem;
    font-size: 0;
}

#index .hisDetailInfo .hisDetailContItem .hisDetailContItemName {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 0rem 0rem 0.63rem 0.63rem;
    font-size: 1.13rem;
    color: #FFFFFF;
    padding: .8rem 1rem;
}

#index .activeData {
    margin-top: 3.75rem;
}

#index .activeData .activeInfo {
    width: 48%;
    color: #FFFFFF;
    background: url("../imgsNew/indexActiveBack.png");
    background-size: 100% 100%;
    padding: 3.75rem 3.69rem 2.94rem;
}

#index .activeData .activeInfo .activeInfoTitle::after {
    background: url("../imgsNew/adornWhite.png");
    background-size: 100% 100%;
}

#index .activeData .activeInfo .activeInfta {
    margin: 4.9rem 0 3rem;
    font-size: 1.5rem;
}

#index .activeData .activeInfo .activeInftaItem {
    font-size: 1rem;
    margin-bottom: 2.95rem;
}

#index .activeData .activeInfo .activeInftaItem .name {
    white-space: nowrap;
}

#index .activeData .activeInfo .activeInftaItem .Conte {
    height: 4rem;
    overflow: hidden;
}

#index .activeData .activeInfo .moreActive {
    margin-top: 2.38rem;
    width: max-content;
    padding: 0.75rem 1rem 0.75rem 1.75rem;
    background: url("../imgsNew/batnFrame.png");
    background-size: 100% 100%;
    cursor: pointer;
}

#index .activeData .activeInfo .moreActive i {
    margin-left: 1.38rem;
}

#index .activeData .activeImgs {
    height: 390.28px;
}

#index .activeData .activeImgs .activeImgsItem {
    width: 100%;
    height: 100%;
}

#index .activeData .activeImgs .el-carousel__indicator .el-carousel__button {
    margin: 1rem;
    width: 0;
    height: 0;
    opacity: 1;
    position: relative;
    font-family: "iconfont" !important;
}

#index .activeData .activeImgs .el-carousel__indicator .el-carousel__button:before {
    content: '\e714';
    color: #FFFFFF;
    font-size: 2rem;
    position: absolute;
    top: -2rem;
}

#index .titleBackTip {
    margin-left: 1.4rem;
    font-size: 1.25rem;
    color: #D4AF37;
}

#index .dynamicBox {
    padding: 4rem 6rem 3.56rem 2.75rem;
    background: url("../imgsNew/dynamicBoxBack.png");
    background-size: 100% 100%;
    margin-bottom: 3.38rem;
}

/* 激活状态的指示器 */
#index .activeData .activeImgs .el-carousel__indicator.is-active .el-carousel__button:before {
    color: #8B1A1A;
}

#index .exhibit {
    margin: 6.68rem -6.5% 0;
    padding: 0 6.5rem;
    position: relative;
    background: url("../imgsNew/indexExhibitBack.png");
    background-size: 31rem auto; /* 指定宽度为800px，高度自动等比例缩放 */
    background-repeat: no-repeat;
    background-position: left top;
}

#index .exhibit .moreData {
    position: absolute;
    right: 0;
    top: 2rem;
    font-size: 1.13rem;
    color: #8B1A1A;
    cursor: pointer;
}

#index .exhibit .exhibitItem {
    width: 24%;
    margin-right: 1%;
    font-size: 1.38rem;
    color: #000000;
    cursor: pointer;
}

#index .exhibit .exhibitItem .exhibitItemImg {
    width: 100%;
    height: 25rem;
    border-radius: 1rem;
    box-shadow: 0rem 0rem 1rem 0rem #ACA9A7;
}

/*首页检索*/
#indexSearch .mainBody {
    padding: 1.19rem 6.5% 3.31rem;
    background: url("../imgsNew/indexSearchBack.png");
    background-size: 100% 100%;
}

#indexSearch .mainBody .formdata {
    margin: 2rem 0 1.25rem;
}

#indexSearch .selectWidth {
    width: 20.75rem;
}

#indexSearch .formdata .advanced {
    font-size: 1.13rem;
    color: #000000;
}

#indexSearch .formdata .advanced span{
    color: #8B1A1A;
    margin-left: .5rem;
    cursor: pointer;
}

#indexSearch .formdata .inputWidth {
    margin-right: 2rem;
}

#indexSearch .formdata .inputWidth .el-icon-search {
    color: #8B1A1A !important;
    font-size: 1.5rem;
    margin-left: 1rem;
}

#indexSearch .formdata .inputWidth .el-input__inner{
    padding-left: 4.69rem !important;
}

#indexSearch .contentHeight {
    min-height: calc(100vh - 20rem);
}

#indexSearch .seniorSearch {
    padding: 1.2rem 1.25rem 1.63rem;
    margin-right: 15px;
    background: #FFFFFF;
    border-radius: 0.63rem;
    height: 55rem;
    /*overflow-y: auto;*/
}

#indexSearch .seniorSearch .seniorSearchTitle {
    font-size: 1.5rem;
    color: #8B1A1A;
    margin-bottom: 1rem;
}

#indexSearch .seniorSearch .seniorSearchminName {
    font-weight: 500;
    font-size: 1.25rem;
    color: #000000;
    margin: 0 0 1rem;
}

#indexSearch .seniorSearch .seniorSearchminName i {
    cursor: pointer;
}

#indexSearch .formInputSet {
    width: 20rem;
}

#indexSearch .formInputSet .el-input__inner {
    font-size: 1rem !important;
    height: 3rem !important;
    line-height: 3rem !important;
    border-radius: 0.25rem !important;
    border-color: #D9D9D9 !important;
    /*margin-bottom: 1.25rem;*/
}

#indexSearch .formInputSet .el-input__icon {
    height: 3rem !important;
    line-height: 3rem !important;
}

#indexSearch .datePickerSet {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    height: 3rem !important;
    border-color: #D9D9D9 !important;
    border-radius: 0.25rem !important;
}

#indexSearch .seniorSearch .el-input__icon, .el-input__prefix, .el-select .el-input .el-select__caret {
    color: #A6A1A1 !important;
    height: 3em !important;
    line-height: 3rem !important;
    font-size: 1.13rem !important;
}

#indexSearch .openHeight {
    height: 20rem;
    overflow: hidden;
    transition: height .3s ease-in-out;
}

#indexSearch .openHeight2 {
    height: 15rem;
    overflow: hidden;
    transition: height .3s ease-in-out;
}

#indexSearch .openHeight3 {
    height: 10rem;
    overflow: hidden;
    transition: height .3s ease-in-out;
}

#indexSearch .closeHeight {
    height: 0;
}

#indexSearch .midleFone {
    height: 3rem;
    line-height: 3rem;
    margin: 0 .5rem;
}

#indexSearch .ordinaryBtn {
    width: 8rem;
    height: 3rem;
    text-align: center;
    line-height: 3rem;
    background: #D9D9D9;
    border-radius: 0.5rem;
    font-size: 1.13rem;
    color: #000000;
    cursor: pointer;
}

#indexSearch .primatyBtn {
    background: #8B1A1A;
    color: #FFFFFF;
}

#indexSearch .seniorSearchHeight {
    height: calc(100% - 7rem);
    overflow-y: auto;
    margin-bottom: 1rem;
}

#indexSearch .sortWidth {
    width: 5rem;
}

#indexSearch .sortWidth {
    width: 6rem;
    margin-left: 1.25rem;
}

#indexSearch .sortWidth .el-input__inner {
    border-color: #A6A6A6 !important;
    border-radius: 0.5rem !important;
    color: #000000 !important;
}

#indexSearch .sortWidth .el-input__icon {
    height: 3rem !important;
    line-height: 3rem !important;
}

#indexSearch .rightClass {
    margin-top: -.7rem;
}

#indexSearch .rightClass .tipFont {
    font-size: 1.5rem;
    color: #4D4D4D;
}

#indexSearch .dataContent {
    height: calc(100vh - 8rem);
    margin-right: -.5rem;
    padding-right: .5rem;
    overflow-y: auto;
}

#indexSearch .dataContent .dataContentItem {
    padding: 1.31rem 1.25rem;
    background: #FFFFFF;
    border-radius: 0.5rem;
    margin-bottom: 1.25rem;
}

#indexSearch .dataContentItem .itemImg {
    width: 9.75rem;
    height: 9.75rem;
    border-radius: 0.5rem;
    margin-right: 1.25rem;
}

#indexSearch .dataContentItem .infoData {
    height: 9.75rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-size: 1rem;
    color: #4C4C4C;
    line-height: 1.5rem;
}

#indexSearch .dataContentItem .infoData .infoDataTitle {
    font-size: 1.5rem;
    color: #000000;
    line-height: 1.87rem;
    margin-bottom: 1rem;
}

#indexSearch .dataContentItem .infoData .infoDataTitle span {
    color: #8B1A1A;
}

#indexSearch .dataContentItem .infoData .infoDataType div {
    margin-right: 5rem;
}

#indexSearch .dataContentItem .infoData .infoDataNumIcon {
    font-size: 1.13rem;
    color: #4D4D4D;
}

#indexSearch .dataContentItem .infoData .infoDataNumIcon div {
    margin-right: 2rem;
}

#indexSearch .dataContentItem .infoData .infoDataNumIcon .iconfont {
    font-size: 2rem;
    cursor: pointer;
    margin-right: 0rem;
}

#indexSearch .dialogTitle{
    font-size: 1.25rem;
    color: #000000;
    margin: 1.5rem 0;
}

#indexSearch .pointerDel{
    font-size: 1.5rem;
    height: 3rem;
    line-height: 3rem;
    cursor: pointer;
}


/*活动*/
#activity .banner {
    margin-top: 1rem;
    width: 100%;
}

#activity .activeData {
    margin-top: 2.5rem;
    padding: 3.25rem 5rem 3rem 1.56rem;
    background-image: url("../imgsNew/activeListBack.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: left -2.2px;
    background-origin: padding-box;
    background-color: #FBFAF7;
}

#activity .activeDataTitle {
    color: #000000;
}

#activity .searchData {
    margin-top: 3rem;
}

#activity .activeData .typeBton {
    font-size: 1.25rem;
    color: #4C4C4C;
    border-radius: 0.5rem;
    border: 1px solid #D9D9D9;
    margin-bottom: 18px;
}

#activity .activeData .typeBton div {
    width: 6.75rem;
    height: 3rem;
    text-align: center;
    line-height: 3rem;
    cursor: pointer;
    border-radius: 0.5rem;
}

#activity .activeData .typeBton .selRow {
    background: #8D1E1E;
    color: #FFFFFF;
}

#activity .activeData .typeBton .selRow::before {
    content: '★';
    color: #FFFFFF;
    font-size: 1rem;
    margin-right: .3rem;
}

#activity .formInputSet {
    width: 15rem;
}

#activity .formInputSet .el-input__inner {
    font-size: 1rem !important;
    height: 3rem !important;
    line-height: 3rem !important;
    border-radius: 0.25rem !important;
    border-color: #D9D9D9 !important;
    /*margin-bottom: 1.25rem;*/
}

#activity .formInputSet .el-input__icon {
    color: #A6A1A1 !important;
    height: 36px !important;
    line-height: 36px !important;
    font-size: 1.13rem !important;
}

#activity .searBtn {
    width: 6.25rem;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    font-size: 1rem;
    color: #FFFFFF;
    background: #8B1A1A;
    border-radius: 0.25rem;
    cursor: pointer;
}

#activity .searBtn i {
    font-size: 1.13rem;
    margin-right: 0.5rem;
}

#activity .allContent {
    padding-top: 2rem;
}

#activity .allContent .allContentItem {
    padding-bottom: 2.5rem;
    margin-bottom: 2.5rem;
    border-bottom: 1px solid #E6E6E6;
    cursor: pointer;
}

#activity .allContent .allContentItem:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

#activity .allContent .allContentItem .allContentItemImg {
    width: 51.75rem;
    height: 25.88rem;
    margin-right: 3.5rem;
}

#activity .allContentItem .allContentItemInfo {
    height: 25.88rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#activity .allContentItemInfo {
    font-size: 1.13rem;
    color: #000000;
    line-height: 3rem;
}

#activity .allContentItemInfo .name {
    font-size: 1.75rem;
    color: #000000;
}

#activity .allContentItemInfo .botIconSize {
    font-size: 2rem;
    cursor: pointer;
    color: #8B1A1A;
}

#activity .allContentItemInfo .botIconLeft {
    margin-left: 2.25rem;
}

#activity .allContentItemInfo .allContentItemInfoBtn {
    width: 7.25rem;
    height: 2.5rem;
    text-align: center;
    line-height: 2.5rem;
    background-image: url("../imgsNew/activeBtnBack.png");
    background-size: 100% 100%;
    font-size: 1.13rem;
    color: #FFFFFF;
    cursor: pointer;
}

#activity .allContentItemInfo .trivia {
    background-image: url("../imgsNew/activeBtnBack2.png");
    background-size: 100% 100%;
    color: #8D1E1E;
}

/*活动详情*/
#activityDetails .banner{
    width: 100%;
    margin-top: 1rem;
}

#activityDetails .leftLayout{
    width: 12.5rem;
    margin-right: 3.44rem;
}

#activityDetails .bottomCont{
    margin-top: 2.5rem;
}

#activityDetails .leftLayout .ordinary{
    width: 12.5rem;
    height: 3.75rem;
    text-align: center;
    line-height: 3.75rem;
    background: #E6E6E6;
    cursor: pointer;
    font-size: 1.25rem;
    color: #000000;
}

#activityDetails .leftLayout .selectTypeRow{
    background: #8B1A1A;
    color: #FFFFFF;
}

#activityDetails .bottomCont .activityName{
    font-weight: 500;
    font-size: 2.5rem;
    color: #000000;
    margin-bottom: 1.5rem;
}

#activityDetails .bottomCont .rightCont{
    font-size: 1.13rem;
    color: #000000;
    line-height: 2.25rem;
}

/*资源*/
#resource .banner {
    margin-top: 1rem;
    width: 100%;
    position: relative;
}

#resource .banner .bannerImg {
    width: 100%;
}

#resource .banner .bannerCont {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    padding: 4.31rem 5.56rem;
    border: 1px solid #FFFFFF;
    /* 文字颜色设为透明（避免默认颜色覆盖渐变） */
    color: transparent;
    /* 背景使用从左到右的线性渐变 */
    background-image: linear-gradient(to right, #FEFEFF, #FFD0B0);
    /* 将背景裁剪到文字区域 */
    background-clip: text;
    /* 兼容 Safari 浏览器 */
    -webkit-background-clip: text;
}

#resource .banner .bannerCont .point {
    width: 0.81rem;
    height: 0.81rem;
    background: #FFFFFF;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-50%, -50%);
    /* 多层阴影实现散射（从内到外逐渐变淡、扩散） */
    box-shadow: 0 0 6px 2px rgba(255, 255, 255, 0.8), /* 内层较浓阴影 */ 0 0 12px 4px rgba(255, 255, 255, 0.5), /* 中层中等阴影 */ 0 0 20px 6px rgba(255, 255, 255, 0.3); /* 外层淡阴影 */
}

#resource .banner .bannerCont .point2 {
    top: 0;
    left: auto;
    right: 0;
    transform: translate(50%, -50%);
}

#resource .banner .bannerCont .point3 {
    top: auto;
    bottom: 0;
    left: auto;
    right: 0;
    transform: translate(50%, 50%);
}

#resource .banner .bannerCont .point4 {
    top: auto;
    bottom: 0;
    left: 0;
    transform: translate(-50%, 50%);
}

#resource .banner .bannerCont .bannerContTitle {
    font-size: 5rem;
    font-weight: bold;
    white-space: nowrap;
}

#resource .banner .bannerCont .bannerContText {
    margin-top: 2rem;
    font-size: 1.88rem;
    line-height: 2rem;
}

#resource .mainBody {
    margin-top: 2.56rem;
    padding: 2.63rem 2.56rem 2.81rem 1.88rem;
    background-image: url("../imgsNew/resourceMainBodyBack.png");
    background-repeat: no-repeat;
    background-size: 52.13rem 100%;
    background-position: right center;
    background-origin: padding-box;
    background-color: #FBF9F7;
}

#resource .mainBody .mainBodyTitle {
    color: #000000;
    font-size: 2.25rem;
}

#resource .mainBody .mainBodyTitle div {
    margin-right: 8.56rem;
    cursor: pointer;
    padding-left: 1.3rem;
}

#resource .mainBody .mainBodyTitle div:last-child {
    margin-right: 0;
}

#resource .mainBody .mainBodyTitleSelecr {
    font-weight: 600;
    color: #000000;
}

#resource .mainBody .mainBodyTitleSelecr::before {
    width: 3.5rem !important;
    height: 3.5rem !important;
    top: 50%;
    transform: translateY(-50%);
}

#resource .mainBodySearch {
    margin-top: 3rem;
}

#resource .formInputSet {
    width: 18rem;
}

#resource .formInputSet .el-input__inner {
    font-size: 1rem !important;
    height: 3rem !important;
    line-height: 3rem !important;
    border-radius: 0.25rem !important;
    border-color: #D9D9D9 !important;
    /*margin-bottom: 1.25rem;*/
}

#resource .formInputSet .el-input__icon, #resource .formInputSet .el-input__prefix {
    color: #A6A1A1 !important;
    height: 36px !important;
    line-height: 36px !important;
    font-size: 1.13rem !important;
}

#resource .datePickerSet {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    height: 3rem !important;
    border-color: #D9D9D9 !important;
    border-radius: 0.25rem !important;
}

#resource .inputWidth {
    width: 21rem;
}

#resource .searBtn {
    width: 6.25rem;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    font-size: 1rem;
    color: #FFFFFF;
    background: #8B1A1A;
    border-radius: 0.25rem;
    cursor: pointer;
}

#resource .searBtn i {
    font-size: 1.13rem;
    margin-right: 0.5rem;
}

#resource .allContent {
    margin-top: 1.3rem;
}

#resource .allContentItem {
    padding-bottom: 1.88rem;
    border-bottom: 1px solid #EEEEEE;
    margin-bottom: 2.56rem;
    cursor: pointer;
}

#resource .allContentItem:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

#resource .allContentItem .allContentItemIcon {
    width: 4.5rem;
    height: 4.5rem;
    text-align: center;
    background: #EDEDED;
    border-radius: 0.63rem;
}

#resource .allContentItem .allContentItemIcon .icon {
    margin-top: .5rem;
    width: 3.25rem;
    height: 3.5rem;
}

#resource .allContentItemInfo {
    margin: -.4rem 1.19rem;
}

#resource .allContentItemInfo .name {
    font-weight: 600;
    font-size: 1.88rem;
    color: #000000;
    margin-bottom: .5rem;
}

#resource .allContentItemInfo .cont {
    font-size: 1.25rem;
    color: #4C4C4C;
    margin-bottom: 1rem;
}

#resource .allContentItemInfo .botIconLeft div {
    margin-right: 2rem;
}

#resource .allContentItemInfo .botIconLeft div:last-child {
    margin-right: 0rem;
}

#resource .allContentItemInfo .botIconLeft {
    font-size: 1.13rem;
    color: #999999;
}

#resource .allContentItemInfo .botIconLeft .botIconSize {
    font-size: 1.4rem;
    margin-right: .2rem;
}

#resource .downBtn {
    width: 7.5rem;
    height: 3rem;
    text-align: center;
    line-height: 3rem;
    background: #8B1A1A;
    border-radius: 0.63rem;
    font-size: 1.13rem;
}

#resource .downBtn i {
    font-size: 1.3rem;
}


/*登录*/
#login {
    width: 100%;
    height: 100vh;
    background: url("../imgsNew/loginBack.png");
    background-size: 100% 100%;
}

#login .logoName {
    font-weight: 500;
    font-size: 2.5rem;
    color: #8B1A1A;
    padding: 2.5rem 0 0 3rem;
}

#login .logoForm {
    position: fixed;
    top: 55%;
    right: -2%;
    transform: translate(-50%, -50%);
    background: rgba(255, 255, 255, 0.8);
    border-radius: 1.5rem;
    padding: 3.75rem 2.5rem 2.31rem;
}

#login .logoFormName {
    font-size: 2.5rem;
    color: #303133;
    margin-bottom: 3rem;
}

#login .mesContInputSet {
    width: 30rem;
    margin-bottom: 1.25rem;
}

#login .mesContInputSet .el-input__inner {
    font-size: 1.25rem;
    color: #000000;
    width: 100%;
    background: #FFFFFF !important;
    border: none !important;
    padding-left: 4.5rem !important;
}

#login .mesContInputSet .el-input__inner ::placeholder {
    color: #808080;
}

#login .mesContInputSet .el-input__icon {
    font-size: 2rem;
    color: #8B1A1A !important;
    padding-left: .5rem !important;
}

#login .inputCode {
    position: relative;
}

#login .inputCode .inputCodeData {
    position: absolute;
    top: 0;
    right: 1.25rem;
    font-size: 1.25rem;
    color: #8B1A1A;
    padding-bottom: 1.25rem;
    cursor: pointer;
    font-weight: bold;
    height: 4rem;
    line-height: 4rem;
}

#login .inputCode .countdown {
    cursor: no-drop;
    font-weight: normal;
}

#login .prompt {
    font-size: 1rem;
    margin-left: 1rem;
    color: #303133;
}

#login .prompt span {
    color: #8B1A1A;
    cursor: pointer;
}

#login .loginBtn {
    margin-top: 2.5rem;
    width: 100%;
    font-size: 1.38rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

/*隐私政策*/
#privacy .title {
    padding-top: 1.69rem;
    font-size: 1.88rem;
    font-weight: 500;
    color: #333333;
    text-align: center;
    margin-bottom: 0.88rem;
}

#privacy .date {
    font-size: 0.88rem;
    margin-bottom: 0.56rem;
    text-align: right;
}

#privacy .info {
    font-size: 0.88rem;
    line-height: 2rem;
    margin-bottom: 4rem;
}

#privacy .info .section {
    text-indent: 24px;
}

.noDataTips {
    padding: 8rem 0;
}

/*elementUi样式修改*/
.el-input--prefix .el-input__inner {
    padding-left: 3rem !important;
}

.el-menu--collapse > .el-menu-item [class^=el-icon-], .el-menu--collapse > .el-submenu > .el-submenu__title [class^=el-icon-] {
    width: auto !important;
}

.el-menu {
    border: none !important;
}

.el-menu-item-group__title {
    padding: 0 !important;
}

.el-submenu__title, .el-menu-item {
    padding: 0 1.25rem !important;
}

.el-dropdown-menu__item:focus, .el-dropdown-menu__item:not(.is-disabled):hover, .el-submenu.is-active, .el-menu-item.is-active, .el-submenu__title:focus, .el-menu-item:focus, .el-menu-item:hover, .el-submenu__title:hover, .el-submenu__title:focus {
    background: #FFFAEE !important;
    color: #8D1E1E !important;
}

.el-textarea, .el-submenu__title, .el-menu-item {
    font-size: 1rem !important;
}

.el-calendar__header {
    padding: 0 0 12px !important;
}

.el-calendar__body {
    padding: 0 !important;
}

.el-calendar-table .el-calendar-day {
    height: 5rem !important;
    text-align: center;
    padding: 0 !important;
}

.el-calendar-table .el-calendar-day:hover, .el-calendar-table td.is-selected {
    background-color: #FEEFCB !important;
}

.el-radio, .el-menu-item, .el-submenu__title, .el-calendar-table td.is-today, .el-table thead {
    color: #000000 !important;
}

.el-calendar-table:not(.is-range) td.next {
    display: none;
}

.el-input__inner {
    height: 4rem !important;
    line-height: 4rem !important;
    border: 1px solid #A6A6A6 !important;
    border-radius: 0.5rem !important;
    font-size: 1.13rem !important;
    background: transparent !important;
}

.el-textarea__inner {
    border: 1px solid #D8D8D8 !important;
    border-radius: 0 !important;
    font-size: 1rem !important;
    padding: 1.63rem 0.63rem !important;
    font-family: SourceHanSansCN !important;
    font-weight: 400 !important;
}

.el-input__inner::placeholder {
    color: #808080;
}

.el-input--suffix .el-input__inner {
    /*padding-right: 0 !important;*/
}

.el-input__icon, .el-input__prefix, .el-select .el-input .el-select__caret {
    color: #A6A1A1 !important;
    height: 4rem !important;
    line-height: 4rem !important;
    font-size: 1.13rem;
!important;
}

.el-input__prefix {
    /*top: -2px !important;*/
}

.el-radio-button__orig-radio:checked + .el-radio-button__inner, .el-checkbox__inner:hover, .el-checkbox__input.is-checked .el-checkbox__inner, .el-radio__inner:hover, .el-radio__input.is-checked .el-radio__inner, .el-textarea__inner:focus, .el-range-editor.is-active, .el-range-editor.is-active:hover, .el-select .el-input.is-focus .el-input__inner, .el-select .el-input__inner:focus, .el-button--primary:focus, .el-button--primary:hover, .el-button--primary {
    border-color: #8D1E1E !important;
}

.el-loading-spinner i, .el-loading-spinner .el-loading-text, .el-picker-panel__icon-btn:hover, .el-date-picker__header-label:hover, .el-year-table td.today .cell, .el-year-table td .cell:hover, .el-year-table td.current:not(.disabled) .cell, .el-radio-button__inner:hover, .el-checkbox__input.is-checked + .el-checkbox__label, .el-pagination button:hover, .el-radio__input.is-checked + .el-radio__label, .el-date-table td.available:hover, .el-submenu.is-active .el-icon-caret-right, .el-submenu.is-active .el-submenu__title, .el-menu-item.is-active, .el-submenu__title:hover .el-icon-caret-right, .el-submenu__title:focus .el-icon-caret-right .el-dialog__headerbtn:focus .el-dialog__close, .el-dialog__headerbtn:hover .el-dialog__close, .el-message-box__headerbtn:focus .el-message-box__close, .el-message-box__headerbtn:hover .el-message-box__close, .el-select-dropdown__item.selected, .el-button:focus, .el-button:hover, .el-date-table td.today span, .el-time-panel__btn.confirm, .el-pagination.is-background .el-pager li:not(.disabled):hover, .el-pager li.active, .el-pager li:hover {
    color: #8D1E1E !important;
}

.el-button:focus, .el-button:hover {
    border-color: rgba(185, 157, 91, 0.1) !important;
    background-color: rgba(185, 157, 91, 0.1) !important;
}

.el-radio-button__orig-radio:checked + .el-radio-button__inner, .el-checkbox__input.is-checked .el-checkbox__inner, .el-radio__input.is-checked .el-radio__inner, .el-date-table td.current:not(.disabled) span, .el-date-table td.end-date span, .el-date-table td.start-date span, .el-pagination.is-background .el-pager li:not(.disabled).active, .el-button--primary:focus, .el-button--primary:hover, .el-button--primary {
    background-color: #8D1E1E !important;
}

.el-radio-button__orig-radio:checked + .el-radio-button__inner {
    box-shadow: -1px 0 0 0 #8D1E1E !important;
}

.el-date-table td.today.current span, .el-date-table td.end-date span, .el-date-table td.start-date span, .el-radio-button__orig-radio:checked + .el-radio-button__inner:hover, .el-pagination.is-background .el-pager li:not(.disabled).active, .el-button--primary:focus, .el-button--primary:hover {
    color: #ffffff !important;
}

.el-date-editor .el-range-input, .el-date-editor .el-range-separator, .el-date-editor .el-range__icon {
    font-size: 1rem !important;
    height: 3rem !important;
    line-height: 3rem !important;
}

.el-table .el-table__cell {
    text-align: center !important;
}

.el-table--mini .el-table__cell {
    padding: 1.8rem 0 !important;
}

.el-table th.el-table__cell {
    background-color: #E8E8E8 !important;
    padding: 0.8rem 0 !important;
}

.el-pagination {
    margin-top: 2rem;
    text-align: center !important;
}

.el-pagination .el-input__inner, .el-pagination .el-select .el-input .el-select__caret {
    height: 1.88rem !important;
    line-height: 1.88rem !important;
}

.el-dialog__header, .el-message-box__header {
    padding: 1.88rem 1.75rem 2rem !important;
    background: #8B1A1A !important;
}

.el-dialog__headerbtn, .el-message-box__headerbtn {
    top: 1.88rem !important;
    right: 1.88rem !important;
    font-size: 1.5rem !important;
}

.el-dialog__headerbtn, .el-dialog__close {
    color: #FFFFFF !important;
}

.el-dialog__headerbtn, .el-dialog__close::before {
    color: #FFFFFF !important;
    font-size: 2rem;
}

.el-dialog__title, .el-message-box__title {
    line-height: normal !important;
    font-size: 1.63rem !important;
    color: #FFFFFF !important;
    font-weight: 600 !important;
    position: relative;
    padding-left: 0.7rem;
}

.el-message-box__title {
    font-weight: 400 !important;
}

.el-dialog__title::before {
    content: '★';
    margin-right: .5rem;
}

.el-dialog {
    margin-bottom: 0 !important;
}

.el-dialog__body {
    max-height: 70vh;
    overflow-y: auto;
    font-size: 1rem !important;
    color: #000 !important;
    padding: 0 2.56rem 2.56rem !important;
}

.el-message-box {
    width: 44rem !important;
}

.el-message-box__content {
    padding: 8% !important;
    color: #000000 !important;
    font-size: 1.13rem !important;
}

.el-message-box__btns {
    text-align: center !important;
    padding: 5px 15px 1.5rem !important;
}

.el-button--small {
    padding: 0.94rem 2.63rem !important;
}

.el-message-box__btns button:nth-child(2) {
    margin-left: 1.88rem !important;
}

.el-radio {
    white-space: normal !important;
    word-break: break-all !important;
}

/*.el-select-dropdown__wrap {*/
/*    max-width: 42rem !important;*/
/*}*/


/*展览*/
#exhibition .breadFontSize {
    font-size: 1rem;
    font-weight: 400;
    color: #000000;
    display: flex;
    align-items: center;
}

#exhibition .inputClass {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 8.6rem;
}

#exhibition .selectWidth {
    width: 15rem;
}

#exhibition .selectWidth .el-input__inner {
    background: rgba(0, 0, 0, .5) !important;
    color: #FFFFFF;
}

#exhibition .selectWidth .el-input__inner::placeholder {
    color: rgba(255, 255, 255, .5) !important;
}

#exhibition .selectWidth .el-input__icon {
    color: #FFFFFF !important;
    font-size: 1.5rem !important;
}

#exhibition .inputWidth {
    margin-left: 1.25rem;
    width: 60rem !important;
}

#exhibition .contentTitle {
    font-weight: 300;
    font-size: 2.25rem;
    color: #000000;
    margin-top: 3rem;
}

#exhibition .contentTitle div {
    margin: 0 10rem 0;
    cursor: pointer;
}

#exhibition .contentTitle .contentTitleSelect {
    font-weight: 600;
    font-size: 2.25rem;
    color: #000000;
}

#exhibition .contentData {
    margin-top: 3rem;
}

#exhibition .contentData .contentDataItem {
    margin-bottom: 2.6rem;
    font-size: 0;
}

#exhibition .contentData .contentDataItem .contentDataItemImg {
    width: 100%;
}

#exhibition .contentData .contentDataItem .contentDataInfo {
    font-size: 1rem;
    color: #4C4C4C;
    padding: 2rem 20rem 1.25rem 1.25rem;
    background: #F5F5F5;
    line-height: 2rem;
    position: relative;
}

#exhibition .contentDataInfo .contentDataInfoName {
    font-size: 1.25rem;
    font-weight: bold;
    margin-bottom: 1.2rem;
}

#exhibition .contentDataInfo .contentDataType {
    color: #B99D5B;
}

#exhibition .bton {
    position: absolute;
    bottom: 1.25rem;
    right: 1.25rem;
    width: 7.5rem;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    background: #8B1A1A;
    border-radius: 0.63rem;
    font-size: 1.13rem;
    color: #FFFFFF;
    cursor: pointer;
}

/*展览详情*/
#exitionDetail .contentImg{
    margin-top: 1rem;
    width: 100%;
}

#exitionDetail .titlew{
    margin: 2.5rem 0;
    font-weight: 500;
    font-size: 2.5rem;
    color: #000000;
}

#exitionDetail .reservationBtn {
    width: 7.5rem;
    height: 3rem;
    text-align: center;
    line-height: 3rem;
    background: #8B1A1A;
    border-radius: 0.63rem;
    border-radius: 0.63rem;
    font-size: 1.13rem;
    color: #FFFFFF;
    cursor: pointer;
}

#exitionDetail .itemData {
    width: 23%;
    font-size: 1.13rem;
}

#exitionDetail .itemData i{
    color: #8B1A1A;
    margin-right: 0.44rem;
}

#exitionDetail .contentData{
    margin-top: 1.5rem;
    font-size: 1rem;
    color: #000000;
}

#exitionDetail .enjoyTitle{
    margin-top: 3.5rem;
    margin-bottom: 1.8rem;
    font-size: 1.88rem;
    color: #000000;
    padding-left: 1.1rem;
}

#exitionDetail .enjoyTitle::before{
    width: 3.02rem !important;
    height: 3.02rem !important;
    bottom: .5rem;
}


#exitionDetail .bread {
    padding-top: 0.63rem;
    padding-bottom: 0.69rem;
    /*cursor: pointer;*/
}

#exitionDetail .vR {
    font-size: 2rem;
    color: red;
    margin-left: 1rem;
}

#exitionDetail .threeIcon {
   font-size: 2rem;
    margin-left: 1rem;
    vertical-align: bottom;
    cursor: pointer;
    color: #8B1A1A;
}

#exitionDetail .infoDataNumIcon {
    font-size: 1.13rem;
    color: #4D4D4D;
    margin: 1rem 0 1.5rem;
}

#exitionDetail .infoDataNumIcon div {
    margin-right: 2rem;
}

#exitionDetail .infoDataNumIcon .iconfont {
    font-size: 1.8rem;
    color: #8B1A1A;
    cursor: pointer;
    margin-right: .3rem;
}

#exitionDetail .leftMargin {
    padding-left: 8.44rem !important;
}

#exitionDetail .breadFontSize {
    font-size: 1rem;
    font-weight: 400;
    color: #000000;
    display: flex;
    align-items: center;
}

#exitionDetail .el-breadcrumb__inner a {
    font-weight: 400 !important;
}


#exitionDetail .content {
    margin-top: 1.25rem;
}

#exitionDetail .contentImg {
    width: 100%;
}

#exitionDetail .essentialInformation {
    font-size: 1.13rem;
}

#exitionDetail .informationName {
    margin: 2.5rem 0;
    font-size: 2.5rem;
    font-weight: 400;
    font-family: zihunjingsisong;
}

#exitionDetail .qufen {
    margin-left: 8.44rem;
}

#exitionDetail .color {
    color: rgb(206, 186, 140);
    margin-right: 0.56rem;
}

#exitionDetail .margeTop {
    margin-top: 2rem;
}

#exitionDetail .titBox {
    margin: 5rem 0 2.5rem;
}

#exitionDetail .titBox .bannerTit {
    margin: 0 0.44rem;
    font-size: 2.5rem;
    font-weight: 400;
    font-family: zihunjingsisong;
}

#exitionDetail .titBox .bannerTitIcon {
    width: 1.19rem;
    height: 1.5rem;
    opacity: 0.5;
}

#exitionDetail .exhitbionImg {
    width: 100%;
    height: 19rem;
}

#exitionDetail .exhitbionNmae {
    margin: 0.75rem 0 1.25rem;
    font-size: 1.13rem;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#exitionDetail .exhitbionLocation {
    position: relative;
    cursor: pointer;
}

#exitionDetail .exhitbionImgMask {
    position: absolute;
    width: 100%;
    height: 19rem;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .5);
}

#exitionDetail .moreCulturalRelics {
    cursor: pointer;
    position: absolute;
    width: 120px;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    font-size: 1.13rem;
    padding: 0.75rem 1rem;
    color: #ffffff;
    background-image: url("https://three.hnembmusuem.com/website/imgs/bottonBox.png");
    background-origin: padding-box;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    min-width: 20px;
}

#exitionDetail .left {
    font-size: 0.5rem;
    margin-left: 1.38rem;
}

#exitionDetail .content {
    margin-bottom: 6.81rem;
}

#exitionDetail .allCulturalRelics {
    margin-top: 3.75rem;
    margin-bottom: 2.56rem;
}


/*文物详情*/
#exitionDetail .bread {
    padding-top: 0.63rem;
    padding-bottom: 0.69rem;
}

#exitionDetail .breadFontSize {
    font-size: 1rem;
    font-weight: 400;
    color: #000000;
    display: flex;
    align-items: center;
}

/*#exitionDetail .breadFontWhit{*/
/*    font-weight: 600;*/
/*}*/

/*#exitionDetail .minImgList{*/
/*    width: 6.25rem;*/
/*    height: 39.06rem;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*}*/

/*#exitionDetail .bingImg{*/
/*    width: 50rem;*/
/*    height: 39.06rem;*/
/*    overflow: hidden;*/
/*    overflow-x: auto;*/
/*}*/

/*#exitionDetail .paddingImg{*/
/*    justify-content: space-around;*/
/*    margin-bottom: 4.25rem;*/
/*}*/

#exitionDetail .bingImg {
    text-align: center;
    width: 100%;
    height: 39.06rem;
    overflow: hidden;
    overflow-x: auto;
}


#exitionDetail .minImgList {
    /*width: 6.25rem;*/
    height: 39.06rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
}

#exitionDetail .yangshi {
    /*margin: 0 10% 20px;*/
}


#exitionDetail .paddingImg {

}

#exitionDetail .content {
    background: #ffffff;
    padding: 3.75rem 13.5rem;
}


#exitionDetail .minImg {
    width: 6.25rem;
    height: 6.25rem;
    margin: 0.28rem;
    cursor: pointer;
}

#exitionDetail .downArrowhead {
    width: 4.5rem;
    font-size: 2.8rem;
    color: #BFBFBF;
    cursor: pointer;
}

#exitionDetail .select {
    color: #A9976D;
}

#exitionDetail .names {
    font-weight: 600;
    margin-top: 3.63rem;
    font-size: 1.88rem;
}

#exitionDetail .titleadf {
    margin: 1rem 0;
    color: #989898;
    font-size: 1.13rem;
    display: flex;
    align-items: center;
}

#exitionDetail .adfad {
    position: relative;
    width: 500px;
    height: 500px;
}

#exitionDetail .piaohu {
    position: absolute;
    width: 200px;
    text-align: center;
    top: 50%;
    font-size: 0px;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 99;
}

#exitionDetail .zheZhao {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #000000;
    opacity: .5;
    z-index: 1;
}

#exitionDetail .titlHead {
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between
}


#exitionDetail .titlecontent {
    flex: 1;
    margin-left: 5rem;
    color: #333333;
}

#exitionDetail .auiafdf {
    margin-top: 2rem;
}


/*典藏*/
#bookReservation .carousel {
    margin-top: 1rem;
    height: 38rem;
}

#bookReservation .carousel .activeImgsItem {
    width: 100%;
    height: 100%;
}

#bookReservation .carousel .el-carousel__indicator .el-carousel__button {
    margin: 1rem;
    width: 0;
    height: 0;
    opacity: 1;
    position: relative;
    font-family: "iconfont" !important;
}

#bookReservation .carousel .el-carousel__indicator .el-carousel__button:before {
    content: '\e714';
    color: #ACA9A7;
    font-size: 2rem;
    position: absolute;
    top: -2rem;
}


/* 激活状态的指示器 */
#bookReservation .carousel .el-carousel__indicator.is-active .el-carousel__button:before {
    color: #8B1A1A;
}

#bookReservation .swiperItem {
    height: 38rem;
    width: 100%;
    cursor: pointer;
}

#bookReservation .pageMinTitle {
    color: #000000;
    margin-bottom: 2rem;
}

#bookReservation .recommend {
    margin-top: 5rem;
}

#bookReservation .recommend .recomItem {
    width: 24%;
    margin-right: 1.3%;
    cursor: pointer;
    font-size: 1.38rem;
    color: #000000;
}

#bookReservation .recommend .recomItem:last-child {
    margin-right: 0;
}

#bookReservation .recommend .recomItem .recomItemImg {
    width: 100%;
    height: 25rem;
    box-shadow: 0rem 0rem 1rem 0rem #ACA9A7;
    border-radius: 1rem;
}

#bookReservation .boutique {
    margin-top: 2.56rem;
    background: rgba(255, 255, 255, .6);
    padding: 2.63rem 3.34rem 2.31rem 1.06rem;
}

#bookReservation .boutique .formdata .formYearsSet{
    width: 23rem;
}

#bookReservation .boutique .formdata .formInputSet {
    width: 15rem;
}

#bookReservation .boutique .formdata .sortWidth {
    width: 6rem;
    margin-left: 1.25rem;
}

#bookReservation .boutique .formdata .formInputSet .el-input__inner {
    font-size: 1rem !important;
    height: 3rem !important;
    line-height: 3rem !important;
    border-color: #D9D9D9 !important;
    border-radius: 0.25rem !important;
}

/*#bookReservation .datePickerSet {*/
/*    padding-top: 0 !important;*/
/*    padding-bottom: 0 !important;*/
/*    height: 3rem !important;*/
/*    border-color: #D9D9D9 !important;*/
/*    border-radius: 0.25rem !important;*/
/*}*/

#bookReservation .boutique .formdata .intpuWidh {
    width: 21.25rem;
}

#bookReservation .boutique .el-input__suffix-inner .el-input__icon {
    color: #A6A1A1 !important;
    height: 36px !important;
    line-height: 36px !important;
    font-size: 1.13rem !important;
}

#bookReservation .serchBtn {
    width: 6.25rem;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    background: #8B1A1A;
    border-radius: 0.25rem;
    font-size: 1rem;
    color: #FFFFFF;
    cursor: pointer;
}

#bookReservation .serchBtn i {
    font-size: 1.13rem;
    margin-right: .5rem;
}

#bookReservation .waterfall {
    margin-top: 10px;
}

#bookReservation .el-carousel__container {
    height: 100%;
}


/* 瀑布流容器：使用flex布局平均分列 */
#bookReservation .waterfall-container {
    display: flex;
    width: 100%;
    gap: 20px; /* 列之间的间距 */
    padding: 0;
    margin: 0;
}

/* 每列：占满容器宽度，内部垂直排列元素 */
#bookReservation .masonry-column {
    flex: 1; /* 每列宽度平均分配，占满容器 */
    display: flex;
    flex-direction: column;
    gap: 20px; /* 列内元素间距 */
    padding: 0;
    margin: 0;
}

/* 图片容器：确保宽度占满列宽 */
#bookReservation .masonry-item {
    position: relative;
    width: 100%; /* 宽度强制占满列宽 */
    overflow: hidden;
    cursor: pointer;
}

#bookReservation .icon3D {
    position: absolute;
    top: 1.19rem;
    left: 1.19rem;
    font-size: 3rem;
    color: #8B1A1A;
}

/* 图片：宽度占满，高度按原始比例自动缩放 */
#bookReservation .masonry-img {
    width: 100%; /* 宽度占满列宽 */
    height: auto; /* 高度随宽度等比例缩放 */
    display: block; /* 移除底部间隙 */
    object-fit: cover; /* 保持比例，裁剪超出部分（可选） */
    border-radius: 8px;
}

#bookReservation .masonry-item-title {
    margin: 1.19rem 0 1.44rem;
    font-weight: 400;
    font-size: 1.38rem;
    color: #000000;
}

#bookReservation .masonry-item-year {
    margin: 0;
    font-size: 1.13rem;
    color: #4C4C4C;
}

#bookReservation .masonry-item-year .iconfont {
    font-size: 1.8rem;
    cursor: pointer;
    margin-left: 1rem;
    color: #8B1A1A;
}

/*瀑布流结束*/

/*响应式媒体查询布局*/
/*小屏幕手机*/
@media (max-width: 479px) {
    html, body {
        font-size: 8px;
    }

    #teamAppointment .stepBox .line {
        width: 22%;
    }
}

/*手机*/
@media (min-width: 480px) and (max-width: 768px) {
    html, body {
        font-size: 10px;
    }

    #teamAppointment .stepBox .line {
        width: 26%;
    }
}

/*手机端*/
@media (min-width: 50px) and (max-width: 768px) {
    .centerMainBox {
        padding: 1.25rem 1% 1.69rem;
    }

    #visitReservation .timelineBox {
        font-size: 1.6rem;
    }

    #visitReservation .selFloor {
        width: 12.13rem;
    }

    .el-input__icon, #login .codeBtn, #login .iptBox, .el-input__inner, .el-select .el-input .el-select__caret {
        height: 4rem !important;
        line-height: 4rem !important;
    }

    .orderDetails .descItem {
        width: 99%;
    }

    .pullDownMenu .el-icon-caret-right {
        right: 0.25rem;
    }

    #index .el-carousel__container {
        height: 30rem;
    }

    #questionnaire .el-radio__label, #questionnaire .el-checkbox__label {
        font-size: 1.13rem !important;
    }

    .el-carousel__button {
        width: 5px !important;
    }

    #exitionDetail .content {
        padding: 0 0;
    }

    #exitionDetail .contentHost {
        margin: 0 10px;
    }

    #exitionDetail .contentHost2 {
        padding: 0 10px;
    }
}

/*平板*/
@media (min-width: 768px) and (max-width: 991px) {
    html, body {
        font-size: 12px;
    }

    #visitReservation .timelineBox {
        font-size: 2.4rem;
    }

    #visitReservation .selFloor {
        width: 9rem;
    }

    .orderDetails .descItem {
        width: 48%;
    }

    #index .el-carousel__container {
        height: 40rem;
    }
}

/*移动端*/
@media (min-width: 50px) and (max-width: 991px) {
    .pcShow {
        display: none !important;
    }

    .h5Show {
        display: block !important;
    }

    #teamAppointment .stepBox, #teamAppointment .formBox {
        margin: 0;
        padding: 2.63rem 1rem 2.63rem 1rem;
    }

    .pullDownMenu {
        width: 25%;
    }

    #activity .activityBox {
        width: 74%;
    }

    #about .personImg {
        margin: 0 auto;
    }

    #leaveMessage .messageBox {
        padding: 2.44rem 2% 4.69rem;
    }

    #notice .noticeTitBox {
        width: 75%;
    }

    #notice .noticeTime {
        width: 25%;
    }

    #notice .noticeTit {
        max-width: 65%;
    }

    #login .loginBox {
        padding: 4rem 10% 37rem;
    }

    #exitionDetail .minImgList {
        text-align: center;
        height: auto;
        display: flex;
        flex-direction: revert;
        align-items: center;
        justify-content: space-between;
    }

    #exitionDetail .yangshi {
        margin: 0 0;
    }

    #bookReservation .boutiqueContentLeft {
        height: auto;
    }

    #personalCenter .userInfoBox .iconfont {
        font-size: 1rem;
    }

    #about .infoBox {
        max-height: calc(100vh - 47rem);
        overflow-y: auto;
    }

    #notice .noticeItemBox {
        min-height: calc(100vh - 59rem);
    }

    #products .productsBox {
        padding-left: 1rem;
        max-height: calc(100vh - 47rem);
        overflow-y: auto;
        overflow-x: hidden;
    }

    #questionnaire .noticeBox {
        max-height: calc(100vh - 47rem);
        overflow-y: auto;
    }

    #visitReservation .el-dialog {
        width: 90% !important;
    }
}

/*pc*/
@media (min-width: 991px) {
    .pcShow {
        display: block !important;
    }

    .h5Show {
        display: none !important;
    }
}