:root {
	--bs-blue: #0d6efd;
	--bs-indigo: #6610f2;
	--bs-purple: #6f42c1;
	--bs-pink: #d63384;
	--bs-red: #dc3545;
	--bs-orange: #526e77;
	--bs-yellow: #526e77;
	--bs-green: #198754;
	--bs-teal: #20c997;
	--bs-cyan: #0dcaf0;
	--bs-black: #000;
	--bs-white: #fff;
	--bs-gray: #6c757d;
	--bs-gray-dark: #343a40;
	--bs-gray-100: #f8f9fa;
	--bs-gray-200: #e9ecef;
	--bs-gray-300: #dee2e6;
	--bs-gray-400: #ced4da;
	--bs-gray-500: #adb5bd;
	--bs-gray-600: #6c757d;
	--bs-gray-700: #495057;
	--bs-gray-800: #343a40;
	--bs-gray-900: #212529;
	--bs-primary: #526e77;
	--bs-secondary: #6c757d;
	--bs-success: #198754;
	--bs-info: #0dcaf0;
	--bs-warning: #526e77;
	--bs-danger: #dc3545;
	--bs-light: #FFFFFF;
	--bs-dark: #212529;
	--bs-primary-rgb: 82,110,119;
	--bs-secondary-rgb: 108, 117, 125;
	--bs-success-rgb: 25, 135, 84;
	--bs-info-rgb: 13, 202, 240;
	--bs-warning-rgb: 82,110,119;
	--bs-danger-rgb: 220, 53, 69;
	--bs-light-rgb: 255, 255, 255;
	--bs-dark-rgb: 33, 37, 41;
	--bs-white-rgb: 255, 255, 255;
	--bs-black-rgb: 0, 0, 0;
	--bs-body-color-rgb: 33, 37, 41;
	--bs-body-bg-rgb: 255, 255, 255;
	--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
	--bs-body-font-family: var(--bs-font-sans-serif);
	--bs-body-font-size: 1rem;
	--bs-body-font-weight: 400;
	--bs-body-line-height: 1.5;
	--bs-body-color: #212529;
	--bs-body-bg: #cccccc;
	--bs-border-width: 1px;
	--bs-border-style: solid;
	--bs-border-color: #dee2e6;
	--bs-border-color-translucent: rgba(0, 0, 0, 0.175);
	--bs-border-radius: 0.375rem;
	--bs-border-radius-sm: 0.25rem;
	--bs-border-radius-lg: 0.5rem;
	--bs-border-radius-xl: 1rem;
	--bs-border-radius-2xl: 2rem;
	--bs-border-radius-pill: 50rem;
	--bs-link-color: #212529;
	--bs-link-hover-color: #333333;
	--bs-code-color: #d63384;
	--bs-highlight-bg: #fff3cd;
	--bs-footer-bg: #666666;
	--bs-dropdown-link-active-bg:82,110,119;
}

html{
    font-size: 14px;
}

/* 主键按钮 */
.btn-primary {
	--bs-btn-bg: var(--bs-primary);
	--bs-btn-border-color: var(--bs-primary);
}

/* 按钮警告参数 */
.btn-warning {
    --bs-btn-bg: var(--bs-warning);
    --bs-btn-border-color: var(--bs-warning);
	--bs-btn-hover-bg: var(--bs-orange);
	--bs-btn-hover-border-color: var(--bs-orange);
}

/* 列表组样式参数 */
.list-group {
	--bs-list-group-active-bg: var(--bs-primary);
	--bs-list-group-active-border-color: var(--bs-primary);
}

/* 分页变量参数 */
.pagination {
	--bs-pagination-color: var(--bs-link-color);
	--bs-pagination-hover-color: var(--bs-link-hover-color);
	--bs-pagination-focus-color: var(--bs-link-hover-color);
	--bs-pagination-active-bg: var(--bs-primary);
	--bs-pagination-active-border-color: var(--bs-primary);
}


a{
	text-decoration:none;
}

input{
	outline:none;
}

header .logo{
	width:300px;
	height:auto;
}

header .nav a.nav-link{
	color:var(--bs-white);
}
.h30{min-height:30px;}
.hl30{line-height:30px;}
.pd0{padding:0;}
.topm {font-size:12px;}
.fs11{font-size:11px;}
.topm  a{color:#fff;}
.topm  span{color:#fff;}

.toplogo{padding-left:50px;padding-right:50px;margin-top:20px;padding-bottom:20px;}

ul.nav li.nav-item a{color:#646567;}
ul.nav li:hover{border-bottom:2px solid #526e77;}
ul.nav li.sbut:hover{border-bottom:0;}
ul.nav li.nav-item .dropdown-menu{
    width:208px;
    border-radius:0;
    border-top:2px solid #526e77;
    border-left:0;
    border-right:0;
    border-bottom:0;
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
} 
ul.nav li.nav-item div.dropdown-menu a.dropdown-item{color:#646567;line-height:31px;}
ul.nav li.nav-item div.dropdown-menu a:hover{color:#fff;background-color: var(--bs-primary);}
ul.nav li button{color:#fff;}

.breadcrumb-bg{
    background-color: #fcfcfc;
    padding-top: 10px;
    padding-bottom: 10px;
    min-height: 56px;
}
.breadcrumb-border{
    border-top:1px solid #e1e1e1;
    border-bottom:1px solid #e1e1e1;
}
nav.breadcrumb-s{
    float: right;
    background-color: #e9ecef;
    margin-right: 15px;
    border-radius: 5px;
    margin-top: 15px;
    font-size: 12px;
    padding-top:8px;
}
.special-heading-tag{
    padding: 0;
    margin: 0;
    float: left;
    
}
.special-heading-border{height: 1.9em;}
.special-heading-inner-border{border-color: #222222;}
i.taobao{
    position: relative;
    background-image: url(https://img.alicdn.com/tps/i3/T1OjaVFl4dXXa.JOZB-114-114.png);
    display: inline-block;
    width: 16px;
    height: 16px;
    top: 3px;
    background-size: contain;
    background-repeat: no-repeat;
}
.container .row .cc{
    font-size:11px;
    padding-left: 15px;
}
.container .row .cc p a{
    color:#526e77;
}
.card-header{
    font-size:16px;
    font-weight:700;
    color:#526e77;
}
.card{
    border-radius: 0px;
    border: 0;
}
.card-header:first-child{
    border-radius: 0px;
}
.list-group-flush > .list-group-item a{font-size:11px;}
.list-group-flush > .list-group-item:last-child{
    border-bottom:1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0px;
}
.active{border-bottom:2px solid #526e77;}
.t-img{
    /*height: 150px;*/
    margin: 5px;
    padding: 5px;
    border: 1px solid #e1e1e1;
    overflow: hidden;
}
.t-text{overflow:hidden;font-size:11px;}
.rowb-left{border-left:1px solid #e1e1e1;}
.rowb-right{border-right:1px solid #e1e1e1;}

ul.topnav{float:left;padding:0;font-size:11px;margin-bottom:0}
ul.topnav li{list-style: none;}
ul.topnav li a{color:#fff;font-size:11px;}
ul.topnav li ul{min-width:54px;border-radius:0;box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);border:0px;}
ul.topnav li ul.dropdown-menu li a{color:#666;padding:12px 16px;font-size:11px;}
ul.topnav li ul.dropdown-menu li a:hover{background-color:#526e77;color:#fff;}

.nav-tabs ul li:hover{border-bottom:0;}
.avatar{
	width:50px;
	height:50px;
	border-radius:50%;
	background-color: #fff;
	border: 1px solid #dee2e6;
}
ul#lihover li:hover{border-bottom:0;}
.avatar-small{
	width:26px;
	height:26px;
	border-radius:50%;
	background-color: #fff;
	border: 1px solid #dee2e6;
}

.bg-default{
	background-image:url('../images/bg.svg');
	background-size:cover;
	background-repeat:no-repeat;
	background-position: center center;
}

.float-left{
	float:left;
}

.float-right{
	float:right;
}

.form-control:focus{
	box-shadow:none;
	border-color:inherit;
}

.form-group{
	margin-bottom:1rem;
}

.hand{
	cursor: pointer;
}

.list-group-item.active a{
	color:var(--bs-white);
}

/* 单行省略号 */
.text-1 {
	-webkit-line-clamp: 1;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	min-height:24px;
}

/* 两行省略号 */
.text-2 {
	-webkit-line-clamp: 2;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	min-height:48px;
}

/* 三行省略号 */
.text-3 {
	-webkit-line-clamp: 3;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	min-height:72px;
}


/* 计数器 开始 */
.numbers{
	list-style:none;
	margin:0;
	padding:0;
}
.numbers li{
	position: relative;
	color:#1B1B1B;
	text-align:center;
}
.numbers li .count{
	font-size:60px;
	font-weight:400;
}
.numbers li sup{
	vertical-align: top;
	font-size:30px;
	top:0.5em;
}
.numbers li .title{
	color:#525252;
	font-size:20px;
}
/* 计数器 结束 */

/* 筛选器 */
.filter .active{
	font-weight:bold;
	color:darkred;
}
/* 筛选器 结束 */

/* 通用内容区 开始 */
.content{ line-height:170%;font-size:1em;font-weight:500;}
.content p{ margin-bottom:1em;}
.content img{
	max-width:100% !important;
	height:auto;
}
.content table {border: 1px solid #ddd;border-collapse: collapse;display: table;margin:auto;}
.content table td {border: 1px solid #ddd;padding: 5px 10px;}
.content table th {border: 1px solid #ddd;background-color: #f7f7f7;padding: 5px 10px;}
.content blockquote{
	margin:1em 0;border:1px solid #efefef;background:#fcfcfc;padding:0.5em 1em;
}
/* 通用内容区 结束 */


/* 管理员回复评论信息 开始 */
fieldset.admin-reply{
	border:1px solid #ccc;
	padding:0.5em;
	background:#fff;
	box-shadow:2px 2px #ddd;
}
fieldset.admin-reply legend{
	width:auto;
	padding:0 1em;
	font-size:0.8em;
	margin-left:2em;
}

fieldset.admin-reply + fieldset.admin-reply{
	margin-top:1em;
}
/* 管理员回复评论信息 结束 */

.nav .nav-link.active{
	background:var(--bs-primary);
	color:var(--bs-white);
}
.width_16{
	width:16px;
	height:16px;
}
.footer-bg-color{
    background:var(--bs-footer-bg);
}

/* 在线客服 */
.kfonline{
	position: fixed;
	bottom: 100px;
	right: 5%;
	z-index: 999999;
}

.kfonline .card-header{
	cursor: pointer;
}

.kfonline-icon{
	width:50px;
	height:50px;
	cursor: pointer;
	color:var(--bs-white);
	line-height:46px;
	text-align:center;
	background:var(--bs-primary);
	margin-top:-4px;
	position:relative;
}
.kfonline-icon.cart sup{
	position:absolute;
	top:2px;
	right:2px;
	font-size:60%;
}
.kfonline-icon.weixin div{
	display:none;
	position:absolute;
	right:40px;
	top:0;
	width:120px;
}
.kfonline-icon.weixin div img{
	width:100%;
}
.kfonline-icon.weixin:hover div{
	display: block;
}

.kfonline-icon.tel div{
	display:none;
	position:absolute;
	right:40px;
	top:0;
}

.kfonline-icon.tel:hover div{
	display: block;
}

.kfonline-icon a .fa{
	color:var(--white);
}

.kfonline-icon.toTop{
	
}
		/* 弹窗样式 */
		.modal {
			display: none;
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: rgba(0,0,0,0.8);
			z-index: 9999;
			justify-content: center;
			align-items: center;
		}

		/* 显示弹窗 */
		.modal.show {
			display: flex;
		}

		/* 关闭按钮 */
		.close {
			position: absolute;
			top: 20px;
			right: 30px;
			color: white;
			font-size: 40px;
			font-weight: bold;
			cursor: pointer;
			transition: 0.3s;
		}

		.close:hover {
			color: #f00;
		}

		/* 图片样式 */
		.modal-img {
			max-width: 80%;
			max-height: 50%;
			cursor: pointer;
			border: 3px solid white;
			border-radius: 10px;
			/* 新增居中保证 */
			display: block;
			margin: auto;
		}
			
		.scrolldiv1container {
			width: 30%;
			/* margin: 2%; */
			margin-top: 2%;
			margin-bottom: 2%;
			min-height: 350px;
			display: inline-block;
			margin-left: 30px;
			margin-right: 2%;
			border: 1px solid #E1E1E1;
			padding: 10px;
			/* white-space:initial */
			text-align: center;
			/* word-wrap: break-word !important; */
			/* word-break: break-all !important; */
			white-space: normal;
			vertical-align: top;
		}

		.scrolldiv1tit {
			color: #526E77;
			font-size: 18px;
		}

		.scrolldiv1p {
			color: #858585;
			font-weight: 400;
			padding: 5px;
			line-height: 20px;
			text-align: left;
			/* word-wrap:break-word !important; */
		}
		
        .hotspot-container {
            position: relative;
            margin: 0 auto;
        }

        .hotspot-container img {
            width: 100%;
            height: auto;
            display: block;
            border-radius: 8px;
        }

        .hotspot {
            position: absolute;
            transform: translate(-50%, -50%);
            z-index: 10;
        }

        .hotspot a {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 30px;
            height: 30px;
            background-color: #FFF;
            color: #888;
            border-radius: 50%;
            text-decoration: none;
            font-weight: bold;
            font-size: 14px;
            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
            animation: pulse 2s infinite;
            transition: transform 0.3s;
        }

        .hotspot a:hover {
            transform: scale(1.2);
        }

        @keyframes pulse {
            0% {
                box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
            }

            70% {
                box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
            }

            100% {
                box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
            }
        }

        .tooltip {
            position: absolute;
            top: calc(100% + 10px);
            left: 50%;
            transform: translateX(-50%);
            background: #FFF;
            color: #888;
            padding: 10px 14px;
            border-radius: 6px;
            font-size: 14px;
            min-width: 150px;
            text-align: center;
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s;
            pointer-events: none;
            z-index: 100;
        }

        .tooltip::before {
            content: '';
            position: absolute;
            top: -5px;
            left: 50%;
            transform: translateX(-50%);
            width: 0;
            height: 0;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-bottom: 5px solid #333;
        }

        .hotspot:hover .tooltip {
            opacity: 1;
            visibility: visible;
        }

        /* 移动端回退提示 */
        .mobile-fallback {
            display: none;
            margin-top: 10px;
            padding: 10px;
            background: #eee;
            border-radius: 6px;
            font-size: 14px;
        }

        @media (max-width: 768px) {
            .tooltip {
                display: none;
            }

            .mobile-fallback {
                display: block;
            }
        }