[v-cloak]{ display: none; } 
*{margin:0;padding:0;}
body{color:#333;font-size:12px; 
font-family:"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;overflow-x:hidden;}
body.on{width:100%;height:100%;overflow:hidden;}
@font-face {
  font-family: '苹方黑体-中粗-简';
  src:url('../fonts/苹方黑体-中粗-简.ttf');
}
h1,h2,h3,h4,h5,h6{font-size:100%;}
a{text-decoration:none;color:inherit;} 
a:hover{text-decoration: none;}
table{border-collapse:collapse; border-spacing:0;}
li{list-style-type:none;}
img{border: none;}
em,b,strong,i{font-style:normal;}
label,button{cursor: pointer;}
a,select,input,textarea{outline:none;resize:none;}
.pr{position: relative;}
.pa{position: absolute;}
.pf{position: fixed;}
.fl{float: left;}
.fr{float: right;}
.text-l{text-align:left;}
.text-r{text-align:right;}
.text-c{text-align:center;}
.text-j{text-align:justify;}
.text-hide-1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.text-hide-2{word-break:break-all;display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.text-hide-3{word-break:break-all;display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;}
.text-hide-4{word-break:break-all;display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden;}
.clearfix:before,.clearfix:after{clear:both;content:'.';display:block;height:0;visibility:hidden;line-height:0;}
.clearfix{*zoom:1;}
.container{margin:0 auto;width:1400px;}

body{background-color: #f4f4f4;min-width: 1400px;overflow-x: auto;}

/* 头部 */
.header{background-color: #6c8750;position: sticky;top: 0;left: 0;z-index: 999;}
.header .top{/* 	width: 1560px; */width: 1400px;height: 80px;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;}
.header .top .logo{display: flex;justify-content: flex-start;align-items: center;width: 340px;cursor: pointer;}
.header .top .logo img{width: 102px;height: 62px;}
.header .top .logo span{font-size: 20px;color: #ffffff;margin-left: 20px;display: block;margin-top: 5px;}
.header .top .logo span i{margin: 0 6px;}
.header .top .nav ul{display: flex;justify-content: flex-start;align-items: center;}
.header .top .nav ul li{color: #ffffff;margin-right:12px;font-size: 16px;}
 /* 用户信息 */
.header .top .user {color: #ffffff;font-size: 14px;width: 81px;}
.header .top .user span{cursor: pointer;}
/* .header .top .user span:hover{color: #FFEB3B;} */
.header .top .user i{margin: 0 6px;}
.header	.nav {position: relative; z-index: 1;}
.header	.nav .title{float: left;position: relative;display: inline;}
.header	.nav .title a{margin: 15px 0;font-size: 17px;position: relative;padding-right: 20px;display: flex;justify-content: flex-start;align-items: center;}
.header	.nav .title a i{margin-left: 5px;transition: all 0.5s ease;display: block;}
.header .nav .title:hover a i{transform: rotate(180deg);} 
.header	.nav .content{display: none;left: -10px;top: 50px;position: absolute;background: #ffffff;line-height: 26px;padding: 10px 0;width: 100px;height: auto;border-radius: 6px;box-shadow: 0px 3px 5px rgb(0, 0, 0,0.2);}
.header	.nav .content dd{color: #888888;font-size: 15px;text-align: center;width: 100%;height: 35px;line-height: 35px;cursor: pointer;}
.header	.nav .content dd:hover{background-color: #e8e3d8;}


.header .user .name{display: flex;justify-content: center;align-items: center;padding: 15px 0;}
.header .user .name span{margin-left: 5px;font-size: 16px;}
.header .user ul{top: 50px;left: 0;box-sizing: border-box;width: 100px;background: #f5f5f5;height: 0;border-radius: 6px;overflow: hidden;transition: all 0.5s ease;display: flex;flex-direction: column;justify-content: center;box-shadow: 0px 3px 5px rgb(0, 0, 0,0.2);}
.header .user ul li{color: #888888;font-size: 14px;text-align: center;width: 100%;height: 35px;cursor: pointer;position: relative;display: flex;align-items: center;justify-content: center;}
.header .user ul li:hover{background-color: #e8e3d8;}
.header .user ul li span{margin-left: 5px;color: #888888;}


/* 底部 */
.footer{background-color: #6c8750;padding: 38px 0px;box-sizing: border-box;}
.footer .container{display: flex;justify-content: space-around;align-items: center;}
.footer p{text-align: center;color: #ffffff;margin-bottom: 15px;font-size: 15px;}
.footer p:last-child{margin-bottom: 0;}
.footer p span{margin-left: 15px;}
.footer .ewm img{display: block;padding: 6px;background-color: #ffffff;width: 100px;}
/* 图标库 */
.search .icon{display: block;font-size: 36px !important;color: white;}
.contactUs .icon{display: block;font-size: 32px !important;}
.contactAi .icon{display: block;font-size: 32px !important;}

/* 收藏 */
.collection{display: flex;align-items: center;justify-content: flex-start;cursor: pointer;color: #dbd9de;font-size: 14px;}
.collection i{display: block;font-size: 17px;}
.collection em{display: block;margin-left: 5px;}
.collection.active i{color: #6c8750;}
.collection.active em{color: #6c8750;}

/* 登录 */
.login-mask{background-color: rgba(0,0,0,0.45);position: fixed;inset:0;z-index: 999;}
.login-mask .box{width: 395px;height: 440px;background-color: #FFFFFF;border-radius: 10px;position: relative;padding: 24px;box-sizing: border-box;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.login-mask .box::before{content: "";position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 168px;height: 6px;background-color: #3b4a2c;border-radius: 6px;}
.login-mask .box i{position: absolute;top: 25px;right: 25px;font-size: 20px;cursor: pointer;}
.login-mask .box .title{margin-top: 30px;}
.login-mask .box .title h2{font-size: 32px;font-weight: 600;font-family: "黑体";text-align: center;position: relative;padding-bottom: 10px;}
.login-mask .box .title p{font-size: 14px;letter-spacing: 10px;color: #333333;text-align: center;margin-top: 10px;}
.login-mask .box .title h2::after{content: "";position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);width: 224px;height: 1px;background-color: #CCCCCC;}
.login-mask .box .user{margin-top: 20px;padding: 0px 20px;box-sizing: border-box;}
.login-mask .box .user .item label{font-size: 14px;width: 100%;display: block;}
.login-mask .box .user .item input{border: 0;border-bottom: 1px solid #666699;width: 100%;display: block;font-size: 14px;padding-bottom: 5px;margin-top: 10px;}
.login-mask .box .user .item{margin-top: 20px;}
.login-mask .box .user .other{display: flex;justify-content: space-between;margin-top: 20px;}
.login-mask .box .user .other .part{display: flex;justify-content: flex-start;font-size: 14px;color: #777777;}
.login-mask .box .user .other .part span{display: block;margin-left: 6px;}
.login-mask .box .user .other .part span em{color: #5ebd00;cursor: pointer;}
.login-mask .box .user .btn .submit{width: 100%;background-color: #3b4a2c;border: 0;color: #ffffff;font-size: 15px;padding: 10px 0;border-radius: 6px;margin-top: 20px;}
.login-mask .box .user	.register {margin-top: 20px;}
.login-mask .box .user	.register span{color: #5ebd00;cursor: pointer;}
.login-mask .box .user	.model {padding-bottom: 12px;border-bottom: 1px solid #CCCCCC;margin-top: 30px;text-align: center;display: none;}
.login-mask .box .user	.model span{font-size: 14px;padding-bottom: 12px;}
.login-mask .box .user	.model span.active{color: #5ebd00;border-bottom: 2px solid #5ebd00;}
.login-mask .box .user	.model span:last-child{margin-left: 30px;}

.login-mask .box .closeMask{font-size: 20px;position: absolute;right: 25px;top: 20px;cursor: pointer;}
.fade-enter-active,.fade-leave-active {transition: opacity 0.5s ease;}
.fade-enter,.fade-leave-to {opacity: 0;}
.fade-div { background-color: #f0f0f0;padding: 10px;}

/* 搜索 */
.search{background:url(../images/header-bottom-bg.png) no-repeat 50% 0 ;height: 185px;display: flex;align-items: center;}
.search .container{height: 100%;display: flex;flex-direction: column;justify-content: space-evenly;}
.search .box	{width: 750px;height: 60px;margin: 0 auto;background-color: #ffffff;border-radius: 10px;display: flex;justify-content: space-between;align-items: center;padding: 12px 35px;box-sizing: border-box;}
.search .type{color: #5e7144;font-size: 16px;display: flex;justify-content: flex-start;align-items: center;cursor: pointer;}
.search .type .type-ico{background: url(../images/header-bottom-type-ico.png) no-repeat center;width: 18px;height: 10px;display: block;margin-left: 15px;}
.search .type .text span{width: 50px;display: block;}
.search .type .text ul{position: absolute;top: 30px;left: -25px;width: 84px;height: 0;background-color: #f5f6f6;font-size: 16px;overflow: hidden;border-radius: 6px;transition: height 0.5s ease;}
.search .type .text ul li{width: 100%;text-align: center;height: 35px;line-height: 35px;border-bottom: 1px solid #eaeaea;box-sizing: border-box;color: #666666;}
.search .type .text ul li:hover{background-color: #e8e3d8;}			
.search .content input{width: 500px;border: 0;font-size: 16px;}
.search .content input::placeholder {color: #b9c0b1;}

.return{position: fixed;bottom: 60px;left: calc(50vw + 700px);}
.return .btn{width: 50px;height: 50px;border-radius: 50%;background-color: #ffffff;cursor: pointer;display: none;position: relative;margin: 0 auto;}
.return .btn .icon{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 18px;}
.return .contactUs{width: 60px;height: 60px;border-radius: 6px;background-color: #ffffff;padding: 4px;box-sizing: border-box;margin-top: 20px;cursor: pointer;}
.return .contactUs .box{display: flex;flex-direction: column;justify-content: space-around; align-items: center;width: 100%;height: 100%;}
.return .contactUs .box img{width: 24px;height: 22px;}
.return .contactUs .box span{color: #999;font-size: 12px;}

.return .contactAi{width: 60px;height: 60px;border-radius: 6px;background-color: #ffffff;padding: 4px;box-sizing: border-box;margin-top: 20px;cursor: pointer;}
.return .contactAi .box{display: flex;flex-direction: column;justify-content: space-around; align-items: center;width: 100%;height: 100%;}
.return .contactAi .box img{width: 24px;height: 22px;}
.return .contactAi .box span{color: #999;font-size: 12px;}

/* .return .contactUs:hover .details{opacity: 1;} */
.return .contactUs .details{width: 250px;right: 100%;bottom: 0;background-color: #ffffff;border-radius: 6px;box-shadow: 0 4px 12px rgba(0, 0, 0, .2);margin-right: 12px;display: none;transition: display 0.5s ease-in-out;/* height: 300px; */ }
.return .contactUs .details h2{font-size: 14px;color: ##303034;padding: 12px;box-sizing: border-box;border-bottom: 1px solid #e4e1e6;}
.return .contactUs .details .content{padding:18px 12px;box-sizing: border-box;color: #77767a;}
.return .contactUs .details .content .item{display: flex;justify-content: flex-start;margin-bottom: 6px;}
.return .contactUs .details .content .phone .text p:first-child{font-size: 20px;color: #6c8750;margin-top: -5px;letter-spacing: 1px;}
.return .contactUs .details .content .phone .text p:last-child{margin-top: 8px;font-size: 10px;}
.return .contactUs .details .content .part{display: flex;justify-content: flex-start;align-items: center;margin-top: 8px;}
.return .contactUs .details .content .part img{width: 60px;height: 60px;object-fit: cover;}
.return .contactUs .details .content .part .text{margin-left: 10px;}
.return .contactUs .details .content .part .text span{font-size: 14px;}
.return .contactUs .details .content .part .text p{margin-top: 2px;}
.return .contactUs .details::after{content: "";display: block; background-color: transparent;position: absolute;height: 100%;width: 16px;right: -16px; top: 0;}
.return .contactUs .details .content::after{content: "";position: absolute;right: -8px;bottom: 20px;width: 21px;height: 21px;background-color: #ffffff;transform: rotate(45deg);}

/* 统计数据 */
.statistics{width: 1100px;margin: 0 auto;}
.statistics ul{display: flex;justify-content: space-between;align-items: center;}
.statistics ul li{display: flex;flex-direction: row;align-items: center;justify-content: center;}
.statistics ul li .part{margin-left: 12px;cursor:default;width: 100%;width: 114px;}
.statistics ul li .number{display: flex;justify-content: flex-start; align-items: center;}
.statistics ul li .number em{display: block;font-size: 22px;font-family: "黑体";font-weight: 600;color: #efefff;letter-spacing: 2px;}
.statistics ul li .number i{display: block;background-color: #3e4f2c;color: #ffffff;padding: 3px 4px;box-sizing: border-box;border-radius: 12px;margin-left: 4px;font-weight: 600;}
.statistics ul li .name{font-size: 15px;color: #efefff;}
.statistics ul .line{width: 1px;height: 30px;background-color: #ffffff;}

/* 设置滚动条的样式 */
body::-webkit-scrollbar {
  width: 4px; /* 设置滚动条的宽度 */
}

/* 设置滚动条轨道的样式 */
body::-webkit-scrollbar-track {
  background: #9E9E9E; /* 设置轨道的背景颜色 */
}

/* 设置滚动条滑块的样式 */
body::-webkit-scrollbar-thumb {
  background: #888; /* 设置滑块的背景颜色 */
}

/* 鼠标悬停在滑块上时的样式 */
body::-webkit-scrollbar-thumb:hover {
  background: #555; /* 设置鼠标悬停时滑块的背景颜色 */
}


/* 自定义弹出框的样式 start*/
.fire-popup-msg {
	background-color: #3a3a3a; /* 设置弹出框背景色为黑色 */
	color: white; /* 设置字体颜色为白色 */
	font-size: 14px; /* 设置字体大小 */
	padding: 10px; /* 调整弹出框内边距 */
	width: auto; /* 调整弹出框宽度 */
	display: flex; /* 使用 Flexbox 布局 */
	align-items: center; /* 垂直居中 */
	justify-content: center; /* 水平居中 */
	text-align: center; /* 文本居中对齐 */
}

.fire-popup-msg .swal2-title {
	font-size: 14px; /* 设置标题字体大小 */
	margin: 0; /* 移除默认的外边距 */
	padding: 0;
}

.fire-popup-msg .swal2-content {
	font-size: 14px; /* 设置内容字体大小 */
	margin: 0; /* 移除默认的外边距 */
	display: flex; /* 使用 Flexbox 布局 */
	align-items: center; /* 垂直居中 */
}

.fire-popup-msg .swal2-close {
	color: white; /* 关闭按钮颜色 */
}

.layer-custom-button {
 border: 0px solid red !important; /* 使用 !important 确保样式生效 */
  color: #fff;
  padding: 0.625em 1.25em;
  font-size: 1em;
  border-radius: 0.25em;
  background-color: #415130 !important;
  cursor: pointer;
  outline: none;
  transition: all 0.2s;
  box-shadow: none !important; /* 去除默认的阴影 */
}

.layer-custom-button:hover {
  background-color: #415130 !important;
  color: #fff !important;
}
.swal2-icon.swal2-info {
  color: #415130 !important; /* 自定义图标颜色 */
  border-color: #415130 !important;;
}
.firePopupHtml-swal-popup {
  width: 700px; /* 根据需要调整宽度 */
  max-height: 800px; /* 根据需要调整高度 */
  overflow-y: auto; /* 启用垂直滚动条 */
}
.firePopupHtml-swal-html-container {
  text-align: left !important; /* 可选：将文本对齐方式设为左对齐 */
  width: 670px; /* 根据需要调整宽度 */
  max-height: 680px; /* 根据需要调整高度 */
}

div:where(.swal2-container) div:where(.firePopupHtml-swal-popup) h2:where(.swal2-title) {
    position: relative;
    max-width: 100%;
    margin: 0;
    /* padding: .2em 1em 0 !important; */
	padding: 6px 20px;
    color: inherit;
    font-size: 1.875em;
    font-weight: 600;
    text-align: center;
    text-transform: none;
    word-wrap: break-word;
	border-bottom: solid 1px #607D8B;
}

div:where(.swal2-container) div:where(.firePopupHtml-swal-popup) button:where(.swal2-close) {
    z-index: 2;
    align-items: center;
    justify-content: center;
    width: 1.2em;
    height: 1.2em;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: -1.2em;
    padding: 0;
    overflow: hidden;
    transition: color .1s, box-shadow .1s;
    border: none;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0);
    color: #ccc;
    font-family: monospace;
    font-size: 2em !important;
    cursor: pointer;
    justify-self: end;
}

div:where(.swal2-container) .firePopupHtml-swal-html-container {
    z-index: 1;
    justify-content: center;
    margin: .8em .8em .8em 1em !important;
    padding: 0;
    overflow: auto;
    color: inherit;
    font-size: 1.125em;
    font-weight: normal;
    line-height: normal;
    text-align: center;
    word-wrap: break-word;
    word-break: break-word;
}

/* 去除关闭按钮边框 */
.swal2-close {
  border: none !important; /* !important 用于覆盖默认样式 */
}
.swal2-close:focus {
    outline: none;
    box-shadow: none;
}
/* 自定义弹出框的样式 end*/

/* 表单 */
.el-input .el-input__inner:focus{border-color: #6c8750 !important;}
.el-select .el-input.is-focus .el-input__inner{border-color: #6c8750 !important;}
.el-select-dropdown__item.selected{color: #6c8750 !important;}
.el-select input{width: 245px !important;margin-left: 0 !important;}
.el-textarea textarea:focus{border-color: #6c8750 !important;}
/* .city input{width: 245px !important;} */