.mui-off-canvas-wrap .mui-bar {
  height: 56px;
  background: #6e7c65;
}
.mui-off-canvas-wrap .mui-bar .mui-icon {
  margin-left: -2px;
  margin-top: 5px;
  color: #fff;
}
.mui-off-canvas-wrap .mui-bar .mui-title {
  height: 56px;
}
.mui-off-canvas-wrap .mui-bar .mui-title img {
  height: 30px;
  display: inline-block;
}
.mui-off-canvas-wrap .mui-bar .en-enter{
  float: right;line-height: 56px;color: #ffffff;font-size: 16px;margin-right: 10px;
}
.mui-off-canvas-wrap.mui-slide-in .mui-off-canvas-left {
  background: #f4f3f1;
}
.mui-off-canvas-wrap.mui-slide-in .mui-off-canvas-left .mui-scroll-wrapper {
  padding-top: 56px;
}
.mui-off-canvas-wrap.mui-slide-in .mui-off-canvas-left .mui-scroll-wrapper .mui-table-view .mui-table-view-cell > a:not(.mui-btn) {
  color: #6e7c65;
}
.mui-off-canvas-wrap.mui-slide-in .mui-off-canvas-left .mui-scroll-wrapper .mui-table-view .mui-table-view-cell .mui-navigate-right::after {
  border-bottom-color: #6e7c65;
}
.mui-off-canvas-wrap.mui-slide-in .mui-off-canvas-left .mui-scroll-wrapper .mui-table-view .mui-table-view-cell.mui-active .mui-navigate-right::after {
  border-top-color: #6e7c65;
}
.footer {
  padding-top: 20px;
}
.footer .footer-info {
  top: 40% !important;
}
.footer .footer-info img {
  width: 110px !important;
}
.footer .footer-info img.footer-bg {
  display: none;
}
.open-time-box {
  overflow: hidden;
}
.open-time-box .time-box {
  position: static;
  padding: 20px;
}
.open-time-box .time-box .open-time-title {
  font-size: 18px;
  text-align: left;
}
.open-time-box .time-box .open-time-title .title-skin {
  color: #fff4d6;
}
.open-time-box .time-box .date {
  vertical-align: middle;
  padding: 10px 0;
  color: #fff4d6;
}
.open-time-box .time-box .date span {
  display: inline-block;
  vertical-align: middle;
  line-height: 40px;
}
.open-time-box .time-box .date .time {
  margin-left: 5px;
  font-size: 32px;
}
.open-time-box .time-box .tip {
  font-size: 16px;
  text-align: right;
  color: #fff4d6;
}
.open-time-box img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.fix-index-list {
  margin-top: 10px;
}
.fix-index-list .title-box-skin a {
  font-size: 12px;
  padding: 0 10px;
  color: #333;
}
.fix-index-list .mui-table-view::before,
.fix-index-list .mui-table-view::after {
  display: none;
}
.fix-index-list .mui-table-view-cell {
  display: flex;
  border: none;
}
.fix-index-list .mui-table-view-cell::before {
  content: '';
  position: absolute;
  top: 18px;
  width: 4px;
  height: 4px;
  background: #c49d62;
  transform: rotate(45deg);
}
.fix-index-list .mui-table-view-cell::after {
  display: none;
}
.fix-index-list .mui-table-view-cell .title {
  padding-left: 0.8em;
  flex: 1;
}
.fix-index-list .mui-table-view-cell .title p {
  color: #333;
}
.fix-index-list .mui-table-view-cell .title p:hover {
  color: #c49d62;
}
.fix-index-list .mui-table-view-cell .time {
  font-size: 14px;
  margin-left: 1rem;
  line-height: 1.5;
  color: #777;
}
.list-box {
  background: url("../image/list-box-lt.png") 6px 9px no-repeat, url("../image/list-box-rt.png") calc(100% - 6px) 9px no-repeat, url("../image/list-box-lb.png") 6px calc(100% - 10px) no-repeat, url("../image/list-box-rb.png") calc(100% - 6px) calc(100% - 10px) no-repeat;
}
.list-box .list-item-box .list-item::before {
  border: 1px solid #6e7c65;
}
.list-box .list-item-box .list-item a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mui-content-padded li.mui-active a {
  background: #6e7c65;
}
.mui-off-canvas-wrap .mui-content > .mui-scroll .text-box {
  margin-top: 0;
  min-height: 210px;
}
.visit-open-time {
  height: 80px;
  background: #6e7c65;
  position: relative;
  margin-bottom: 46px;
}
.visit-open-time .open-time-box {
  position: absolute;
  top: 10px;
  left: 20px;
  z-index: 5;
  box-shadow: -5px 6px 0 0 rgba(196, 157, 98, 0.3);
}
.visit-open-time .open-time-box .time-box {
  padding: 5px;
}
.visit-open-time .open-time-box .time-box .date {
  padding: 0;
  font-size: 18px;
}
.visit-open-time .open-time-box .time-box .date span {
  display: inline-block;
  vertical-align: middle;
  line-height: 30px;
}
.visit-open-time .open-time-box .time-box .date .time {
  font-size: 18px;
  margin-left: 5px;
}
.visit-yuyue,
.visit-yuyue > div {
  height: 90px;
  position: relative;
}
.visit-yuyue div:first-child {
  background: #c49d62;
}
.visit-yuyue div:first-child a {
  color: #fff4d6;
}
.visit-yuyue div:first-child::before {
  content: '';
  position: absolute;
  top: 10px;
  left: 0;
  border: 35px solid transparent;
  border-left: 50px solid #ced5ca;
}
.visit-yuyue div:last-child {
  background: #ced5ca;
}
.visit-yuyue div:last-child a {
  color: #c49d62;
}
.visit-yuyue div:last-child::before {
  content: '';
  position: absolute;
  top: 10px;
  right: 0;
  border: 35px solid transparent;
  border-right: 50px solid #c49d62;
}
.visit-yuyue div > a {
  font-size: 18px;
  line-height: 1.5;
  margin-top: -20px;
  margin-left: -38px;
}
.traffic-box {
  margin: 15px;
}
.traffic-box .traffic-content {
  background: #93a587;
}
.traffic-box .traffic-content .traffic-map {
  height: 200px;
}
.traffic-box .traffic-content .traffic-address .mui-table-view::before,
.traffic-box .traffic-content .traffic-address .mui-table-view::after {
  display: none;
}
.traffic-box .traffic-content .traffic-address .mui-table-view {
  background: transparent;
}
.traffic-box .traffic-content .traffic-address .mui-table-view .mui-table-view-cell {
  color: #fff;
}
.traffic-box .traffic-content .traffic-address .mui-table-view .mui-table-view-cell::after {
  width: 0;
  height: 0;
  top: 12px;
  left: 0;
  border: 10px solid transparent;
  border-left-color: #c49d62;
  background: none;
}
.traffic-box .traffic-content .traffic-address .mui-table-view .mui-table-view-cell.mui-active {
  background: initial;
}
.traffic-box .traffic-content .traffic-address .mui-table-view .mui-table-view-cell span {
  font-size: 15px;
  font-weight: bold;
}
.traffic-box .traffic-content .traffic-address .mui-table-view .mui-table-view-cell p {
  font-size: 13px;
  color: #eee;
}
.visit-methods {
  background: #b18471;
  position: relative;
}
.visit-methods .title-box-skin {
  text-align: left;
  padding-left: 1rem;
}
.visit-methods .title-box-skin .title-skin {
  color: #fff;
}
.visit-methods,
.visit-methods p {
  color: #fff;
}
.visit-methods .visible-img,
.visit-methods .bkg-img {
  position: absolute;
}
.visit-methods .visible-img {
  right: 0;
  top: -32px;
}
.visit-methods .bkg-img {
  top: 30%;
  left: -20%;
  height: 40%;
  opacity: 0.4;
}
.visit-methods .visit-methods-content .visit-methods-item {
  position: relative;
  padding: 0 15px;
  display: flex;
}
.visit-methods .visit-methods-content .visit-methods-item::before {
  content: '';
  position: absolute;
  left: 0;
  top: 6px;
  border: 6px solid transparent;
  border-left: 10px solid #fff;
}
.visit-methods .visit-methods-content .visit-methods-item ul {
  display: inline-block;
  margin-left: 10px;
}
.visit-methods .visit-methods-content .visit-methods-item .visit-methods-list-item {
  padding: 1.2rem;
  padding-top: 0;
  margin-bottom: 10px;
  position: relative;
}
.visit-methods .visit-methods-content .visit-methods-item .visit-methods-list-item::before {
  content: '';
  position: absolute;
  left: 0;
  top: 2px;
  width: 1em;
  height: 1em;
  background: url(../image/visit-icon.png) no-repeat center;
}
.visit-methods .visit-methods-content .visit-methods-item .visit-methods-list-item .img-wrap {
  margin: 0 20px;
  width: 100px;
  height: 100px;
  background: #fff;
  border-radius: 12px;
}
.visit-methods .visit-methods-content .visit-methods-item .visit-methods-list-item .sub-text {
  font-size: 13px;
  color: #ddd;
}
.accessibility-services {
  background: url(../image/visit-bg.png);
}
.accessibility-services .accessibility-services-list-item {
  padding: 20px;
  min-height: 150px;
}
.accessibility-services .accessibility-services-list-item:nth-child(even) {
  background: #f0e1ca;
}
.accessibility-services .accessibility-services-list-item:nth-child(even) .title,
.accessibility-services .accessibility-services-list-item:nth-child(even) .content {
  color: #c49d62;
}
.accessibility-services .accessibility-services-list-item .title,
.accessibility-services .accessibility-services-list-item .content {
  text-align: center;
  color: #6e7c65;
}
.accessibility-services .accessibility-services-list-item .title {
  margin: 10px 0;
}
.collection-types {
  padding: 10px 15px;
}
.collection-types ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.collection-types ul .collection-types-list-item {
  margin: 5px;
  width: 30%;
  background: #dbe6e2;
}
.collection-types ul .collection-types-list-item a {
  display: block;
  padding: 10px 0;
  width: 100%;
  text-align: center;
  color: #6e7c65;
}
.collection-types .mui-btn-block {
  margin: 5px;
  padding: 10px 0;
  width: calc(100% - 10px);
  color: #6e7c65;
  font-size: 16px;
  border-radius: unset;
  background: #dbe6e2;
  border: none;
}
.collection-types .mui-btn-block:hover {
  color: #fff;
  background: #c49d62;
}
.collection-list {
  display: flex;
  padding: 0 15px;
}
.collection-list ul {
  width: 100%;
}
.collection-list .collection-list-item {
  width: 46%;
  margin: 5px;
  text-align: center;
  display: inline-block;
}
.collection-list .collection-list-item .img-wrap {
  width: 100%;
  height: 100px;
  overflow: hidden;
}
.collection-list .collection-list-item .img-wrap img {
  height: 100%;
  display: inline-block;
}
.collection-list .collection-list-item p {
  margin: 5px 0;
  color: #6e7c65;
}
.detail-view-img {
  padding: 10px 20px;
}
.detail-view-img > img {
  margin: auto;
}
.detail-swiper .swiper-slide {
  height: 100px;
}
.detail-swiper .swiper-slide > img {
  height: 100px;
}
.collection-detail-info {
  border-top: 1px solid #e7d8c0;
  position: relative;
  padding-top: 15px;
}
.collection-detail-info::before {
  content: '';
  width: 100%;
  position: absolute;
  top: 3px;
  border-top: 1px solid #e7d8c0;
}
.collection-detail-info .detail-item {
  padding: 5px 15px;
  display: flex;
}
.collection-detail-info .detail-item span {
  min-width: 4em;
  font-size: 18px;
  color: #6e7c65;
  text-align-last: justify;
  text-align: justify;
  text-justify: distribute-all-lines;
}
.collection-detail-info .detail-item p {
  flex: 1;
  margin-left: 10px;
  margin-top: 2px;
  font-size: 16px;
  letter-spacing: 2px;
  color: #9fa998;
  font-weight: lighter;
}
.mui-off-canvas-wrap .mui-content.collection-detail {
  background-color: #333;
}
.mui-bar.header-transparent {
  background: transparent;
}
.mui-bar.header-transparent .mui-icon {
  color: #fff;
}
.mui-scroll.scroll-fullscreen {
  min-height: 100%;
  display: flex;
  align-items: center;
}
.mui-scroll.scroll-fullscreen .exhibition-hall {
  padding: 0;
  height: 100%;
  background: none;
}
.mui-scroll.scroll-fullscreen .exhibition-hall .mui-slider .mui-slider-group .mui-slider-item .zgmc,
.mui-scroll.scroll-fullscreen .exhibition-hall .mui-slider .mui-slider-group .mui-slider-item .zgxl {
  color: #fff;
}
.mui-scroll.scroll-fullscreen .exhibition-hall .mui-slider .mui-slider-group .mui-slider-item .zgmc {
  font-size: 18px;
}
.mui-scroll.scroll-fullscreen .exhibition-hall .mui-slider .mui-slider-group .mui-slider-item img {
  border-radius: unset;
}
.mui-scroll.scroll-fullscreen .exhibition-hall .button {
  width: 100px;
  height: 100px;
  line-height: 100px;
  z-index: 5;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  margin-top: -60px;
}
.mui-scroll.scroll-fullscreen .exhibition-hall .button.prev {
  left: -50px;
}
.mui-scroll.scroll-fullscreen .exhibition-hall .button.prev i {
  margin-left: 30px;
}
.mui-scroll.scroll-fullscreen .exhibition-hall .button.next {
  right: -50px;
}
.mui-scroll.scroll-fullscreen .exhibition-hall .button.next i {
  margin-left: -30px;
}

.mui-off-canvas-wrap .mui-content>.mui-scroll .footer .footer-info .footer-link {
  padding: 10px;
  text-align: center;
}
.collection-types {
  min-height: 500px;
}
.mui-off-canvas-wrap .mui-content > .mui-scroll .text-box {
  min-height: 500px;
}
.mui-off-canvas-wrap .mui-content>.mui-scroll .list-box {
  min-height: 500px;
}
.mui-tabs {
  min-height: 500px;
}
.swiper-container {
  min-height: 120px;
}
.exhibition-interior {
  min-height: 120px;
}