*{
	margin:0;
	padding:0;
	font-family: Microsoft YaHei;
}

i{
	font-style: normal;
}

a{
	text-decoration: none;
	color:#ffffff;
}

img{
	width: 100%;
}

.f_left{

	float: left;

}

.f_right{

	float: right;

}

.c_float{

	overflow: hidden;

}

.color_9{

	color:#999;

}

.color_f{

	color:#fff;

}

.color_yellow{

	color: #ecc672;

}

.color_green{

	color: #7fbb39;

}

.color_white{
    color:#fff;
}

.bd_w70{

	width: 100%;

	margin:0 auto;

	min-width: 1100px;

}

.fz_12{

	font-size: 12px;

}

.lh_25{

	line-height: 25px;

}

.bd_ul{

	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */

	 display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */

	 display: -ms-flexbox;      /* TWEENER - IE 10 */

	 display: -webkit-flex;     /* NEW - Chrome */

	 display: flex; 

	justify-content: space-between;

	-webkit-justify-content: space-between;

	-moz-justify-content: space-between;

	-ms-justify-content: space-between;

}



.flex_wp{

	flex-wrap: wrap;

	-webkit-flex-wrap: wrap;

	-moz-flex-wrap: wrap;

	-ms-flex-wrap: wrap;

	display: flex;

	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */

	display: -ms-flexbox;      /* TWEENER - IE 10 */

	display: -webkit-flex; 

}

.mg_t10{

	margin-top: 10px;

}

.mg_t50{

	margin-top: 50px;

}

.mg_btm10{

	margin-bottom: 10px;

}

.strong{

	color:#000;

}



.header{

	position: fixed;

	top: 0;

	width: 100%;

	z-index: 50;

}

.header .hd {
    width: 100%;
    height: 55px;
    background: rgba(0,0,0,0.1); /* 将背景设置为透明 */
}

.hd {
    color:#fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5); /* 添加底部边框，半透明白色 */
}

.hd .left_wp{

	display: table-cell;
	height:55px;
	overflow: hidden;

}

.hd .right_wp {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.hd .left_wp img{

	vertical-align:center;

}

.user_pg{

	padding: 0px 30px;

}


.logo{

	
	line-height:55px;

}





.login_wp{

	position: fixed;

	right:0;

	top: 80px;

	left: 0;

	z-index: 10;

	transition: all 0.5s;

	display: none;

}

.login_nav{

	width: 200px;

	/*height: 220px;*/

	background: #fff;

	padding: 25px;

	position: absolute;

	right: 0;

	top: 0;

}

.index_pg {
    padding: 0px 20px; /* 添加内边距 */
    border-right: 0px solid #fff;
    position: relative; /* 为伪元素定位 */
    overflow: hidden; /* 隐藏溢出的背景 */
}

.index_pg::before,
.index_pg::after {
    content: "";
    position: absolute;
    top: 0; /* 从顶部开始 */
    bottom: 0; /* 延伸到底部 */
    width: 1px;
    background-color: rgba(255, 255, 255, 0.5); /* 半透明白色 */
}

.index_pg::before {
    left: 0; /* 左侧线条 */
}

.index_pg::after {
    right: 0; /* 右侧线条 */
}

.index_pg a {
    display: block; /* 使链接填充整个导航项 */
    position: relative; /* 为伪元素定位 */
    z-index: 1; /* 确保链接内容显示在背景之上 */
}

/* 修改此处的伪元素样式 */
.index_pg::before {
    content: "";
    position: absolute;
    bottom: 0; /* 从底部开始 */
    left: 0;
    width: 100%;
    height: 0; /* 初始高度为 0 */
    background-color: #7fbb39; /* 绿色背景 */
    transition: height 0.3s ease; /* 过渡效果 */
    z-index: 0; /* 确保背景在文字下方 */
}

.index_pg:hover::before {
    height: 100%; /* 鼠标悬停时高度变为 100% */
}


.pg_wrap {
    height: 55px;
    line-height: 55px;
    display: flex;
}

.login {
    line-height: 55px;
    background: #7fbb39;
    padding: 0px 15px;
    cursor: pointer;
    margin-left: auto; /* 使登录按钮靠右 */
}

.banner {
    width: 100%;
    height: 100vh;
    margin-top: 0px;
    position: relative;
}

/* 添加视频样式 */
#bg-video {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.banner h1{

	font-size: 40px;
	
	color: #fff;
	
	font-weight: 500;

	letter-spacing: 10px;

	text-align: center;

	position: absolute;

	left: 0;

	right: 0;

	margin: 0 auto;

	top: 32%;

}



.login_nav input{

	outline: none;

	width: 100%;

	padding: 5px;

}

/*** 搜索框样式 ***/

.search_box{
	
	width: 600px;
	top: 40%;
	margin: 0 auto;
    position: absolute;	
	left: 0;
	right: 0;
	
}
.key_wp{

	width: 600px;
	height: 70px;
	background: rgba(255,255,255,0.2);
	border-radius: 10px;
	padding:10px;
	clear:both; 
	float:none;
	margin-bottom:20px;
	

}

.key_input_wp{

	width: 98.5%;
	height: 88%;
	background: #fff;
	border-radius: 10px;
	padding: 5px;
}

.key_input_wp input{

	width:90%;

	height: 100%;

	padding-left:20px;

	border:0px;

	outline: none;

	font-size: 30px;

}

.yzm_wp{

	width: 300px;
	height: 70px;
	background: rgba(255,255,255,0.2);
	border-radius: 10px;
	padding:10px;
	clear:both; 
	float:none;
	margin-bottom:20px;
	

}



.yzm_input{

	width: 96.5%;
	height: 88%;
	background: #fff;
	border-radius: 10px;
	padding: 5px;

}

.yzm_input input{

	width:40%;

	height: 100%;

	padding-left:20px;

	border:0px;

	outline: none;

	font-size: 30px;

}

.yzm_input img{

	width: 8%;
	z-index:1000px;

}

.yzm_search_btn{
	width:120px; height:50px; text-align:center;color:#fff; float:right; border:none; cursor:pointer; border-radius:10px;margin-top:8px;
	}



/***查询按钮的样式***/
.sy_search_btn{ 
     
	
	width:620px; 
	height:60px; 
	text-align:center;  
	font-size:24px; 
	font-weight:bold; 
	color:#fff;  
	border:none; 
	cursor:pointer; 
	border-radius:10px;
	padding:10px;
	background-color: #80c269;
	
	}
	
.sy_search_btn:hover,.sy_search_btn:focus,.sy_search_btn:active,.sy_search_btn.active
{

	background-color: #5cb85c;
		
	}	
	
	
/***搜索提示样式***/
.notices{
	width:600px;
	margin-top:30px;
	margin-bottom:30px;
	
	
}
.bd_wrap{

	/*margin-top: 50px;*/

	border-top:1px solid #d9d9d9;

	margin:50px 20px;

	border-bottom:1px solid #d9d9d9;

	padding:50px;

}

.title_wp{

	width: 50%;

}

.title_wp img{

	width: 5%;

}

.title_wp p{

	font-size: 20px;

	line-height: 40px;

	margin-left: 10px;

}

.msg_list .title_wp p{

	font-size: 20px;

	line-height: 20px;

	margin-left: 10px;

}

.first{

	width: 50px;

	height: 50px;

	background: #7fbb39;

	border-radius: 3px;

	color: #fff;

	font-size: 18px;

	text-align: center;

	padding: 5px;

	vertical-align: middle;

	margin-top: 45px;

	margin-right: 15px;

}

.wd_wrap{

	position: absolute;

	    width: 66%;

	    height: 100%;

	    top: 0;

	    right: 7.5%;

}

.tb_cell{

	position: relative;

}

.PC_wp,.MB_wp{

	position: relative;

	text-align: center;

	margin: auto;

	margin-top: 21%;

}

.PC_wp p,.MB_wp p{

	width: 24%;

	color: #7fbb39;

	margin-left: 16%;

	font-size: 12px;

}

.footer {
    position: absolute; /* 绝对定位 */
    bottom: 0; /* 底部对齐 */
    width: 100%;
    /*background: #333;*/
    padding: 30px 0px 30px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1; /* 确保显示在视频上方 */
}

.footer p {
    text-align: center;
    color: #fff;
    line-height: 25px;
    font-size: 14px;
}

.login_btn{

	width: 100%;

	height: 30px;

	text-align: center;

	line-height: 30px;

	background: #7fbb39;

	margin-top: 10px;

}

.login_btn a{

	color:#fff;

}

.tt_icon{

	padding-right:15px;

	border-right:1px solid #7fbb39;

}

.msg_bd{

	width: 92.5%;

	margin: 0 auto;

	border-top: 1px dashed #d9d9d9;

	border-bottom: 1px dashed #d9d9d9;

	padding: 20px 0px;

	margin-top: 20px;

}

.msg_bd p{

	line-height: 30px;

}

.home{

	    margin-bottom: -5px;

}









.goods_bd{

	width: 31%;

	margin: 10px 1.15%;

}

.goods_bd:hover{

	color:#ed1559;

    box-shadow: 1px 3px 8px #d9d9d9;

}



.goods{

	position: relative;

}

.goods .mask{

	background: rgba(255,255,255,0.7);

	width: 100%;

	height: 100%;

	text-align: center;

	vertical-align: middle;

	position: absolute;

	display: none;

}



.goods .mask img{

	width: 70px;

	height: 70px;

	margin-top: 30%;

	cursor:pointer;

}

.goods_bd:hover .mask{

	display: block;

}

.price{

	color:#ed1559;

}

.price .money_icon{

	font-size: 16px;

	vertical-align: top;

}

.price .price_num{

	font-size: 25px;

}

.goods_msg{

	padding:15px;

	border-bottom: 1px solid #d9d9d9;

}

.buy_btn{

	display: block;

	width: 45px;

	height: 45px;

	background: #80c269;

	bottom: 0;

	right: 0;

	margin-bottom: -15px;

	margin-right: 20px;

	position: absolute;

	border-radius: 100%;

	text-align: center;

	line-height: 45px;

	/* font-size: 27px; */

	color: #fff;

	cursor:pointer;

}

.buy_btn i{

	 font-size: 22px;

}

.stars i{

	color: #dcdcdc;

}

.stars .star_lt{

	color: rgb( 255, 202, 40 );

}

.right_search select{

	width: 200px;

	/* padding: 0px 30px; */

	padding: 5px 10px;

	vertical-align: bottom;

}

.right_search .search02{

	width: 35px;

	vertical-align: top;

}

.pages{

	position: relative;

    margin-top: 50px;

    text-align: center;

}

.pages i{

	vertical-align: middle;

}

.pages a{

	color:#333;

	border:1px solid #d9d9d9;

	padding:5px 15px;

}

.prev_btn:hover{

	background: #80c269;

	color:#fff;

}

.next_btn:hover{

	background: #80c269;

	color:#fff;

}

.right-area-le30 h1{

	font-weight: bold;

	font-size: 22px;

}

.cpxq-explain{

	color:#666;

}

/* 备案链接基础样式 */
.icp-link {
  color: #fff;                /* 默认文字颜色（深灰色） */
  text-decoration: none;      /* 移除下划线 */
  font-size: 14px;            /* 标准字号 */
  transition: color 0.3s ease; /* 颜色过渡动画（0.3秒，平滑曲线） */
  margin-right: 5px;          /* 右侧间距 */
}

/* 鼠标悬停交互效果 */
.icp-link:hover {
  color: #1890ff;             /* 悬停颜色（科技蓝） */
  cursor: pointer;            /* 鼠标指针变为手型 */
}

/* 移动端适配 */
@media (max-width: 768px) {
  .icp-link {
    font-size: 12px;          /* 小屏字号缩小 */
  }
}

/* 激活状态（可选） */
.icp-link:active {
  opacity: 0.8;              /* 点击时轻微透明 */
}

/* 新搜索样式（单行版本 */ 
.input-container {
  display: flex;
  background: white;
  border-radius: 1rem;
  background: linear-gradient(135deg, #23272F 0%, #14161a 100%);
  box-shadow: 10px 10px 20px #0e1013, -10px -10px 40px #383e4b;
  padding: 0.3rem;
  gap: 0.3rem;
}

.input-container input {
  border-radius: 0.8rem 0 0 0.8rem;
  background: #23272F;
  box-shadow: inset 5px 5px 10px #0e1013, inset -5px -5px 10px #383e4b, 0px 0px 100px rgba(255, 212, 59, 0), 0px 0px 100px rgba(255, 102, 0, 0);
  width: 100%;
  flex-basis: 75%;
  padding: 1rem;
  border: none;
  border: 1px solid rgba(0,0,0,0.1);
  color: white;
  transition: all 0.2s ease-in-out;
  font-size: 16px;
}

.input-container input:focus {
  border: 1px solid #7fbb39;
  outline: none;
  box-shadow: inset 0px 0px 10px rgba(127, 187, 57, 0.5), inset 0px 0px 10px rgba(127, 187, 57, 0.5), 0px 0px 100px rgba(127, 187, 57, 0.5), 0px 0px 100px rgba(127, 187, 57, 0.5);
}

.input-container button {
  flex-basis: 25%;
  padding: 1rem;
  background: linear-gradient(135deg, rgb(173, 238, 97) 0%, rgb(127, 187, 57) 100%);
  box-shadow: 0px 0px 1px rgba(173, 238, 97, 0.5), 0px 0px 1px rgba(127, 187, 57, 0.5);
  font-weight: 900;
  font-size: 16px;
  letter-spacing: 0.3rem;
  text-transform: uppercase;
  color: #23272F;
  border: none;
  width: 100%;
  border-radius: 0 1rem 1rem 0;
  transition: all 0.2s ease-in-out;
}

.input-container button:hover {
  background: linear-gradient(135deg, rgb(173, 238, 97) 50%, rgb(127, 187, 57) 100%);
  box-shadow: 0px 0px 100px rgba(173, 238, 97, 0.5), 0px 0px 100px rgba(127, 187, 57, 0.5);
}

@media (max-width: 500px) {
  .input-container {
    flex-direction: column;
  }

  .input-container input {
    border-radius: 0.8rem;
  }

  .input-container button {
    padding: 1rem;
    border-radius: 0.8rem;
  }
}

/* From Uiverse.io by SelfMadeSystem */ 
/*
More comprehensive version at shenanigans.shoghisimon.ca/collection/css-rain-bg/
 */

.container::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background-image: radial-gradient(
    circle at 50% 50%,
    #0000 0,
    #0000 2px,
    hsl(0 0 4%) 2px
  );
  background-size: 8px 8px;
  animation: hii 10s linear infinite;
}

@keyframes hii {
  0% {
    backdrop-filter: var(--f) hue-rotate(0deg);
  }
  to {
    backdrop-filter: var(--f) hue-rotate(360deg);
  }
}