/* 
    CSS Document 
    author xuyan 2025-02-14
*/
@charset "utf-8";
*:focus {
    outline: none;
}
html, body {
    height: 100%;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fiedldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
fieldset, img {
    border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var, i {
    font-style: normal;
    font-weight: normal;
}
ol, ul, li {
    list-style: none;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}
body {
    font-family: 'FZShengShiKaiShuS';
    color: #808080;
    font-size: .22rem;
    width: 100%;
}
input, select, textarea, button {
    vertical-align: middle;
    font-family: 'FZShengShiKaiShuS';
}
a, a:link {
    text-decoration: none;
    outline: none;
}
@font-face {
	font-family: 'FZShengShiKaiShuS';
	src: url('../font/FZBWKSJW--GB1-0.woff2') format('woff2'),
			url('../font/FZBWKSJW--GB1-0.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
::-webkit-scrollbar{ width: .06rem; height: .06rem;}
::-webkit-scrollbar-thumb{ background: #d2bb8c; cursor: pointer; }
::-webkit-scrollbar-track{ background: none;}
.visible{ display: none; }
.hide{ display: none!important;}
.flex-center{ display: flex; align-items: center; justify-content: center; }
.wrap{ width:100%; min-height: 100%; position: relative; min-width: 15.9rem; font-size: .2rem; }
.icons,.nav i{ display: inline-block; width: .27rem; height: .28rem; background: url(../img/icon.png?v2) 0 0 no-repeat; background-size: 5rem auto; }

/* tab切换 */
.board-nav{ font-size: .24rem; color: #404040; text-align: center; display: flex; align-items: center; margin-left: -.12rem; } 
.board-nav li{ cursor: pointer; height: .46rem; width: 1.5rem; position: relative; }
.board-nav li a{ display: block; height: 100%; font-size: .24rem; color: #404040; }
.board-nav li::after{ content: ''; width: .01rem; height: .15rem; background: #ddd3c8; position: absolute; top: .1rem; right: 0; }
.board-nav li:last-child:after{ display: none;}
.board-nav li.on,.board-nav li:hover{ color: #82562a;}
.board-nav li p{ position: relative; z-index: 2; line-height: .36rem; }
.board-nav li::before{ display: block; content: ''; width: 1.25rem; height: .41rem; background: url(../img/icon.png) -1.47rem -3.84rem; background-size: 5rem auto; position: absolute; left: 50%; margin-left: -.625rem; top: 0; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; -ms-transition:all .3s ease-out; -o-transition:all .3s ease-out; transition:all .3s ease-out; -webkit-transform:scale(.8); -moz-transform:scale(.8); -ms-transform:scale(.8); transform:scale(.8); opacity: 0; }
.board-nav li.on::before{ -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); transform:scale(1); opacity: 1; }
.board-nav.long li{ width: 1.81rem;}
.board-nav.long li::before{ width: 1.56rem; background-position: -1.47rem -4.32rem; margin-left: -.78rem; }
.board-nav.press-nav li{ width: 1.63rem; font-size: .28rem; color: #786f5e; }
.board-nav.press-nav li a{ font-size: .28rem; color: #786f5e; }
.board-nav.press-nav li::before{ width: 1.38rem; height: .46rem; background-position: -1.47rem -3.34rem; margin-left: -.69rem; }
.board-nav.press-nav li p{ line-height: .39rem;}
.board-nav.press-nav li.on p{ color: #82562a;}
.board-nav.media-nav li{ width: 2.23rem; font-size: .28rem; color: #786f5e; }
.board-nav.media-nav li a{ font-size: .28rem; color: #786f5e; }
.board-nav.media-nav li::before{ width: 1.98rem; height: .49rem; background-position: -1.47rem -2.78rem; margin-left: -.99rem; }
/* .board-nav.media-nav li::after{ display: none; } */
.board-nav.media-nav li p{ line-height: .39rem;}
.board-nav.media-nav li.on p{ color: #82562a;}

/* 弹窗 */
.alert{ position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 10; display: none; }
.alert-pop{ width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.alert-fade{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, .7); }
.alert-main{ position: relative; z-index: 2; }
.show-media{ width: 12.66rem; }
.alert-media{ border: .04rem solid #d2ba94; border-radius: .1rem; overflow: hidden; height: 7rem; background: #000; }
.alert-media.img{ border: 0; background: none; }
.alert-media img{ display: block; width: 100%; height: 100%; object-fit: contain; }
.alert-media video,.alert-media iframe{ width: 100%; height: 100%; }
.media-title{ color: #d2bb8c; font-size: .24rem; text-align: center; padding-top: .3rem; }
.media-title p{ color: #fff; font-size: .36rem; padding-bottom: .12rem; }
.age-alert{ width: 9.48rem; height: 5.88rem; background: url(../img/16_bg.png) no-repeat; background-size: 100% auto; z-index: 2; box-sizing: border-box; padding: .35rem .35rem 0; font-size: .18rem; line-height: .36rem; color: #393939; }
.age-name{ text-align: center; font-size: .26rem; margin-bottom: .15rem; font-weight: bold; color: #81582f; }
.age-alert p{ margin-bottom: .105rem; }

/* footer */
.footer{ background: #252423; color: #cfccc4; font-size: .14rem; padding: .4rem 0; font-family: 'Microsoft YaHei', Arial, sans-serif; line-height: .22rem; }
.footer-main{ width: 14.8rem; margin: 0 auto; }
.footer a{ color: #cfccc4; }
.footer-text img{ display: inline-block; vertical-align: middle; margin-top: -.03rem; }
.footer-img{ margin-bottom: .1rem;}
.footer-img img{ height: .45rem; margin-right: .2rem; }
.footer-text{ overflow: hidden; }
.footer-left{ width: 7.25rem; float: left; }
.footer-right{ width: 7.55rem; float: left; }

/* 翻页 */
.pages{ padding: .6rem 0; display: flex; width: 100%; align-items: center; justify-content: center; font-size: .26rem; color: #786f5e; }
.pages a,.pages span{ color: #786f5e; display: inline-block; padding: 0 .1rem; margin: 0 .06rem; }
.pages a.on,.pages span.active,.pages .current{ color: #ac986c; font-weight: bold;}
.pages input{ width: .36rem; height: .24rem; text-align: center; line-height: .24rem; font-size: .18rem; color: #82562a; background: none; border-radius: .04rem; border: .01rem solid #786f5e; margin: 0 .05rem; }
.pages a.page-rev,.pages a.page-next{ color: #786f5e;}
.pages button{ width: auto; height: auto; background: none; border: 0; color: #786f5e; font-size: .22rem; }

/* 内页顶部 */
.inner-main{ width: 15.9rem; margin: 0 auto; padding: .32rem .05rem .7rem; overflow: hidden; position: relative; }
.inner-top{ display: flex; justify-content: space-between; align-items: center; }
.inner-logo{ display: block; width: 1.35rem; overflow: hidden; }
.inner-logo img{ width: 100%;}
.inner-home{ width: 1.4rem; height: .4rem; background-position: 0 -4.97rem; font-size: 0; }
.inner-back{ display: block; width: 1.05rem; height: .32rem; background-position: -3.79rem -1.51rem; font-size: 0; margin-top: .8rem; }
.inner-site{ padding-top: 1.05rem; display: flex; align-items: center; justify-content: space-between; font-size: .2rem; color: #5f5745; margin-bottom: .75rem; }
.inner-titles{ display: flex; align-items: center; font-size: .36rem; color: #5f5745; }
.inner-titles::before{ display: inline-block; width: .16rem; height: .14rem; background: url(../img/icon.png) -1.09rem 0 no-repeat; background-size: 5rem auto; content: ''; margin-right: .07rem; }
.inner-titles span{ font-size: .12rem; color: #5f5745; margin-left: .12rem; display: inline-block; margin-top: .12rem; }
.site-info{ display: flex; align-items: center;}
.site-info a{ color: #5f5745;}
.site-info i{ display: inline-block; width: 0; height: 0; border-top: .04rem solid transparent; border-bottom: .04rem solid transparent; border-left: .06rem solid #5f5745; margin: 0 .08rem; }
.site-info a.on{ display: flex; align-items: center; justify-content: center; height: .26rem; border: .01rem solid #cebcab; background: rgba(174, 150, 103, .2); border-radius: .04rem; }
.site-info a.on::before,.site-info a.on::after{ display: block; content: ''; width: .04rem; height: .04rem; border-radius: 50%; background: #5f5745; margin: 0 .08rem; }

.for-mp3{ width: 0; height: 0; opacity: 0; }
.hero-prev.swiper-button-disabled,.hero-next.swiper-button-disabled{ -webkit-filter: grayscale(70%); -moz-filter: grayscale(70%); -ms-filter: grayscale(70%); -o-filter: grayscale(70%); filter: grayscale(70%); filter: gray; }

/* 动画 */
.news-list li,
.club li,
.hero-prev,
.hero-next,
.hero-nav li,
.hero-more,
.hero-close,
.hero-open em
.news-more,
.inner-home,
.press-list li .press-info,
.figure-close,
.figure-open,
.nav-list li,
.skin-prev,
.skin-next,
.yjcm-link li,
.side-close,
.side-open,
.yjcm-link a,
.inner-back
{ 
  -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;
}
.news-list li:hover,
.club li:hover,
.hero-nav li:hover,
.hero-more:hover,
.news-more:hover,
.inner-home:hover,
.figure-close:hover,
.figure-open:hover,
.nav-list li:hover,
.yjcm-link li:hover,
.yjcm-link a:hover
{ 
    -webkit-transform: translateY(-.04rem); transform: translateY(-.04rem); 
}

.hero-prev:hover,
.hero-open em:hover,
.side-close:hover,
.inner-back:hover
{ 
    -webkit-transform: translateX(-.04rem); transform: translateX(-.04rem); 
}

.press-list li:hover .press-info,
.hero-next:hover,
.hero-close:hover,
.side-open:hover
{ 
    -webkit-transform: translateX(.04rem); transform: translateX(.04rem); 
}

.media-img img,
.press-img img,
.figure-nav li a img,
.play-list li .play-img img,
.yjcm-hero li img
{ 
    display: block; width: 100%; height: 100%; object-fit: cover; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; -ms-transition:all .3s ease-out; -o-transition:all .3s ease-out; transition:all .3s ease-out; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); transform:scale(1); 
}
.media li:hover .media-img img,
.press-list li:hover .press-img img,
.figure-nav li:hover a img,
.play-list li:hover .play-img img,
.yjcm-hero li:hover img
{ 
    -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1);
}