body,html{
    overflow-x: hidden;
    background: #FAF4ED;
}
.hideContent{
    overflow: hidden;
}
.back-to-home{
    margin:0 0 1.2vw 0;
}
.search-zone{
    width:100%;
    background: #fff;
    border-bottom: 1px solid #F5F5F5;
    padding:2.2vw 4vw;
    z-index: 203;
    position: fixed;
}
.search-zone .back-to-home{
    display: inline-block;
    width:8vw;
    height: 8vw;
    margin-right:2vw;

}
.search-zone .back-to-home img{
    display: block;
    width:100%;
    height: 100%;
    position: relative;
    top:1.5vw;
    
}
.search-box a{
    width: 100%;
    display: block;
    height: 9.5vw;
    line-height: 7.5vw;
    font-size: 16px;
    color: #CCCCCC;
    padding:3px;
    position: relative;
    background: #f5f5f5;
    border-radius: 18px;

}

.search-box .searchTab {
    background: transparent;
}
.search-box a img{
    width: 8vw;
    height: 8vw;
    margin:0 0 0 5px;
    vertical-align: middle;
}
.search-box .btn-search{
   display: block;
    width:18.66vw;
    height: 8vw;
    line-height: 8vw;
    text-align: center;
    background: #CC853D;
    border-radius: 30px;
    color:#fff;
    font-weight: bold;
    position: absolute;
    right:3px;
    top:3px;

}

.search-box{
    width: 86%;
    display: inline-block;
    position: relative;
    top:1vw;
    box-sizing: border-box;
    border-radius: 18px;
    overflow: hidden;
}
.h5-search{
    margin-left:10vw;
}
.page-link-shop{
    background: url('../../images/bottom_nav_2.png') no-repeat;
    background-size: 100% auto;
  
  }
  .bottom-nav .selected .page-link-shop{
    background: url('../../images/bottom_nav_selected_3.png') no-repeat;
    background-size: 100% auto;
  }
.tabs {
    text-align: center;
    background: #fff;
    padding:2.66vw 12vw;
    z-index: 204;
    width:100%;
    position: fixed;
    top:60px
}
.fixedTab{
    padding:4px;
    width:70%;
    border-radius: 36px;
}
.jump-search{
    float: right;
    background: #fff;
    position: relative;
    left:1vw;
   
}
.tabs li {
    height: 8vw;
    line-height: 8vw;
    text-decoration: none;
    list-style-type: none;
    margin-left: 10px;
    text-align: center;
    font-size: 16px;
}
.tabs li:first-child{
    margin-left:0;
}
.tabs-box{
    padding-top:27vw;
    display: none
}

.active {
    background-color: #CC853D;
    color: #fff;
    font-weight: bold;
    border-radius: 30px;
}

.boxOne {
    display: block;
}
.stamp-data{
    position: relative;
}

.stamp-data .stamp-intro{
    width:92%;
    position: absolute;
    bottom:3%;
    left:51%;
    min-height: 26.93vw;
    transform: translateX(-50%);
}
.stamp-intro .stamp-item{
    float: left;
}
.stamp-intro .stamp-left{
    width:100%;
    height: 10px;
    background: url('../../images/exhibition/stamp_top.png') no-repeat center top;
    background-size: 100%;
}
.stamp-intro .stamp-center{
    width:100%;
    min-height:15.93vw;
    background: url('../../images/exhibition/stamp_middle.png') repeat-y center top;
    background-size: 100%;
    padding:1vw 4vw;
    font-size:14px;
    text-indent: 20px;
    color:#000;
    overflow: hidden;
}
.stamp-intro .stamp-right{
    width:100%;
    height: 15.5px;
    background: url('../../images/exhibition/stamp_bottom.png') no-repeat center -1px;
    background-size: 100%;
}

.articles-swiper .swiper-slide{
    height: 36.33vw;
}
.exhibition-swiper h3{
    position: relative;
    top:7vw;
    width:4vw;
    font-size: 18px;
    padding: 1vw;
    line-height: 22px;
    margin:0 15px 0 15px

}
.exhibition-swiper .exhibition-item{
    border-radius: 16px;
    display: block;
    width:90%;
    height:40vw;
}

.swiper-container {
    width: 100%;
    margin-bottom:4vw;
}
.exhibition-swiper .swiper-slide {
    width: 80vw;
    position: relative;
    left: 0;
    margin-left: 10px;
    padding-right: 0;
}
 .articles-singel .swiper-slide {
    padding: 15px;
}
.goods-swiper .swiper-slide, .exhibition-swiper .swiper-slide {
    border-radius: 16px;
    overflow: hidden;
}
.swiper-slide-active, .swiper-slide-duplicate-active {
    transform: scale(1) !important;
}
#bignav{
    position: relative;
    margin:0 0 4vw;
    background: #fff;
}
#stampnav,#admirenav{
    position: fixed;
    background: #fff;
    top:0;
    z-index: 100;
    width:100%;
    /* border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px; */
}
.stamp-wrap,.admire-wrap{
    position: relative;
    width:100%;
    background: #fff;
    overflow: hidden;
}

.ex-anchor{
    /* margin:4vw 0 0; */
    position: relative;
    background: #fff;
    width:100%;
    padding-left:10px;
    /* transition: all .5s cubic-bezier(.1,.57,.1,1); */

}
.ex-stamp-data,.ex-admire-data{
    padding-bottom:15vw;
   
}
#admirenav,#stampnav{
    visibility: hidden;
    z-index: 999;
}
/* #admire-close,#stamp-mini-nav,#mini-nav{
    left:2vw;
   
} */
/* .admire-close,.stamp-close{
    left:2vw;
} */
.moreNav{
    max-height: 135vw;
    overflow: auto;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    padding:0 0 10px 0
}
.specialNav{
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}
.specialNav .stamp-wrap,.specialNav .admire-wrap{
    background: transparent;
}
.nav-txts{
    position: absolute;
    top:2vw;
    left:4vw;
    z-index: 100;
    background: #fff;
    font-weight: bold;
}
.link-more{
    position: absolute;
    top:0;
    right:0;
    display: block;
    text-align: center;
    width:15%;
    height: 11.9vw;
    line-height: 11.9vw;
    color:#000;
    font-size: 16px;
    font-weight: bold;
    /* border:1px solid var(--theme); */
    /* width:14vw; */
    border-left:none;
    z-index: 100;
    background: #fff;
    box-shadow: -1px 0px 0px 0px #E6E6E6;

}
.more-bg{
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height: 50px;
    z-index: 98;
}


.nav-control{
    position: absolute;
    top:0;
    right:0
}
.icon-up{
    display: inline-block;
    width:6.4vw;
    height: 6.4vw;
    margin-top:3.5vw;
    background: url('../../images/exhibition/icon-up.png') no-repeat center top;
    background-size: cover;
}
.icon-down{
    display: block;
    width:6.4vw;
    height: 6.4vw;
    margin:0 auto;
    margin-top:2px;
    background: url('../../images/exhibition/icon-down.png') no-repeat center top;
    background-size: cover;
}
.moreflex{
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    align-items: center;

}
.ex-anchor a{
    display: block;
    text-align: center;
    height: 8vw;
    line-height: 8vw;
    color:#000;
    font-size: 16px;
    border:1px solid #CC853D;
    float: left;
    font-size: 14px;
    margin-bottom:4vw;
    border-radius: 30px;
    margin:8px 6px 8px;

}
/* .ex-anchor a:nth-child(-n+3){
    width:21.3%;
    border-left:none;

}

.ex-anchor a:nth-child(-n+5){
    width:21.2%!important;
    border-left:none;

}
.ex-anchor a:nth-child(5){
    margin-right:10vw;
}
.ex-anchor a:nth-child(4) ~ a {
    min-width:20%;
    text-align: center;
    border:1px solid var(--theme);
    border-radius: 36px;
    margin:4vw 0 0 4vw;
    font-size: 16px;
    text-align: center;
} */

.normalNav  a:nth-child(-n+5){
    width:25%;
}

.moreNav a{
    width: -webkit-calc(23.33333% - 8px)!important;
    /* flex: 1;
    -moz-box-flex: 1;
    -webkit-box-flex: 1.0;
    -ms-flex: 1.0;
    box-flex: 1.0; */

}
.close .swiper-wrapper,.stamp-close .swiper-wrapper{
    display: flex;
   
}
.moreNav .swiper-wrapper{
    display: contents;
    
}
.close .swiper,.stamp-close .swiper{
    width:100%;
    padding-top:2px
}
.moreNav .swiper{
    margin-top:12vw;
    margin-left:4vw;
}
.close a,.stamp-close a,.admire-close a{
    /* flex: 1;
    -moz-box-flex: 1;
    -webkit-box-flex: 1.0;
    -ms-flex: 1.0;
    box-flex: 1.0; */
    width: -webkit-calc(23.33333% - 8px)!important;
   
}
/* .moreNav a:nth-child(5){
    border-radius: 36px;
    margin: 4vw 0 0 4vw;
} */

    
.icon-close{
    position: absolute;
    width:10vw;
    height: 10vw;
    display: block;
    left:50%;
    bottom:-15vw;
    transform: translateX(-50%);
    background: url(../../images/icon-close.png) no-repeat center top;
    background-size: cover;
    z-index: 11;
}
.ex-anchor a:last-child{
    margin-right:0
}

.ex-anchor .active,.open-nav .active{
    background: #CC853D;
    color:#fff;
    font-weight: bold;
}
.ex-them-nav{
    position: absolute;
    top:11vw;
    left:0;
    right:0;
}
.ex-them-nav .nav-list{
    width:95%;
    margin:0 auto;
    padding-bottom: 4vw;
}
.ex-them-nav .nav-list a{
    display: inline-block;
   
}

.ex-them-nav .nav-list a:nth-child(4n){
    margin-right:0
}
.head-tit-one {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 15px;
}
.head-tit-two {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 17px;
    
}

.head-tit-three {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 16px;
}

.ex-theme-data{
    padding-bottom: 400px;
}
.h5-theme-data{
    padding-bottom: 450px;

}
.ex-theme-box{
    border-radius: 16px;
    margin-bottom: 4vw;
}
.ex-theme-box .hd{
    border-bottom:1px solid #F5F5F5;
    padding:2.3vw 4vw;
}
.ex-theme-box .hd .stamp{
    display: inline-block;
    width:8vw;
    height: 8vw;
    background: url('../../images/exhibition/icon-stamp.png') no-repeat center top;
    background-size: cover;
    border-radius: 8px;
    position: relative;
    top:4px;
    margin-right:5px;
   
}
.ex-theme-box .hd h3{
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    bottom:1.5vw;
}
.ex-theme-box .bd{
    padding:4vw;
}
.ex-list{
    overflow: hidden;
}
.ex-list h4{
    height: 12vw;
}
.ex-list a{
    display: inline-block;
    width:30%;
    margin:0 4vw 4vw 0;
    float: left;
   
}
.ex-list a:nth-child(3n){
    margin-right:0

}
.ex-list .article-img{
    position: relative;
    width:25vw;
    height: 25vw;
    border: 1px solid #F5F5F5;
    border-radius: 16px;
  
}
.ex-list .article-img img{
    max-width: 100%;
    max-height: 100%;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    border-radius: 16px;
}
.ex-list a h4{
    font-size: 12px;
    margin-top:5px
}
/* .ex-list a:nth-child(2n+1){
    margin-right:0
} */
.ex-list a img{
    width:100%;
    border-radius: 16px;
}
.btn-list-more,.btn-article-more{
    background: #CC853D ;
    border-radius: 36px;
    width:42.66vw;
    height: 9.6vw;
    line-height: 9.6vw;
    text-align: center;
    position: relative;
    color:#fff;
    font-weight: bold;
    clear:both;
}
.btn-icon{
    width:6.4vw;
    height: 6.4vw;
    display: block;
    position: absolute;
    top:50%;
    right:6vw;
    transform: translateY(-50%);
}
.btn-list-more .btn-icon{
    background: url('../../images/exhibition/btn-down.png') no-repeat center top;
    background-size: cover;
}
.load-active .btn-icon{
    background: url('../../images/exhibition/btn-down.png') no-repeat center top;
    background-size: cover;
}

.load-active-false .btn-icon{
    background: url('../../images/exhibition/btn-up.png') no-repeat center top;
    background-size: cover;
}

.article-list{
    overflow: hidden;
}
.article-list .article-link{
    display: table;
    overflow: hidden;
    margin-bottom:5vw;
}

.article-list .article-link:last-child{
    margin-bottom: 0;
}
.article-list .article-txt{
    width:70%;
    display: table-cell;
    vertical-align: middle;
}
.article-list .article-right{
    width:24vw;
    height: 24vw;
    position: relative;
}
.article-list .article-pic{
    max-width: 100%;
    max-height: 100%;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    border-radius: 16px;
}
.article-list .title{
    font-size: 16px;
    margin-bottom:2vw;
}

.article-list .desc{
    color:#999;
    font-size: 12px;
}
.link-center{
    position: fixed;
    right:0;
    bottom:16vw;
    display: block;
    width:16vw;
    height: 16vw;
    z-index: 200;

}
.link-center img{
    display: block;
    width:100%;
}

.stamp-banner{
    height: 50vw;
    overflow: hidden;
    position: relative;
}
.stamp-banner .sort-bg{
    height: 50vw;
    filter: blur(5px);


}
.stamp-banner .stamp-sort{
    width:100%;
    position: absolute;
    left:0;
    right:0;
    bottom:10px;
    padding-left:10px
   
   
}
.stamp-sort .sort-item{
    display: inline-block;
    float: left;
    background: #fff;
    border-radius: 8px;
    margin-right:5px;
    width:16.7%;
}
.stamp-sort .sort-item:last-child{
    margin-right:0
}
.stamp-sort .sort-item p{
    width:100%;
    font-size: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    margin-bottom: 3px;
}
.sort-item-pic{
    position: relative;
    width: 16vw;
    height: 16vw;
    margin:0 auto;
    display: block;


}
.sort-item-pic img{
    max-width: 90%;
    max-height: 90%;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    border-radius: 16px;
}
.stamp-sort .sort-more{
    background: #fff;
    width:9.66vw;
    height: 21.33vw;
    position: absolute;
    right:0;
    bottom:0;
    border-radius: 16px 0px 0px 16px;
    font-size: 18px;
    font-weight: bold;
    

}
.stamp-sort .sort-more .txt{     
    display: block;
    width:80%;
    max-width: 32px;
    height: 8vw;
    margin:4vw auto 0;
    text-align: center;
    line-height: 20px;
    word-break:break-all 
}
.sort-article-list{
    margin:3vw auto ;
}
.sort-article-list .sort-article-item{
    background: #fff;
    border-radius: 16px;
    padding:4vw;
    overflow: hidden;
    margin-bottom:10px;
    display:table;
    width:100%;
}
.sort-article-item .article-left{
    display: table-cell;
    vertical-align: middle;
    width:65%;
}
.sort-article-item .article-left h3{
    font-size: 14px;
    line-height: 15px;
    margin-bottom: 8px;
}
.sort-article-item .article-left p{
    color:#999;
    line-height: 1.3;
    font-size: 12px;
}
.sort-article-item .article-right{
    position: relative;
    float: right;
    border: 1px solid #F5F5F5;
    width:24vw;
    height: 24vw;
    border-radius: 16px;
}
.sort-article-item .article-right img{
    max-width: 100%;
    max-height: 100%;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}
.bottom-nav{
    z-index: 2002;
    background: #fff;
}
.stamp-bottom-nav.bottom-nav .selected{
    color:#18ae66
}

.stamp-bottom-nav  .page-link-my {
    background: url(../../images/bottom_stamp_me.png?v=20250516) no-repeat;
    background-size: 100% auto;
  }