@charset "UTF-8";
/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote {  margin: 0;  padding: 0; }
fieldset { border: 0;  vertical-align: middle; }
address,caption,cite,code,dfn,em,th,var { font-style: normal; font-weight: normal; }
ol,ul { list-style: none; }
caption,th { text-align: left; }
q:before,q:after {  content: ''; }
abbr,acronym {  border: 0; font-variant: normal; }
sup { vertical-align: text-top; }
sub {  vertical-align: text-bottom; }
input,textarea,select { font-family: inherit; font-size: inherit; font-weight: inherit; *font-size: 100%; outline:none; border: none; }
legend { color: #333; }
a{  outline:none;  text-decoration:none; }
a:active{ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);-moz-tap-highlight-color: rgba(0, 0, 0, 0); }
#yui3-css-stamp.cssreset {  display: none; }
.cf:before, body:before, .header:before, .footer:before {   content: '';  display: table;  }
.cf:after, after, .header:after,  .footer:after {  content: '';  clear: both;  display: table;  }
.cf, .header, .footer {  *zoom: 1;  }
.fl{ float:left; }
.fr{ float:right; }
input[type=button], input[type=submit], input[type=file], button { cursor:pointer; -webkit-appearance: none; } 
.mhxl{  -webkit-appearance: none; -o-appearance: none; -moz-appearance: none; -ms-appearance: none; /*for chrome*/ }
img{border:0;}
body, html { font-family:Verdana, Arial, Helvetica, Sans-Serif, "宋体"; color:#333333; font-size:14px; background-color:#ffffff;}
a { color:#333333; font-size:14px; text-decoration:none; outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-transition: all .3s ease-out;
   -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
        transition: all .3s ease-out;}
a:hover { color:#49764B;}




table{ border-top:1px solid #DDDDDD; border-left:1px solid #DDDDDD;}
table tr{}
table tr td{text-align:center; padding:0px 6px 0px 6px; border-right:1px solid #DDDDDD; border-bottom:1px solid #DDDDDD;}
table tr td img{max-width:100%;}



.clear{ clear:both; height:0;  line-height:0; font-size:0}

select{padding:5px; outline:none; }


/*2025-10-7 添加的省市县联动下拉样式*/
.section{}
.section-title{color:#333;font-size:18px;}
.city-selector{height:auto;}
.selector-group{display:flex;flex-wrap:wrap;gap:10px}
.selector-item{flex:1;}
.mui-select{width:100%;padding:10px; border-radius:8px; -moz-border-radius:8px;  -webkit-border-radius:8px; border:1px solid #ededed; font-size:16px;}
.result-display{ display:none; margin-top:15px;padding:10px 15px;background-color:#e8f5e9;border-radius:4px;border-left:4px solid #4caf50;font-size:14px}



/* 自定义select容器 */
.custom-select {
    position: relative;
    width: 100%;
    font-size: 16px;
}
/* 隐藏原生select，但保留其功能 */
.custom-select select {
    width: 100%;
    padding: 12px 15px;
    padding-right: 25px; /* 为下拉箭头留出空间 */
    border: 1px solid #eee;
    border-radius: 10px;
    background-color: white;
    appearance: none; /* 移除浏览器默认样式 */
    -webkit-appearance: none;
    -moz-appearance: none;
    font-size: inherit;
    color: #333;
    cursor: pointer;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
/* 针对IE的特殊处理 */
.custom-select select::-ms-expand {
    display: none;
}
/* 自定义下拉箭头 */
.custom-select::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #666;
    pointer-events: none; /* 确保点击箭头时触发select */
}

/* 选项样式 - 注意：部分浏览器可能不支持所有选项样式 */
.custom-select select option {
	width:100%;
    padding: 8px;
    color: #333;
}





/*弹出对话框*/
.open-btn{padding:10px 20px;background:#4F46E5;color:white;border:none;border-radius:6px;cursor:pointer;font-size:16px;transition:background 0.3s}
.open-btn:hover{background:#4338CA}
.dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all 0.3s ease}
.dialog-overlay.active{opacity:1;visibility:visible}
.dialog{background:white;border-radius:12px;width:90%;max-width:500px;box-shadow:0 10px 25px rgba(0,0,0,0.2);transform:translateY(-20px);transition:transform 0.3s ease}
.dialog-overlay.active .dialog{transform:translateY(0)}
.dialog-header{padding:1.5rem;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}
.dialog-title{margin:0;font-size:1.25rem;color:#1F2937}
.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#9CA3AF;transition:color 0.2s}
.close-btn:hover{color:#1F2937}
.dialog-content{padding:1.5rem;color:#4B5563;line-height:1.6}
.dialog-footer{padding:1rem 1.5rem;border-top:1px solid #eee;display:flex;justify-content:flex-end;gap:10px}
.dialog-btn{padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;transition:all 0.2s}
.cancel-btn{background:#F3F4F6;border:none;color:#4B5563}
.cancel-btn:hover{background:#E5E7EB}
.confirm-btn{background:#4F46E5;border:none;color:white}
.confirm-btn:hover{background:#4338CA}
/*弹出对话框结束*/







/*放大*/
.fd{
	transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari 和 Chrome */
	-o-transition: all 1s; /* Opera */
}
.fd:hover{
	transform: scale(1.1);
	-moz-transform: scale(1.1); /* Firefox 4 */
	-webkit-transform: scale(1.1); /* Safari 和 Chrome */
	-o-transform: scale(1.1); /* Opera */
}

.yuanjiao2{ border-radius:2px; -moz-border-radius:2px;  -webkit-border-radius:2px; }
.yuanjiao4{ border-radius:4px; -moz-border-radius:4px;  -webkit-border-radius:4px; }
.yuanjiao5{ border-radius:5px; -moz-border-radius:5px;  -webkit-border-radius:5px; }
.yuanjiao10{ border-radius:10px; -moz-border-radius:10px;  -webkit-border-radius:10px; }
.yuanjiao20{ border-radius:20px; -moz-border-radius:20px;  -webkit-border-radius:20px; }
.yuanjiao50{border-radius:50%; -moz-border-radius:50%;  -webkit-border-radius:50%;}

/*放大 带边框阴影*/
.fd2{
	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari 和 Chrome */
	-o-transition: all 0.5s; /* Opera */
}
.fd2:hover{	
	transform: scale(1.2);
	-moz-transform: scale(1.2); /* Firefox 4 */
	-webkit-transform: scale(1.2); /* Safari 和 Chrome */
	-o-transform: scale(1.2); /* Opera */
	
	border:1px solid #CCCEDA;
	-webkit-box-shadow: 0 0 10px #dddddd;  
	-moz-box-shadow: 0 0 10px #dddddd;
	box-shadow: 0 0 10px #dddddd;
	border-collapse:separate !important;
}

/*放大*/
.bj_fd{
	transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari 和 Chrome */
	-o-transition: all 1s; /* Opera */
}
.bj_fd:hover{
	transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari 和 Chrome */
	-o-transition: all 1s; /* Opera */
	background-size:101% 101%;
}


/*旋转*/
.xz{
	transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari 和 Chrome */
	-o-transition: all 1s; /* Opera */
}
.xz:hover{
	transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari 和 Chrome */
	-o-transition: all 1s; /* Opera */
	-webkit-transform: rotate(360deg);	-moz-transform: rotate(360deg);	transform: rotate(360deg);
}

/*阴影*/
.yy{
	-webkit-box-shadow: 0 0 5px #eeeeee;  
	-moz-box-shadow: 0 0 5px #eeeeee;
	box-shadow: 0 0 5px #eeeeee;
	border-collapse:separate !important;
}
.yy:hover{
	-webkit-box-shadow: 0 0 3px #999999;  
	-moz-box-shadow: 0 0 3px #999999;
	box-shadow: 0 0 3px #999999;
	border-collapse:separate !important;
}

/*阴影2*/
.yy2{
	-webkit-box-shadow: 1px 1px 1px #eeeeee;  
	-moz-box-shadow: 1px 1px 1px #eeeeee;
	box-shadow: 1px 1px 1px #eeeeee;
	border-collapse:separate !important;
}

/*阴影3*/
.yy3{
	padding:10px 0 10px 0 !important;
	-webkit-box-shadow: 1px 1px 2px #bbbbbb;  
	-moz-box-shadow: 1px 1px 2px #bbbbbb;
	box-shadow: 1px 1px 2px #bbbbbb;
}

.li-fd img{
	transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari 和 Chrome */
	-o-transition: all 1s; /* Opera */
}
.li-fd:hover img{
	transform: scale(1.1);
	-moz-transform: scale(1.1); /* Firefox 4 */
	-webkit-transform: scale(1.1); /* Safari 和 Chrome */
	-o-transform: scale(1.1); /* Opera */
}



/*白边*/
.baibian{
-webkit-text-shadow:3px 3px 0px #FFFFFF;
-moz-text-shadow:3px 3px 0px #FFFFFF;
-o-text-shadow:3px 3px 0px #FFFFFF;
text-shadow:3px 3px 0px #FFFFFF;
}

/*块*/
.kuai{
	display:inline-block;
    _display:inline;
    *display:inline;
    zoom:1;
}


/*图片彩色变白色*/
.cai_bai img{
-webkit-filter: grayscale(50%); 
-moz-filter: grayscale(50%); 
-ms-filter: grayscale(50%); 
-o-filter: grayscale(50%); 
filter: grayscale(50%); 
filter: gray; 
}
.cai_bai:hover img{
-webkit-filter: grayscale(0); 
-moz-filter: grayscale(0); 
-ms-filter: grayscale(0); 
-o-filter: grayscale(0); 
filter: grayscale(0); 
filter: gray;
}

/*图片彩色变白色*/
.cai_bai2 img{
-webkit-filter: grayscale(50%); 
-moz-filter: grayscale(50%); 
-ms-filter: grayscale(50%); 
-o-filter: grayscale(50%); 
filter: grayscale(50%); 
filter: gray; 
}
.cai_bai2:hover img{
-webkit-filter: grayscale(0); 
-moz-filter: grayscale(0); 
-ms-filter: grayscale(0); 
-o-filter: grayscale(0); 
filter: grayscale(0); 
filter: gray;
}

/*透明*/
.hui_hei{
	filter:alpha(opacity=50); /* IE */
	-moz-opacity:0.5; /* 老版Mozilla */
	-khtml-opacity:0.5; /* 老版Safari */
	opacity: 0.5; /* 支持opacity的浏览器*/
}
.hui_hei:hover{
	filter:alpha(opacity=100); /* IE */
	-moz-opacity:1; /* 老版Mozilla */
	-khtml-opacity:1; /* 老版Safari */
	opacity: 1; /* 支持opacity的浏览器*/
}


/*透明*/
.touming{
	filter:alpha(opacity=70); /* IE */
	-moz-opacity:0.7; /* 老版Mozilla */
	-khtml-opacity:0.7; /* 老版Safari */
	opacity: 0.7; /* 支持opacity的浏览器*/
}
.touming:hover{
	filter:alpha(opacity=100); /* IE */
	-moz-opacity:1; /* 老版Mozilla */
	-khtml-opacity:1; /* 老版Safari */
	opacity: 1; /* 支持opacity的浏览器*/
}


/*四边灰*/
.sibianhui{border:1px solid #E1E1E1; padding:4px;}
/*三边灰*/
.sanbianhui{border-left:1px solid #E1E1E1; border-right:1px solid #E1E1E1; border-bottom:1px solid #E1E1E1;}

/*圆角*/
.yuanjiao{border-radius:5px; -moz-border-radius:5px;  -webkit-border-radius:5px;}
/*底边圆角*/
.yuanjiao-db{border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px;  -webkit-border-radius:0 0 4px 4px;}
/*上边圆角*/
.yuanjiao-top{border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0;  -webkit-border-radius:4px 4px 0 0;}

/*倾斜*/
.qingxie{
transform:skewX(30deg);
-webkit-transform:skewX(30deg); /*兼容-webkit-引擎浏览器*/
-moz-transform:skewX(30deg); /*兼容-moz-引擎浏览器*/
}


/*css里的下拉效果*/
@keyframes xiala{
	0%{ opacity: 0; transform: translate(0, -100); -ms-transform: translate(0, -100); -moz-transform: translate(0, -100); -webkit-transform: translate(0, -100); -o-transform: translate(0, -100); }
	100%{opacity: 1; transform: translate(0, 0); -ms-transform: translate(0, 0); -moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); }
}@-moz-keyframes xiala{
	0%{ opacity: 0; transform: translate(0, -100); -ms-transform: translate(0, -100); -moz-transform: translate(0, -100); -webkit-transform: translate(0, -100); -o-transform: translate(0, -100); }
	100%{opacity: 1; transform: translate(0, 0); -ms-transform: translate(0, 0); -moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); }
}@-webkit-keyframes xiala{
	0%{ opacity: 0; transform: translate(0, -100); -ms-transform: translate(0, -100); -moz-transform: translate(0, -100); -webkit-transform: translate(0, -100); -o-transform: translate(0, -100); }
	100%{opacity: 1; transform: translate(0, 0); -ms-transform: translate(0, 0); -moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); }
}@-o-keyframes xiala{
	0%{ opacity: 0; transform: translate(0, -100); -ms-transform: translate(0, -100); -moz-transform: translate(0, -100); -webkit-transform: translate(0, -100); -o-transform: translate(0, -100); }
	100%{opacity: 1; transform: translate(0, 0); -ms-transform: translate(0, 0); -moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); }
}






/*解决opacity IE透明度问题
  .opacity{
   filter:alpha(opacity=50);    	IE
   -moz-opacity:0.5;                老版Mozilla
   -khtml-opacity:0.5;              老版Safari
   opacity: 0.5;           			支持opacity的浏览器}

解决IE rgba透明度的问题。
filter:progid:DXImageTransform.Microsoft.gradient(startColorst33#7F000000,endColorstr=#7F000000); 
注：#33000000 这里#后面是有两部分组成的：第一个是透明度（值如下），第二个是六位数的颜色值。
0.1（19）  0.2（33）  0.3（4C）    0.4（66）   0.5（7F）    0.6（99）  0.7（B2）  0.8（C8）   0.9（E5）
*/

/* function */
.f-dn { display:none;}
.f-db { display:block;}
.f-di { display:inline;}
.f-fl { float:left;}
.f-fr { float:right;}
.f-fn { float:none;}
.f-pr { position:relative;}
.f-pa { position:absolute;}
.f-oh { overflow:hidden;}
.f-fs12 { font-size:12px;}
.f-fs14 { font-size:14px;}
.f-fwb { font-weight:bold;}
.f-tal { text-align:left;}
.f-tac { text-align:center;}
.f-tar { text-align:right;}
.f-vam { vertical-align:middle;}
.f-vat { vertical-align:top;}
.f-wsn { word-wrap:normal; white-space:nowrap;}
.f-ti { overflow:hidden; text-indent:-999em;}
.f-ti2 { text-indent:2em;}
.f-cp { cursor:pointer;}
.f-nus { -webkit-user-select:none; -ms-user-select:none; user-select:none;}
.f-clear { overflow:hidden; display:block; clear:both; height:0;}
.f-clearfix:before, .f-clearfix:after { content:''; display:table;}
.f-clearfix:after { clear:both;}
.f-clearfix,.f-zm { *zoom:1;}
.f-yahei { font-family:\5fae\8f6f\96c5\9ed1;}
.f-song { font-family:\5b8b\4f53;}
.f-cred { color:#f00;}