img.lazyload {
  border: none;
}

img.lazyload{
  border:0;
  outline: none;
  opacity:0;
  transition: opacity 0.1s ease;
}
img.lazyloaded{
  opacity:1;
}
	.product-data {
		width: 100%;
		background: #FFFFFF;
		box-shadow: 0px 6px 44px 1px rgba(0, 0, 0, 0.26);
		padding-top: 64px;
		padding-bottom: 54px;
		position: fixed;
		top: 90px;
		z-index: 9999;
		display: none;
	}

	.product-content {
			width: 1640px;
		margin: auto;
		display: flex;
	}

	.product-left {
		width: 30%;

	}

	.product-right {
		width: 70%;
		padding-left: 62px;


	}

	.litem {
		display: flex;
		align-items: center;
		margin-bottom: 64px;
		justify-content: space-between;
	}

	.litem-f a {
		color: #000000 !important;
	}

	.litem-f span {
		color: #000000 !important;
	}

	.litem a {

		font-weight: bold;
		font-size: 20px;
		color: #97999B;
		line-height: 27px;

	}

	.litem span {
		color: #97999B;
		font-size: 20px;

	}

	.ritem {
		width: 100%;
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;

	}

	.ritem a {
		display: block;
        width:24%
	}

	.rr-item {

		/* width: 234px;
		height: 172px; */
		background: linear-gradient(180deg, #F4F8FB 0%, #D7DCE2 100%);
		border-radius: 10px;
		margin-bottom: 16px;
		margin-right: 10px;

	}

	.rr-img {

		width: 234px;
		height: 136px;
		position: relative;
	}

	.rr-img img {
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
		opacity: 0;
		transition: all 0.3s ease;
	}

	.rr-img-o {
		opacity: 1 !important;
	}

	.rr-text {
		padding-left: 24px;
		padding-bottom: 19px;
        display:flex;
        flex-direction:column;
	}

	.rr1 {

		font-weight: bold;
		font-size: 26px;
		color: #008068;
		line-height: 26px;
		margin-right: 10px;
        margin-bottom:10px;

	}

	.rr2 {

		font-weight: bold;
		font-size: 13px;
		color: #3C3D3D;
		line-height: 15px;
		    white-space: normal;
        height:30px;

	}

	.product-right .ritem:not(:first-child) {
		display: none;
	}

	.header .main-header .mobile-button:before,
	.header .main-header .mobile-button:after,
	.header .main-header .mobile-button span {
		background: #FFFFFF;
	}
	@media (max-width:1400px) {
		.product-content {
			width: 88%;

		}
        .litem{
        margin-bottom: 24px;
        }
.ritem a{
    width:20%;

}
		.product-data {
			padding-top: 24px;
			padding-bottom: 14px
		}

		.rr-img {
			width: 100%;
			height: 106px;

		}
		.litem a{
    font-size:16px;
    }
    .rr2{
        font-size:10px;
    }
	}
	
	@media (max-width:1000px) {
		.product-data {
			display: none;
		}
        
	}

     /* ccccc */
 .cookie-text p{
  font-size: 15px;
  line-height: 17px;
  color: #333333;
}
#cookie-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #f5f5f5;
  padding: 20px;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  display: none;
}

#cookie-banner.visible {
  display: block;
}

.cookie-banner-content {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.cookie-text {
  flex: 1;
  min-width: 300px;
  margin-bottom: 15px;
}
.cookie-text  a{
 color: #008068;
text-decoration: underline;
}
.cookie-text ul{
margin:0;
padding:0;
}
.cookie-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.cookie-btn {
  padding: 8px 16px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-weight: bold;
  transition: background 0.3s;
}

.accept-all {
  background: #4CAF50;
  color: white;
}

.necessary-only {
  background: #f44336;
  color: white;
}

.customize-btn {
  background: #2196F3;
  color: white;
}
#show-settings{
  background: #2196F3;
  color: white;
  border: none;
  cursor: pointer;
  border-radius: 4px;
}


/* 自定义设置模态框 */
#cookie-settings-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1001;
  overflow-y: auto;
}

.modal-content {
  background: white;
  margin: 50px auto;
  padding: 20px;
  max-width: 600px;
  border-radius: 5px;
}
.modal-content h2{
  font-size: 23px !important;
  font-weight: bold;
margin-bottom: 30px;
}
.category-toggle h3{
  font-size: 18px !important;
}
.category-toggle >div{
  width: calc(100% - 60px);
}
.cookie-category {
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #eee;
}

.category-toggle {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: .4s;
  border-radius: 34px;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  transition: .4s;
  border-radius: 50%;
}

input:checked+.slider {
  background-color: #2196F3;
}

input:checked+.slider:before {
  transform: translateX(26px);
}

.save-settings {
  background: #4CAF50;
  color: white;
  padding: 10px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-weight: bold;
  margin-top: 20px;
}
//ceshi
/* 增强的Cookie横幅样式 */
#cookie-banner {
position: fixed;
bottom: 0;
left: 0;
right: 0;
background: #f8f9fa;
padding: 20px;
box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
z-index: 1000;
display: none;
border-top: 1px solid #ddd;
}

#cookie-banner.visible {
display: block;
}

.cookie-banner-content {
max-width: 1200px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}

.cookie-text {
flex: 1;
min-width: 300px;
margin-bottom: 15px;
}

.cookie-text h2 {
font-size: 2.2rem;
margin-bottom: 10px;
color: #333;
}

.cookie-types details {
margin: 10px 0;
}

.cookie-types summary {
cursor: pointer;
color: #008068;
font-weight: bold;
}

.cookie-types ul {
margin-left: 20px;
padding-left: 0;
list-style-type: disc;
}

.cookie-buttons {
display: flex;
flex-wrap: wrap;
gap: 10px;
}

.cookie-btn {
padding: 10px 20px;
border: none;
border-radius: 4px;
cursor: pointer;
font-weight: bold;
transition: background 0.3s;
min-width: 120px;
}

.accept-all {
background: #4CAF50;
color: white;
}

.necessary-only {
background: #6c757d;
color: white;
}

.customize-btn {
background: #2196F3;
color: white;
}

/* 模态框样式增强 */
#cookie-settings-modal {
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 1001;
overflow-y: auto;
padding: 20px;
}

.modal-content {
background: white;
margin: 20px auto;
padding: 30px;
max-width: 700px;
border-radius: 8px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.modal-content h2 {
font-size: 1.5rem;
margin-bottom: 25px;
color: #333;
}

.cookie-category {
margin-bottom: 25px;
padding-bottom: 15px;
border-bottom: 1px solid #eee;
}

.category-toggle {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 20px;
}

.category-toggle > div {
flex: 1;
}

.category-toggle h3 {
font-size: 1.1rem;
margin-bottom: 5px;
color: #333;
}

.required-badge {
display: inline-block;
background: #6c757d;
color: white;
padding: 2px 8px;
border-radius: 4px;
font-size: 0.8rem;
margin-left: 8px;
}



.modal-buttons {
display: flex;
justify-content: flex-end;
gap: 10px;
margin-top: 25px;
}

.save-settings {
background: #4CAF50;
color: white;
padding: 10px 20px;
border: none;
border-radius: 4px;
cursor: pointer;
font-weight: bold;
}

.cancel-settings {
background: #6c757d;
color: white;
padding: 10px 20px;
border: none;
border-radius: 4px;
cursor: pointer;
font-weight: bold;
}

/* 无障碍改进 */
#cookie-banner:focus, 
.cookie-btn:focus, 
.switch input:focus + .slider {
outline: 2px solid #008068;
outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
    .slider, .slider:before {
        transition: none;
    }
    
    .modal-content {
        animation: none;
    }
}
	@media screen and (max-width: 1000px) {
    		/* ccccccc */
		.cookie-banner-content {
        flex-direction: column;
      }

      .cookie-buttons {
        width: 100%;
        justify-content: center;
      }
		/* ccccccc end */
    }