@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
html,body {font-size:14px; line-height:24px;flex-direction: column;justify-content: center;align-items: center;}
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,address,em,img,ol,ul,li,fieldset,form,label,legend,table,tbody,tfoot,thead,tr,th,td,i,b,s{
   margin:0;padding:0;border:0;font-weight:normal;font-style:inherit;font-family:'Arial','Microsoft Yahei','Helvetica';
} 
select{appearance: none;-webkit-appearance: none;-ms-appearance: none;-moz-appearance: none;background-color: transparent;}
ul,ol{list-style:none}
a img{border:none;}
a,a:link{text-decoration:none;color: #333}
button{overflow:visible;padding:0;margin:0;border:0 none;background-color:transparent;appearance: none;-webkit-appearance:none;}
button::-moz-focus-inner{padding:0}
textarea,input{background:none;padding:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
input[type=number]{appearance: none;-webkit-appearance: none; border: 0;}
input[type=search]{appearance: none;-webkit-appearance: none; border: 0;}
input[type=text]{appearance: none;-webkit-appearance: none; border: 0;}
input[type=tel]{appearance: none;-webkit-appearance: none; border: 0;}
input[type=button]{appearance: none;-webkit-appearance: none;}
input[type=password]{-webkit-text-security:disc;appearance: none;-webkit-appearance: none; border: 0;}
input[type=submit]{appearance: none;-webkit-appearance: none; border: 0;}
.fl{ float:left;}
.fr{ float:right;}
.clear { clear:both; height:0;}
.cover{ display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; }

    body{margin:0;padding:0;background:#f4f6f8;font-family:Arial,'Microsoft YaHei',sans-serif;color:#333;}
    table{border-spacing:0;border-collapse:collapse;}
    .smf_box img{border:0;display:block;max-width:100%;height:auto;}
    .smf_box a{text-decoration:none;}
    .smf_box .wrapper{width:100%;background:#f4f6f8;padding:24px 0;}
    .smf_box .container{width:700px;max-width:700px;background:#ffffff;margin:0 auto;}
    .smf_box .px{padding-left:34px;padding-right:34px;}
    .smf_box .section{padding-top:28px;padding-bottom:28px;}
    .smf_box .eyebrow{font-size:14px;color:#e31b23;font-weight:bold;letter-spacing:.5px;margin:0 0 8px;}
    .smf_box h1{font-size:30px;line-height:1.35;color:#1f2933;margin:0 0 8px;font-weight:700;}
    .smf_box h2{font-size:22px;line-height:1.35;color:#1f2933;margin:0 0 8px;font-weight:700;}
    .smf_box h3{font-size:18px;line-height:1.35;color:#1f2933;margin:0 0 8px;font-weight:700;}
    .smf_box p{font-size:15px;line-height:1.75;margin:0;color:#3f4a54;}
    .smf_box .lead{font-size:17px;line-height:1.75;color:#2f3a45;}
    .smf_box .btn{display:inline-block;background:#e31b23;color:#ffffff!important;font-size:15px;font-weight:bold;padding:12px 22px;border-radius:3px;margin:6px 8px 6px 0;}
    .smf_box .btn-outline{display:inline-block;background:#ffffff;color:#1f5fae!important;border:1px solid #1f5fae;font-size:15px;font-weight:bold;padding:11px 20px;border-radius:3px;margin:6px 8px 6px 0;}
    .smf_box .tag{display:inline-block;background:#eef5ff;color:#1f5fae;font-size:13px;font-weight:bold;padding:5px 10px;border-radius:20px;margin:0 6px 8px 0;}
    .smf_box .alert{background:#fff8ef;border-left:4px solid #f5a623;padding:18px 20px;}
    .smf_box .card{border:1px solid #e4e8ee;border-radius:6px;padding:20px;background:#ffffff;vertical-align:top;}
    .smf_box .bluebar{background:#235da8;color:#ffffff;font-size:20px;font-weight:bold;text-align:center;padding:14px 20px;}
    .smf_box .small{font-size:12px;line-height:1.6;color:#7b8794;}
    .smf_box .divider{height:1px;background:#e6eaf0;line-height:1px;font-size:1px;}
    .smf_box ul{margin:0 0 0 18px;padding:0;}
    .smf_box li{font-size:15px;line-height:1.7;color:#3f4a54;margin:0 0 6px;}
    @media screen and (max-width:767px){
      .smf_box .container{width:100%!important;}
      .smf_box .px{padding:20px!important;}
	  .smf_box .px.pad{ padding:0 20px 20px!important;}
      .smf_box h1{font-size:24px!important;}
      .smf_box h2{font-size:20px!important;}
      .smf_box .stack{display:block!important;width:100%!important;margin-bottom:14px!important;}
      .smf_box .btn,.btn-outline{display:block!important;text-align:center!important;margin-right:0!important;}
	  .smf_box .section{ padding:0;}
    }

/**表单**/
.con_bg{ width:700px;margin: 0 auto; background:#fff; padding:28px 34px;}
.con_bg .order_tit{font-size: 22px;line-height: 1.35; color:#1f2933;font-weight: bold;}
.con_bg .order_tit span{color: #e31b23;font-weight: bold;}
.con_bg .small{ font-size:14px; color:#999;}
.lin_order {margin: 0 auto;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
.lin_order_in{ margin-bottom: 0; background: #f6f6f6;border-radius: 10px;}
.lin_order_in .con_bg{position:relative;padding: 30px 30px 0;background: #f1f4f9;}
.lin_order .order_ts { width:100%; overflow:hidden; line-height:20px; color:#e31b23; font-size:15px; margin:10px auto 0; padding:14px 20px; background-color: #f5fbff; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.lin_order .order_div { width:100%; margin:15px auto 0; padding:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; float:left;}
.lin_order .order_div50 { width:49%; margin:15px 2% 0 0;}
.lin_order .order_div50:nth-child(2n+2) { margin:15px 0 0;}
.lin_order .order_div100 { width:100%;}
.od_title { width:100%;overflow:hidden;line-height:30px;color:#333;font-size: 16px;margin: 0 auto 5px;padding:0;font-weight: bold;}
.od_title span { color:#f00;}
input[type="radio"] + label::before {
	content: "\a0"; /*不换行空格*/
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	width: 18px;
	height: 18px;
	margin:11px 10px 11px 0;
	border-radius: 50%;
	border: 1px solid #ccc;
	text-indent: .15em;
	line-height: 1; float:left; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;
}
	
input[type="radio"]:checked + label::before {
	background-color: #e31b23; border: 1px solid #e31b23; background-clip: content-box; padding: 4px;
}
input[type="checkbox"] + label::before {
	content: "\a0"; /*不换行空格*/
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	width: 16px;
	height: 16px;
	margin:12px 10px 12px 0;
	text-indent: .15em;
	line-height: 1; float:left; background-color:; border:1px solid #ccc; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;
}
input[type="checkbox"]:checked + label::before {
	border: 1px solid #e31b23;
	background-color: #e31b23;
	background-clip: content-box;
	content: "\2714";
	color:#fff;
}
.fm_radio, .fm_checkbox { width:100%; margin:0 auto; padding:0;}
.fm_radio ul li { width:50%; overflow:hidden; float:left;}
.fm_radio1 ul li { width:33.333333%;}
.fm_radio2 ul li {width: 50%;margin-right: 0%;}
.fm_radio3 ul li { width:100%;}
.fm_checkbox ul li { width:33.333333%; float:left;}
.fm_radio ul li input, .fm_checkbox ul li input { display:none;}
.fm_radio ul li label, .fm_checkbox ul li label {width:100%;line-height:40px;color: #666;font-size:15px;cursor:pointer;}
.fm_checkbox1 ul li { width:100%;}
.fm_checkbox2 ul li { width:50%; float:left;}


.fm_radio ul li.qita label{ width:15%; float:left;}
.fm_radio ul li.qita .rd_ipt{float:left;display: block;width:60%;height: 36px;overflow: hidden;line-height: 36px;color: #999;font-size: 15px;margin: 2px 0;padding: 0 10px; background-color:#f5f5f5;outline: none;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;}

.fm_radio1 ul li input.rd_ipt { display:block; width:120px; height:36px; overflow:hidden; line-height:34px; color:#565656; font-size:14px; border:1px solid #ccc; margin:2px 0; padding:0 10px; outline:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.fm_checkbox2 ul li input.rd_ipt { float:right; display:block; width:40%; height:36px; overflow:hidden; line-height:34px; color:#565656; font-size:14px; border:1px solid #ccc; background-color:#fff; margin:2px 0; padding:0 10px; outline:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}

.tips { width:100%; overflow:hidden; color:rgba(255, 255, 255, 0.6); font-size:14px; margin:20px auto; padding:0 30px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}

.fm_ipt { width:100%; height:40px; overflow:hidden; margin:0 auto; padding:0;}
.fm_ipt input { display:block; width:100%; height:36px; overflow:hidden; line-height:34px; color:#565656; font-size:14px; border:1px solid #ccc; margin:2px auto; padding:0 10px; outline:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.fm_checkbox1 ul li label { width:100%; float:left;}
.fm_checkbox1 ul li input.rd_ipt { float:right; display:block; width:50%; height:36px; overflow:hidden; line-height:34px; color:#565656; font-size:14px; border:1px solid #ccc; background-color:#fff; margin:2px 0; padding:0 10px; outline:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}

.ipt_tit {width:100%;height:40px;overflow:hidden;line-height:40px;color:#333;font-size: 16px;margin:0 0 5px;padding:0;float:left;font-weight: bold;}
.ipt_tit1 { width:30%;}
.ipt_tit span { color:#f00;}
.fm_ipt1, .fm_ipt2 { width:100%; height:auto; overflow:hidden; margin:0; padding:0; float:right;}
.lxtel .fm_ipt1 input{ width:49%; float:left;}
.lxtel .fm_ipt1 .fmIpt{width:49%; float:right;position:relative;}
.lxtel .fm_ipt1 .fmIpt input{ width:100%;}
.fmIpt button {display:block;width:120px;height:45px;overflow:hidden;line-height:45px;color:#fff;font-size:15px; font-weight:bold;text-align:center;margin:0 auto;padding:0;background-color: #e31b23;border-radius:0;border:none;outline:none;cursor:pointer; position:absolute; top:0;right:0;transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.fmIpt button:hover{ background-color:#dd1f25;}
.fm_ipt3 { width:70%;}
.fm_ipt1 input, .fm_ipt1 select, .fm_ipt2 select { display:block; width:100%; height:45px; overflow:hidden; line-height:45px; color:#333; font-size:15px; background-color:#fff; margin:0 auto; padding:0 20px; outline:none;border-radius: 3px; border: 1px solid #e4e8ee;}
.fm_ipt2 select { width:49%; margin:2px 1% 2px 0; float:left;}
.fm_ipt3 select { width:36%;}
.fm_ipt3 input.rd_ipt { float:right; display:block; width:26%; height:36px; overflow:hidden; line-height:34px; color:#565656; font-size:14px; border:1px solid #ccc; margin:2px 0; padding:0 10px; outline:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.fm_ipt1 select, .fm_ipt2 select { background:#fff url(../images/jt.png) top right no-repeat;}
.address{width: 50%;float: left;}
.area{float:right; width:49%;}
.address select{border:0; outline:none;width:49%;background:#fff url(../images/jt.png) center right no-repeat; float:left;border-radius: 3px; border: 1px solid #e4e8ee;}
.address #sheng{ margin-right:2%;}

.fm_slc4 select { width:48.5%; float:left}
.fm_checkbox3 .fm_ipt1 select { width:48%; margin:2px 2% 2px 0; float:left;}
.fm_checkbox3 .fm_ipt1 input { width:48%; display:block;}

.order_btn { width:160px; overflow:hidden; margin:0 auto; padding:40px 0 30px;}
.order_btn input {display:block;width:100%;height:45px;overflow:hidden;line-height:45px;color:#fff;font-size:15px; font-weight:bold;text-align:center;margin:0 auto;padding:0;background-color: #e31b23;border-radius:0;border:none;outline:none;cursor:pointer;transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.order_btn input:hover { background-color:#dd1f25;}

.text_other{ border: 1px solid #ccc; padding:3px; width:100%;font-family:'Arial','Microsoft Yahei','Helvetica'; color:#666;}
form .text_other:focus{
    border-color: rgba(82,168,236,0.8);
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6)
}
@media screen and (max-width:912px) {
    .lin_order_in .con_bg{ padding:10px;}
	.fm_radio1 ul li,.fm_checkbox ul li{ width:50%;}
	.fm_checkbox2 ul li{ width:100%;}
}
@media screen and (max-width:767px) {
	.con_bg{ width:100%; padding:30px 20px;}
	.con_bg .order_tit{font-size: 20px;}
	.od_title,.ipt_tit{ font-size:15px; margin:0;}
	.fm_radio ul li label, .fm_checkbox ul li label,.fm_radio ul li.qita .rd_ipt{ font-size:14px;line-height: 30px;}
	.fm_radio ul li.qita label{ font-size:0;width: 8%;}
	.lin_order .order_div {margin:5px auto 0;}
	.lin_order .order_div50{ width:100%; margin-right:0; margin-top:5px;}
	.lin_order .order_div50:nth-child(2n+2){ margin-top:5px;}
	.lxtel .fm_ipt1 input {width: 100%; float:none;}
	.lxtel .fm_ipt1 .fmIpt{width: 100%; float:none; margin-top:10px;}
	input[type="radio"] + label::before,input[type="checkbox"] + label::before{width: 14px;height: 14px;margin: 8px 8px 8px 0;}
	.order_btn{padding: 20px 0;}
}
@media screen and (max-width:500px) {
	.fm_radio2 ul li{ width:100%;}
	.fm_radio ul li.qita label{width:7%;}
	
	.address{ width:100%; margin-bottom:10px;}
	.area{ width:100%;}
	
	.lin_order{ margin:0 auto;}
	.fmIpt button{width: 90px; font-size:14px;}
}
@media screen and (max-width:375px) {
	.fm_radio ul li.qita label{width:8%;}
	.text_other{ width:98%;}
	
	.fm_radio1 ul li,.fm_checkbox ul li{ width:100%;}
}
@media screen and (max-width:320px) {
	.fm_radio ul li.qita label{width:10%;}
}


/**banner**/
.apple-banner { width: 960px; height: 320px; overflow: hidden; background-color: #f2f2f2;}
.apple-banner .swiper-container { width: 100%; height: 320px;}
.swiper-button-prev,.swiper-button-next { width: 15%; height: 100%; top:0; background:none;}
.swiper-button-prev { left:0;}	
.swiper-button-next { right:0;}	
.swiper-button-prev span,.swiper-button-next span { display:block; width: 64px; height: 64px; position: absolute; left: 20px; top: 50%; margin-top:-32px; border-radius: 100%; background: rgba(0,0,0,0.5) url(../images/arrows1.png) no-repeat center center; opacity: 0; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease;}
.swiper-button-next span { background: rgba(0,0,0,0.5) url(../images/arrows2.png) no-repeat center center; left:auto; right:20px; }
.swiper-button-prev:hover span,.swiper-button-next:hover span{ opacity: .6;}
/*分页器*/
.apple-banner .swiper-pagination{ top:auto; bottom:30px; background:none;}
.apple-banner .swiper-pagination-bullet { display: inline-block; margin: 0 12px; cursor: pointer; background: none; border-radius:0; opacity: 1;}
.apple-banner .swiper-pagination-bullet span { width: 12px; height: 12px; display: block; background: rgba(4,185,61,0.3); border-radius:6px;}
.apple-banner .swiper-pagination-bullet-active span{width: 48px; background-color: #04b93d;}
.apple-banner .swiper-pagination-bullet-active { width:48px;}
.apple-banner .autoplay .swiper-pagination-bullet-active span{ background: rgba(4,185,61,1);}
.apple-banner .swiper-pagination-bullet i{}
.apple-banner .autoplay .firsrCurrent i{ transition:transform 2.9s linear; transform:scaleX(1);}
.apple-banner .autoplay .current i{ transition:transform 4s linear; transform:scaleX(1);}
.apple-banner .autoplay .replace span{ background-color:#04b93d; border-radius:6px;}

.fm_kuang,.fm_kuang textarea{ min-height:120px; line-height:30px;color: #565656;font-size: 14px;background:#fff;}
.fm_kuang textarea{border: 1px solid #ccc; margin:0 auto; padding:0 15px; outline:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;display:block; width:100%;}

.order_sm{padding: 0 30px 20px; color:#999;}
.order_sm i{color: #e31b23;}

.smfldc_banner a{display:block;width:100%;}
.smfldc_banner a img{width:100%;}
.smfldc_container{background:url(../images/smfldc_bg.jpg) top center no-repeat;padding: 0 20px 40px;}
.smfldc_jianjie{background-image: linear-gradient(to bottom,rgba(255,255,255,0.05),#fff);border-radius:0;margin-bottom:40px;padding:1px;}
.smfldc_jianjie .con_bg{background:url(../images/smfldc_bg.jpg) top center no-repeat;border-radius:0;}
.smfldc_jianjie p{padding:30px 30px;font-size:17px;color:#fff;line-height:36px;text-indent:34px;background:rgba(52,168,228,.33);border-radius:0;}
.smfldc_pic1{border-radius:0;margin-bottom:44px;/*padding:1px;background-image: linear-gradient(to bottom,rgba(255,255,255,0.05),#fff);*/}
.smfldc_pic1 p{padding:20px;background:#2a5079;border-radius:0;overflow:hidden;}
.smfldc_pic1 p img{max-width:100%;border-radius:0;}
.smfldc_pic1 .pro_bj{margin:0 auto 20px;padding:20px;background:#ff9600;border-radius:0;overflow:hidden;}
@media (max-width:1000px) {
 .lin_main{ width:100%;}
}

.smfldc_hdgz{background-image: linear-gradient(to bottom,rgba(255,255,255,0.05),#fff);border-radius:0;margin-top:64px;margin-bottom:40px;padding:1px;}
.smfldc_hdgz .con_bg{background:url(../images/smfldc_bg.jpg) top center no-repeat;border-radius:0;position:relative;}
.smfldc_hdgz .conn{padding:30px 30px;background:rgba(44,83,124,.7);border-radius:0;}
.smfldc_hdgz .tlt{position:absolute;top:-24px;left:50%;width:267px;height:48px;margin-left:-134px;}
.smfldc_hdgz .tlt img{max-width:100%;}
.smfldc_hdgz .hd{overflow:hidden;padding-bottom:26px;border-bottom:1px solid rgba(255,255,255,.3);}
.smfldc_hdgz .hd .wz{font-size:17px;color:#fff;line-height:36px;text-indent:34px;float:left;width:562px;padding-top:28px;}
.smfldc_hdgz .hd .pic{width:323px;height:193px;float:right;}
.smfldc_hdgz .hd .pic img{max-width:100%;}
.smfldc_hdgz .bd ul{overflow:hidden;font-size:0;padding-top:24px;}
.smfldc_hdgz .bd ul li{display:inline-block;vertical-align:middle;font-size:16px;color:#fff;background:url(../images/smfldc_icon1.png) left center no-repeat;max-width:350px;padding-left:28px;margin-right:20px;min-width:240px;margin-bottom:18px;}

.ly_hdsm {background-image: linear-gradient(to bottom,rgba(255,255,255,0.05),#fff);border-radius:0;margin-top: 40px;margin-bottom: 0;padding:1px;}
.ly_hdsm .con_bg{background:url(../images/smfldc_bg.jpg) top center no-repeat;border-radius:0;position:relative;overflow: hidden;}
.ly_hdsm  .conn{padding: 20px 30px 20px 176px;background: rgba(30,66,156,.35);border-radius:0;}
.ly_hdsm .lyHdsm_tit {width: 148px;height: 60px;overflow:hidden;line-height: 31px;color:#fff;font-size:24px;text-align:center;margin:0;padding: 35px 0;background-color: #e31b23;position:absolute;left:0;top:0;}

.ly_hdsm p {width:100%;height:auto;overflow:hidden;line-height:30px;color:#fff;font-size: 16px;margin:0 auto;padding: 0 0 0 0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

.footewm{ width:100%;background:#f5fbff;text-align:center;border-radius:0;height: 200px;}
.footewm img{ box-shadow:5px 5px 5px #f5f5f5; margin-top:10px;}

.smfldc_pic1 .pro{width: 100%;overflow:hidden;margin: 0 auto; background:#fff;}
.smfldc_pic1 .pro img{ float:left;margin: 20px; width:40%;}
.smfldc_pic1 .pro .list{ float:right; width:52%;padding:20px 20px 20px 0; }
.smfldc_pic1 .pro .list ul li{ display:inline-block; line-height:40px;width:100%;}
.smfldc_pic1 .pro .list ul li b{font-weight: bold;font-size: 22px;color: #303030; line-height: 32px;}
.smfldc_pic1 .pro .list ul li span{border-radius: 50%;background: #e31b23;width: 10px;height: 10px; display:inline-block;margin-right: 10px;}
.smfldc_pic1 .pro a{ clear:both;display:block;width:190px;height:45px;line-height:45px;text-align:center;color:#767fff; border:1px solid #767fff; border-radius:50px;margin: 0 auto;font-size: 18px;}
.smfldc_pic1 .pro a:hover{color:#fff; border:1px solid #fff;background-image: linear-gradient(to right,#606aff, #7961ff);}



.table-container {
            width: 100%;
            max-width: 1200px;      /* 大屏时限制最大宽度，提升阅读舒适度 */
            margin: 0 auto;
            border-radius:10px;
            background: white;
            /* box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); */
            overflow: hidden;        /* 确保圆角与内部背景融合 */
            padding: 1.5rem 1rem 1.5rem 1rem;  /* 内边距让表格不贴边 */
        }

        /* 表格本身样式 */
        .responsive-table {
            width: 100%;
            border-collapse: collapse;          /* 合并边框，更干净 */
            background: white;
            border-radius: 16px;
            text-align: left;
            font-size: 1rem;
            table-layout: fixed;                /* 固定布局，列宽平均分配 */
        }

        .responsive-table colgroup col:first-child {
			 width: 10%;   /* 第一列窄一点 */
		}
		.responsive-table colgroup col:nth-child(2) {
			width: 20%;   /* 第二列 */
		}
		
		.responsive-table colgroup col:nth-child(3) {
			width:23.3333%;   /* 第三列 */
		}

.responsive-table colgroup col:nth-child(4) {
			width:23.3333%;   /* 第四列 */
		}
		.responsive-table colgroup col:nth-child(5) {
			width:23.3333%;   /* 第四列 */
		}
        /* 表头样式 */
        .responsive-table thead tr {
            color: white;
            border-radius: 12px 12px 0 0;
        }

        .responsive-table th {
			background: linear-gradient(145deg, #e31b23, #bf332d);
            font-weight: 600;
            letter-spacing: 0.3px;
            font-size: 0.9rem;
            padding: 1.2rem 1rem;
            white-space: nowrap;                 /* 大屏防止换行 */
        }
		.responsive-table th:first-child{ border-radius:10px 0 0 0;}
		.responsive-table th:last-child{ border-radius:0 10px 0 0;}

        /* 表格正文样式 */
        .responsive-table td {
            padding: 1.2rem 1rem;
            border-bottom: 1px solid #ffe5e5;
            color: #333;
            background-color: white;
        }
		.responsive-table td i{ display:inline-block; background:#333; width:5px; height:5px; border-radius:50%; margin: 0 8px 2px 0;}

        /* 给偶数行增加极淡底色，提升可读性 */
        .responsive-table tbody tr:nth-child(even) td {
            background-color: #fffafa;
        }

        /* 悬停效果 (桌面) 轻微提示 */
        @media (hover: hover) {
            .responsive-table tbody tr:hover td {
                background-color: #ffe9e9;
                transition: background 0.2s;
            }
        }

        /* ---------- 响应式核心：当屏幕宽度小于或等于 640px (手机/小屏) ---------- */
        @media screen and (max-width: 720px) {
            .table-container {
                padding: 0.8rem 0.5rem;
                border-radius: 10px;
            }

            /* 
             * 让表格变成块级结构，thead 隐藏，每行 <tr> 变成独立卡片，
             * 每个单元格 <td> 按照 data-label 显示为“标题: 内容”
             */
            .responsive-table,
            .responsive-table thead,
            .responsive-table tbody,
            .responsive-table tr,
            .responsive-table td {
                display: block;
            }

            /* 隐藏表头，因为我们会在小屏用 data-label 模拟 */
            .responsive-table thead {
                display: none;
            }

            /* 每一行 tr 变成圆角卡片，留出间距 */
            .responsive-table tbody tr {
                background: white;
                margin-bottom: 1.5rem;
                border-radius: 10px;
                box-shadow: 0 6px 14px rgba(0, 10, 30, 0.1);
                padding: 0;
                border: 1px solid #ffe5e5;
            }

            /* 最后一个 tr 底部间距归零 */
            .responsive-table tbody tr:last-child {
                margin-bottom: 0;
            }

            /* 单元格样式：类似 flexible 列表项 */
            .responsive-table td {
                display: flex;
                justify-content: space-between;
				flex-direction: column;
                align-items: flex-start;
                padding: 0.85rem 0.8rem;
                border-bottom: 1px dashed #ffe5e5;
                background: transparent !important;  /* 覆盖原有背景，保持一致 */
                font-size: 1rem;
                gap: 0.4rem;
            }
            /* 移除偶数行特殊底色 */
            .responsive-table tbody tr:nth-child(even) td {
                background-color: transparent;
            }

            /* 每个单元格最后一个取消底部边框 */
            .responsive-table td:last-child {
                border-bottom: none;
            }

            /* 使用伪元素或 data-label 展示列名 —— 方法：添加 data-label 属性，用伪元素显示 */
            .responsive-table td::before {
                content: attr(data-label);        /* 获取 data-label 属性值作为标题 */
                font-weight: 700;
                padding: 0.3rem 1rem 0.3rem 1rem;
                border-radius: 10px;
                font-size: 0.8rem;
                letter-spacing: 0.3px;
                display: inline-block;
                min-width: 95%;               /* 标题区域宽度稳定 */
                text-align: left;
                box-shadow: inset 0 1px 3px rgba(0,0,0,0.03);
                flex-shrink: 0;                    /* 防止被压缩 */
				color: #e31b23; background:none; border:1px dashed #ffe5e5;
				
            }
			.responsive-table td:first-child::before{color: #fff;background: linear-gradient(145deg, #e31b23, #bf332d); border:none;}

            /* 单元格内容样式（右侧值） */
            .responsive-table td .cell-content {
                text-align: left;
                font-weight: 500;
                word-break: break-word;            /* 长内容换行 */
                flex: 1;
				width: 100%;
				padding-left: 0.5rem;
            }

            /* 为了结构更健壮，我们还需要在 html 中为每个 td 填充 data-label 属性，
               下面的 js 片段或手动填充都可以。这里我们用一小段嵌入脚本自动生成（不影响布局） 
               同时也为了保证展示，手动编写示例时硬编码 data-label */
        }
@media screen and (max-width: 425px) {
	.responsive-table td::before {min-width: 92%; }
}
@media screen and (max-width: 320px) {
	.responsive-table td::before {min-width: 90%; }
}

/*验证码弹窗*/
.yzm_pop { display:none; width:400px; height:auto; margin:0; padding:30px; background-color:#fff; box-shadow:0 0 20px 0 rgba(0,0,0,0.2); border-radius:4px; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);z-index: 1000;}
.yzm_pop .yzmpop_tit { width:100%; height:auto; overflow:hidden; line-height:30px; color:#303030; font-size:18px; font-weight:bold; text-align:center; margin:0 auto 20px; padding:0;}

.yzm_pop .yzmIpt { width:100%; height:44px; overflow:hidden; margin:0 auto; padding:0 140px 0 0; position:relative; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.yzm_pop .yzmIpt input {display:block;width:100%;height: 44px;overflow:hidden;line-height: 42px;color:#565656;font-size:14px;border-radius: 2px 0 0 2px;background-color:#fff;border: 1px solid #d3d3d3;border-right:0;margin:0 auto;padding:0 15px;outline:none;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
.yzm_pop .yzmIpt a { display:block; width:140px; height:44px; overflow:hidden; margin:0; padding:0; background-color:#e8ecf0; border-radius: 0 2px 2px 0; position:absolute; top:0; right:0;}
.yzm_pop .yzmIpt a img { display:block; width:100%; height:100%; margin:0; padding:0;}

.yzmBtn { width:100%; height:auto; overflow:hidden; margin:20px auto 0; padding:0; text-align:center;}
.yzmBtn input { display:inline-block;width:90px;height:40px;overflow:hidden;line-height:40px;color:#fff;font-size:14px;text-align:center;margin:0 10px;padding:0;border-radius:2px;border:none;outline:none;cursor:pointer;background-color: #e1090a;}
.yzmBtn input:hover { background-color:#ff0001;}
.yzmBtn input.Qx { background-color:#808080;}
.yzmBtn input.Qx:hover { background-color:#ea0001;}
.maskYzm {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
}
@media (max-width: 500px) {
	.yzm_pop{ width:70%;}
	.yzm_pop .yzmIpt{ padding:0;}
	.yzm_pop .yzmIpt a{ width:50%;}
}
@media (max-width: 400px) {
	.yzmBtn input{ width:60px;}
	.yzm_pop .yzmIpt input{ font-size:12px;}
}
@media (max-width: 350px) {
	.yzm_pop .yzmIpt input{ padding: 0 5px;}
}