/* 衡阳市非物质文化遗产 - 非遗资源库 */
@charset "UTF-8";
.s_header{
	position:relative;
	float:left;
	width:100%;
	min-width:1300px;
	min-height:300px;
	margin:200px 0 0 0;
	background:url(../images/fyzyk/header.png) no-repeat center 0;
}

.s_classify{
	float:left;
	width:100%;
	min-width:1300px;
	height:88px;
	background:rgba(184,159,148,.3);
	overflow:hidden;
}
.s_classify ul.classify_list{
	float:left;
	width:1300px;
}
.s_classify ul.classify_list li{
	float:left;
	width:650px;
	height:88px;
	font-family:'SYSTCN';
	font-size:18px;
	color:#1d1312;
	text-align:center;
	letter-spacing:1px;
	line-height:88px;
	cursor:pointer;
}
.s_classify ul.classify_list li.current{
	background:#ce8752 url(../images/fyzc/icon_01.png) no-repeat center bottom;
	color:#fee1c4;
}
.fyzyk_bg{ position:relative; float:left; width:100%; min-width:1300px; background:url(../images/fyzyk/bg.png) no-repeat center bottom;}
.fyxm_box,.fyccr_box{
	float:left;
	width:1300px;
	margin:50px 0 0 0;
}
.fyxm_box .fyxm_titlebox,.fyccr_box .fyccr_titlebox{
	position:relative;
	float:left;
	width:1300px;
	margin-bottom:30px;
}
.fyzyk_navbox{
	float:right;
	width:1000px;
}
.fyzyk_navbox.fyccr_navbox {
	float: right;
	width: 971px;
}
.fyzyk_navbox .fyzyk_searchbox{
	float:left;
	width:248px;
	height:38px;
	background:rgba(189,179,173,.3);
	border:1px solid rgba(0,0,0,.17);
	border-radius:5px;
	margin-right:20px;
}
.fyzyk_navbox .fyzyk_searchbox i{
	float: left;
	display: inline-block;
	width: 55px;
	height: 38px;
	font-family:'SYSTCN';
	font-size:14px;
	color: #1d1312;
	text-align: center;
	line-height: 38px;
	background:url(../images/fyzyk/icon_02.png) no-repeat right center;
}
.fyzyk_navbox .fyzyk_searchbox input.txt_search{
	float:left;
	width: 150px;
	text-indent: 15px;
	height: 38px;
	border: 0;
	margin: 0 0 0;
	font-size: 14px;
	color: #092627;
	background: transparent;
	outline: none;
}
.fyzyk_navbox .fyzyk_searchbox input.btn_search{
	float: left;
	width: 43px;
	height: 38px;
	background:url(../images/fyzyk/icon_12.png) no-repeat center center;
	border:0;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	cursor: pointer;
}
.fyzyk_navbox #control_box5,.fyzyk_navbox #control_box6{ float:right; margin-left:20px; margin-right:0;}
.fyzyk_navbox #fyccr_searchbox{ float:right; margin-right:0;}

.fyzyk_navbox .control_box{
	position:relative;
	float:left;
	width:198px;
	height:38px;
	background:rgba(189,179,173,.3);
	border:1px solid rgba(0,0,0,.17);
	border-radius:5px;
	margin-right:20px;
}
.fyzyk_navbox #control_box2{
	position:relative;
	float:left;
	width:288px;
	height:38px;
	background:rgba(189,179,173,.3);
	border:1px solid rgba(0,0,0,.17);
	border-radius:5px;
	margin-right:20px;
}
.fyzyk_navbox .control_box:last-child{ margin-right:0;}
.fyzyk_navbox .control_box .txt_search{
	float:left;
	width:220px;
	height:58px;
	background:transparent;
	font-size:14px;
	color:rgba(46,70,53,.4);
	line-height:58px;
	text-indent:14px;
	border:0;
}
.fyzyk_navbox .control_box .btn_search{
	float:left;
	width:58px;
	height:58px;
	background:url(../images/icon_09.png) no-repeat center center;
	border:0;
	cursor:pointer;
	overflow:hidden;
}
.fyzyk_navbox .control_box i{
	float: left;
	display: inline-block;
	width: 85px;
	height: 38px;
	font-family:'SYSTCN';
	font-size:14px;
	color: #1d1312;
	text-align: center;
	line-height: 38px;
	background:url(../images/fyzyk/icon_02.png) no-repeat right center;
}
.fyzyk_navbox .control_box .select_box{
	float:left;
	width:113px;
	height:38px;
	cursor:pointer;
}
.fyzyk_navbox .control_box .select_box p{
	width:113px;
	height:38px;
	font-family:'PingFangJ';
	font-size:14px;
	color:#2e4635;
	text-align:center;
	line-height:38px;
	background:url(../images/fyzyk/icon_03.png) no-repeat 90px 20px;
}
.fyzyk_navbox #control_box2 .select_box{
	float:left;
	width:203px;
}
.fyzyk_navbox #control_box2 .select_box p{
	float:left;
	width:203px;
	background:url(../images/fyzyk/icon_03.png) no-repeat 180px 20px;
}
.fyzyk_navbox .control_box .select_box ul{
	position: absolute;
	top: 40px;
	right: -1px;
	width: 200px;	
	display: block;
	font-family:'PingFangJ';
	font-size: 14px;
	color:#000;
	border-radius:30px;
	border-top-right-radius:0;
	max-height: 0px;
	overflow: hidden;
	transition: max-height .3s ease-in;
	z-index:99;
}
.fyzyk_navbox .control_box .select_box ul li {
	position: relative;
	width: 200px;	
	height: 50px;
	line-height: 50px;
	list-style: none;
	text-align:center;
    border-bottom:1px solid rgba(28,50,29,.17);
	background:#e3dbd6;
	color: #000;
}
.fyzyk_navbox #control_box2 .select_box ul{
	width:290px;
}
.fyzyk_navbox #control_box2 .select_box ul li{
	width:290px;
}
.fyzyk_navbox .control_box .select_box ul li:last-child{ border-bottom:0;}
.fyzyk_navbox .control_box .select_box ul li.Selected, .fyzyk_navbox .control_box .select_box ul li:hover{
	background:#ce8752;
	color: #fff;
}
.fyzyk_navbox @-webkit-keyframes slide-down{
	0%{transform: scale(1,0);}
	25%{transform: scale(1,1.2);}
	50%{transform: scale(1,0.85);}
	75%{transform: scale(1,1.05);}
	100%{transform: scale(1,1);}
}
.fyzyk_navbox .control_box .select_box.open ul {
	max-height: 620px;
	transform-origin: 50% 0;
	-webkit-animation: slide-down .5s ease-in;
	transition: max-height .2s ease-in;
}
.fyzyk_navbox .control_box .select_box.open::after{
	transform: rotate(134deg);
	transition: all .3s ease-in;
	top: 70px;	
}
ul.fyxm_datalist{ float:left; width:1300px; margin-bottom:20px;}
ul.fyxm_datalist li{ float:left; width:400px; height:216px; border:10px solid #d2c3bd; border-radius:5px; margin-bottom:20px; margin-right:20px;}
ul.fyxm_datalist li:nth-child(3n){ margin-right:0; }
ul.fyxm_datalist li:hover{ border:10px solid #af8f82;}
ul.fyxm_datalist li .imgbox{ position:relative; float:left; width:400px; height:216px; overflow:hidden;}
ul.fyxm_datalist li .imgbox span{ position:absolute; left:9px; top:12px; width:70px; height:25px; background:#f6f5f2; border-radius:50px; text-align:center;}
ul.fyxm_datalist li .imgbox span i{ font-family:'SYSTBold'; font-size:14px; text-align:center; line-height:25px; background-image: linear-gradient(to top, #ce8752, #d4972f); /* 线性渐变背景，方向向上*/  -webkit-background-clip: text; /* 背景被裁剪成文字的前景色 */ -webkit-text-fill-color: transparent; /* 文字填充颜色变透明 */}
ul.fyxm_datalist li .imgbox .bg{ position:absolute; left:0; bottom:0; width:400px; height:130px; background-image: linear-gradient(to bottom, rgba(0,0,0,.01), rgba(0,0,0,.55), rgba(0,0,0,.85));}
ul.fyxm_datalist li .imgbox .title{ position:absolute; left:15px; bottom:10px; width:370px; font-family:'PingFangJ'; font-size:20px; color:#fff; line-height:30px; letter-spacing:1px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}

ul.fyccr_datalist{ float:left; width:1300px; margin-bottom:20px;}
ul.fyccr_datalist li{ float:left; width:242px; height:370px; background:#f6f5f2; border:1px solid rgba(1,43,49,.17); border-radius:5px; margin:0 20px 20px 0;}
ul.fyccr_datalist li:nth-child(5n){ margin-right:0;}
ul.fyccr_datalist li .imgbox{ position:relative; float:left; width:222px; height:278px; border:10px solid #f6f5f2; border-radius:5px; margin-bottom:6px;}
ul.fyccr_datalist li .imgbox .iframe{ position:absolute; left:0; top:0; width:222px; height:278px; background:url(../images/fyzyk/icon_05.png) no-repeat center center;}
ul.fyccr_datalist li .imgbox .bg_b{ position:absolute; left:0; bottom:0; width:222px; height:120px; background-image: linear-gradient(to bottom, rgba(0,0,0,.01), rgba(0,0,0,.65), rgba(0,0,0,.9));}
ul.fyccr_datalist li .imgbox .title{ position:absolute; left:10px; bottom:8px; font-family:'PingFangJ'; font-size:16px; color:rgba(255,255,255,.7); letter-spacing:1px; line-height:30px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
ul.fyccr_datalist li .conbox{ float:left; width:208px; margin:0 20px;}
ul.fyccr_datalist li .conbox .name{ font-family:'PingFangJ'; font-size:20px; color:#000; font-weight:600; letter-spacing:1px; margin-bottom:8px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
ul.fyccr_datalist li .conbox .desc{ font-family:'PingFangJ'; font-size:16px; color:rgba(0,0,0,.7);}
ul.fyccr_datalist li:hover{ background:#af8f82;}
ul.fyccr_datalist li:hover .imgbox{ border-color:#af8f82;}
ul.fyccr_datalist li:hover .conbox .name{ color:#fff;}
ul.fyccr_datalist li:hover .conbox .desc{ color:rgba(255,255,255,.7);}


.fyzyk_detail_header{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	min-width:1300px;
	background:rgba(29,19,18,.52);
	min-height:300px;
	z-index:1;
}

.fyxm_detail_left{
	float:left;
	width:600px;
	height:440px;
	margin-right:30px;
}
.fyxm_detail_left #gallery{
	float:left;
	width:580px;
	height:317px;
	border-radius:5px;
	border:10px solid #e4dcd7;
	margin-bottom:10px;
}
.fyxm_detail_left #gallery .swiper-slide{
	float:left;
	width:580px;
	height:317px;
	background:#000;
}
.fyxm_detail_left #gallery .swiper-slide .video_title{
	position:absolute;
	left:20px;
	top:10px;
	font-family:'PingFangJ';
	font-size:20px;
	color:#fff;
	letter-spacing:1px;
	text-shadow:0 0 3px rgba(0,0,0,.5)
}
.fyxm_detail_left .gallery-thumbs{
	float:left;
	width:600px;
	height:80px;
}
.fyxm_detail_left .gallery-thumbs .swiper-slide{
	width:100px;
	height:70px;
	border-radius:5px;
	border:5px solid #e4dcd7;
}
.fyxm_detail_left .gallery-thumbs .swiper-slide-thumb-active{ border-color:#af8f82}
.fyxm_detail_right{
	float:right;
	width:510px;
}
.fyxm_detail_right .detail_title{
	float:left;
	width:510px;
	font-family:'PingFangJ';
	font-size:30px;
	color:#000;
	line-height:45px;
	font-weight:600;
	letter-spacing:1px;
}
.fyxm_detail_right .swiper-audio{
	float:left;
    width: 505px;
    height: 100%;
	margin: 18px 0 18px 0;
	background:#fff;
	border-radius:5px;
}

.fyxm_detail_right .swiper-button-next, .fyxm_detail_right .swiper-button-prev {
	color: #FFFFFF;
}
.fyxm_detail_right .swiper-button-next:after,.fyxm_detail_right .swiper-button-prev:after {
	font-size:26px;
}

.btn-audio {
	display: flex;
	flex-direction: row;
	align-items: center;
    width: 505px;
    height: 60px;
	border-radius: 10px;
	margin: 0 auto 0 auto;
    background-image:linear-gradient(to right, #8c6255, #8c6255, #8c6255, #c7a988);
    position: relative;
}
.btn-audio.single {
	width: 505px;
}
.music_text {
	color:#fff;
	line-height: 60px;
	font-size: 16px;
	text-align: left;
	margin-right: 5px;
}
.mp3Box {
    width: 36px;
	height: 37px;
    background:url(../images/fyzyk/icon_08.png) no-repeat center center;
}
.music_title {
	width: 250px;
	color:#fff;
	text-align: left;
	line-height: 60px;
	font-size: 16px;
	overflow: hidden; 
	text-overflow: ellipsis; 
	display: -webkit-box; 
	-webkit-box-orient: vertical; 
	-webkit-line-clamp: 1;
}
.symbol {
	display: inline-block;
	margin:0 16px 0 50px;
	width: 28px;
	height: 22px;
	background: url(../images/fyzyk/icon_06.png) no-repeat center center;
	background-size: cover;
}

.fyxm_detail_right ul.info_list{
	float:left;
	width:510px;
	margin-bottom:7px;
}
.fyxm_detail_right ul.info_list li{
	float:left;
	width:510px;
	font-family:'SYSTCN';
	font-size:14px;
	color:#000;
	letter-spacing:1px;
	margin-bottom:5px;
}
.fyxm_detail_right ul.info_list li i{
	display:inline-block;
	width:75px;
	background:url(../images/fyzyk/icon_09.png) no-repeat right center;
	margin-right:15px;
}
.fyxm_detail_right ul.fyxm_ccr{
	float:left;
	width:370px;
}
.fyxm_detail_right ul.fyxm_ccr li{
	float:left;
	width:180px;
	height:85px;
	background:#e4dcd7;
	border-radius:5px;
	margin-right:10px;
	margin-bottom:10px;
	overflow:hidden;
}
.fyxm_detail_right ul.fyxm_ccr li:nth-child(2n){ margin-right:0;}
.fyxm_detail_right ul.fyxm_ccr li:hover{ background:#ce8752;}
.fyxm_detail_right ul.fyxm_ccr li .imgbox{
	float:left;
	width:53px;
	height:69px;
	margin:8px 8px 8px 8px;
	overflow:hidden;
}
.fyxm_detail_right ul.fyxm_ccr li .conboxs{
	float:left;
	width:100px;
	font-size:12px;
	color:rgba(0,0,0,.8);
	line-height:16px;
}
.fyxm_detail_right ul.fyxm_ccr li .conboxs .name{
	font-family:'PingFangJ';
	font-size:18px;
	color:#000;
	font-weight:600;
	line-height:28px;
	letter-spacing:2px;
	margin:10px 0 5px 0;
}
.fyxm_detail_right ul.fyxm_ccr li:hover .conboxs{ color:rgba(255,255,255,.8)}
.fyxm_detail_right ul.fyxm_ccr li:hover .conboxs .name{ color:#fff;}
.fyxm_detail_line{
	float:left;
	width:1140px;
	height:10px;
	background:rgba(228,220,215,.4);
	border-radius:10px;
	margin:40px 0;
}
.fyxm_detail_content{
	float:left;
	width:1140px;
	padding:0 20px;
	margin-bottom:50px;
}
.fyxm_detail_content .content_title{
	float:left;
	width:1100px;
	margin-bottom:30px;
}
.fyxm_detail_content .weui_article {
  padding:0 10px;
  font-family:'PingFangJ';
  font-size: 16px;
  color:#000000;
  line-height:32px;
  letter-spacing:1px;
  margin: 0;
  text-align:justify;
  text-justify:inter-ideograph;
}			
.fyxm_detail_content .weui_article img{
	display:inline;max-width:100%;height:auto; margin:10px 0;
}

.fyccr_detail_left{
	float:left;
	width:230px;
	height:290px;
	border:10px solid #f6f5f2;
	border-radius:5px;
	margin-right:20px;
}
.fyccr_detail_left .imgbox{
	position:relative;
	float:left;
	width:230px;
	height:290px;
	overflow:hidden;	
}
.fyccr_detail_left .imgbox .iframe{ position:absolute; left:0; top:0; width:230px; height:290px; background:url(../images/index/icon_08.png) no-repeat center center;}
.fyccr_detail_left .imgbox .bg_b{ position:absolute; left:0; bottom:0; width:230px; height:120px; background-image: linear-gradient(to bottom, rgba(0,0,0,.01), rgba(0,0,0,.65), rgba(0,0,0,.9));}
.fyccr_detail_mid{
	float:left;
	width:325px;
    font-family:'PingFangJ';
}
.fyccr_detail_mid .name{
	font-size:40px;
	color:#000;
	font-weight:600;
	letter-spacing:1px;
	line-height:65px;
}
.fyccr_detail_mid .item_name{
	font-size:20px;
	color:#000;
	line-height:30px;
	margin-bottom:5px;
}
.fyccr_detail_mid i{
	display:inline-block;
	line-height:40px;
	border-radius:5px;
	background:#e4dcd7;
	font-size:18px;
	color:rgba(0,0,0,.7);
	padding:0 20px;
}
.fyccr_detail_right{
	float:right;
	width:440px;
	height:320px;
	overflow:hidden;
}

.fyccr_detail_right #gallery{
	float:left;
	width:420px;
	height:240px;
	border-radius:5px;
	border:5px solid #e4dcd7;
	margin-bottom:10px;
}
.fyccr_detail_right #gallery .swiper-slide{
	float:left;
	width:420px;
	height:240px;
	background:#000;
}
.fyccr_detail_right #gallery .swiper-slide .video_title{
	position:absolute;
	left:20px;
	top:10px;
	font-family:'PingFangJ';
	font-size:20px;
	color:#fff;
	letter-spacing:1px;
	text-shadow:0 0 3px rgba(0,0,0,.5)
}
.fyccr_detail_right .gallery-thumbs{
	float:left;
	width:440px;
	height:56px;
}
.fyccr_detail_right .gallery-thumbs .swiper-slide{
	width:70px;
	height:50px;
	border-radius:5px;
	border:3px solid #e4dcd7;
}
.fyccr_detail_right .gallery-thumbs .swiper-slide-thumb-active{ border-color:#af8f82}
.fyccr_detail_fyxm{
	float:left;
	width:1140px;
}
.fyccr_detail_fyxm .titlebox{
	float:left;
	width:1140px;
	margin-bottom:30px;
}
.fyccr_detail_fyxm ul.fyxm_list{ float:left; width:1140px;}
.fyccr_detail_fyxm ul.fyxm_list li{ float:left; width:357px; height:194px; border:5px solid #f6f5f2; border-radius:5px; margin-right:19px;}
.fyccr_detail_fyxm ul.fyxm_list li:nth-child(3n){ margin-right:0; }
.fyccr_detail_fyxm ul.fyxm_list li:hover{ border:5px solid #af8f82;}
.fyccr_detail_fyxm ul.fyxm_list li .imgbox{ position:relative; float:left; width:357px; height:194px; overflow:hidden;}
.fyccr_detail_fyxm ul.fyxm_list li .imgbox span{ position:absolute; left:9px; top:12px; width:70px; height:25px; background:#f6f5f2; border-radius:50px; text-align:center;}
.fyccr_detail_fyxm ul.fyxm_list li .imgbox span i{ font-family:'SYSTBold'; font-size:14px; text-align:center; line-height:25px; background-image: linear-gradient(to top, #ce8752, #d4972f); /* 线性渐变背景，方向向上*/  -webkit-background-clip: text; /* 背景被裁剪成文字的前景色 */ -webkit-text-fill-color: transparent; /* 文字填充颜色变透明 */}
.fyccr_detail_fyxm ul.fyxm_list li .imgbox .bg{ position:absolute; left:0; bottom:0; width:357px; height:130px; background-image: linear-gradient(to bottom, rgba(0,0,0,.01), rgba(0,0,0,.55), rgba(0,0,0,.85));}
.fyccr_detail_fyxm ul.fyxm_list li .imgbox .title{ position:absolute; left:15px; bottom:10px; width:327px; font-family:'PingFangJ'; font-size:20px; color:#fff; line-height:30px; letter-spacing:1px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}