@charset "UTF-8";
/*基础CSS*/
html {
	font-size: 14px;
	overflow-x: hidden;
    
/* 全站置灰滤镜 */
   /*-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    _filter:none;
*/
}
body {
	background: url(../image/bodybg.png);
}

li {
	list-style: none;
}
a {
	color: #212529;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
p, dl, dt, dd, ul {
	margin: 0px;
	padding: 0px;
}
.red{
	color:red;
}
.text-secondary a {
	color: #6c757d;
}


/*禁止右键菜单 保存图片
img {
pointer-events:none;
user-select:none; 	
}
*/

/*******************/

/* 自定义图片虚化 */
.img-blur {
    filter: blur(5px); 
/* 数值越大越模糊，常用 2px~8px*/
}

/* guest 缩略图固定高度 */
.card-img-fixed{
    height:220px;
    object-fit: cover;
}
@media (max-width:767px) {
.card-img-fixed{
    height:160px;
  }
}


/* 颜色波动框 */
.colorMove {
	width:100%;
	height:auto;
	color:#fff; 
	text-align:center;
	padding: 0.1rem 0;
	font-size: 1rem;
	background:linear-gradient(90deg,#0088ff,#00ddbb,#ff9966,#0088ff);
	background-size:300% 100%;
	animation:colorMove 6s linear infinite; 
	overflow:hidden; /* 文字溢出隐藏 */
	
}
@keyframes colorMove {
    0%{background-position:0%}
    100%{background-position:300%}
}

/* 文字左右滚动动画：从右往左跑 */
@keyframes textScroll {
	0% {transform: translateX(100%);}
	100% {transform: translateX(-100%);}
}
.colorMove-text{
	display:inline-block;
	white-space:nowrap;
	animation: textScroll 30s linear infinite;
}

.colorMove:hover .colorMove-text{
    animation-play-state:paused;
}
.colorMove:hover{
    animation-play-state:paused;
}

/****************************************/
.navbar-expand-lg .navbar-nav .nav-link {
	padding-right: 1.2rem;
	padding-left: 1.2rem;
	font-size: 14px;
}
.navbar-brand {
	font-size: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.shadow-sm-top {
	box-shadow: 0 -.125rem .25rem rgba(0,0,0,.075) !important;
}

/****筛选下拉滚动****/

/* 统一下拉筛选框样式 */
.search-dropdown {
    width: 130px;
    display: inline-block;
	
}
.search-dropdown .btn {
    width: 100%;
    text-align: start;
}
.search-dropdown .dropdown-menu {
    width: 100%;
	max-height: 200px;  /* 最大高度200px */
    overflow-y: auto;   /* 垂直超出滚动 */
}

.search-dropdown1 {
    width: 90px;
	height:200px;
    overflow:auto;
}

/* 多级子菜单向右弹出必备样式 */
.dropend .dropdown-submenu {
    position: relative;
}
.dropend .dropdown-submenu > .dropdown-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.dropend .dropdown-submenu > .dropdown-item::after {
    content: "»";
}
.dropend .dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-left: 0;
    margin-top: 0;
}

/*分页*/
/*{$pages} 分页输出 Bootstrap5 风格，当前页高亮 */
.pagination li {
    list-style: none;
    margin: 0 2px;
}
.pagination li a,
.pagination li span {
    display: inline-block;
    padding: 0.1rem 0.5rem;
    border: 1px solid #dee2e6;
    border-radius: 0.5rem;
    color: #212529;
	font-size:0.85rem;
    text-decoration: none;
}
/* ===== 当前选中页样式输出active ===== */
.pagination li.active {
    background-color: #999;
    color: #fff;
    border-radius: 0.5rem;
}
/* 省略号 */
.pagination li span.dots {
    border: none;
    padding: 0.3rem 0.3rem;
}
/* 禁用的上一页/下一页 */
.pagination li span.disabled {
    color:#adb5bd;
    background:#fff;
}


/*******嘉宾详情页轮播*******/
/*大图容器 竖版人像*/
.view {
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
}
.view .swiper,
.view .swiper-wrapper,
.view .swiper-slide {
	width: 100%;
	height: 100%;
	text-align:center;
	margin-top:5px;
}
.view .swiper-slide {
	padding: 0 3px;
	box-sizing: border-box;
	overflow: hidden;
	text-align: center;
}
.view .swiper-slide img {
	height: 100%;
	width: auto;
	object-fit: cover;
	position:absolute;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
}

/*大图箭头*/
.view .arrow-left {
	background: url(../image/index_tab_l.png) no-repeat left center;
	position: absolute;
	left: 10px;
	width: 28px;
	top: 0;
	bottom: 0;      /* 原 height:100% 改为上下撑满 */
	height: auto;
	z-index: 10;
	display: block;
}
.view .arrow-right {
	background: url(../image/index_tab_r.png) no-repeat right center;
	position: absolute;
	right: 10px;
	width: 28px;
	top: 0;
	bottom: 0;
	height: auto;
	z-index: 10;
	display: block;
}

/*====缩略图重点修复：设置明确高度，防止高度塌陷重叠下方内容====*/
.preview {
	position: relative;
	width: 100%;
	height: 80px;
	left: 0;
	margin:12px auto 0 auto;
	padding: 0 30px;
	box-sizing: border-box;
	/* 关键：撑开文档流，不会塌陷压下面 */
	display:block;
	overflow:visible;
}
.preview .swiper,
.preview .swiper-wrapper,
.preview .swiper-slide {
	height:100%;
}
.preview .swiper-slide {
	width:80px;
	height:80px;
	margin:0 3px;
	box-sizing: border-box;
	overflow:hidden;
	cursor:pointer;
	border:1px solid transparent;
	border-radius:4px;
}
.preview .thumb-box{
	width:100%;
	height:100%;
	overflow:hidden;
}
.preview .thumb-box img{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}
.preview .active-nav{
	border:1px solid #F00;
}

.preview .arrow-left {
	background: #fff url(../image/feel3.png) no-repeat center center;
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	width:24px;
	height:80px;
	z-index:10;
	cursor:pointer;
}
.preview .arrow-right {
	background: #fff url(../image/feel4.png) no-repeat center center;
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
	width:24px;
	height:80px;
	z-index:10;
	cursor:pointer;
}

/*移动端适配*/
@media (max-width:767px){
	/* 大图轮播：竖版 9:14 自适应 */
.view .swiper-big {
    margin-top:5px;
	width: 100%;
	aspect-ratio: 9 / 14;
	}
.view .swiper-big .swiper-slide {
	width:100%;
	height:100%;
	}
.view .big-img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
	background: #f8f9fa;
	}
}   /* ← 补上这个丢失的大括号，max-width:767px 到此结束 */

/* PC端：绝对定位的图片必须有确定高度的父容器，否则塌陷重叠 */
@media (min-width:768px){
.view .swiper-big{
	aspect-ratio: auto;
	height: 420px;   /* 恢复原设计高度，可按需调整 */
	}
}

/*******嘉宾详情页轮播end*******/



/*sm屏幕以上*/
@media only screen and (min-width: 576px) {
.page-top {
	padding: 4rem 0;
}
.card-img-200 {
	height: 200px;
	overflow: hidden;
}
.card-img-180 {
	height: 180px;
	overflow: hidden;
}
.card-img-150 {
	height: 150px;
	overflow: hidden;
}
.card-img-120 {
	height: 120px;
	overflow: hidden;
}
.card-img-100 {
	height: 100px;
	overflow: hidden;
}
}
/*sm屏幕以下*/
@media only screen and (max-width: 576px) {
.page-num {
	display: none;
}
.head-sm-height {
	height: 61px !important;
}
}