@charset "utf-8";
/* CSS Document - 适配移动端 最大宽度640px */
/* 基础重置 */
a {
    text-decoration: none;
    outline: none;
    color: #454545;
    cursor: pointer;
}
a:hover {
    text-decoration: none;
}
ol, ul, li {
    list-style: none;
}
img, input, label {
    vertical-align: middle;
}
img {
    max-width: 100%;
    height: auto; /* 保持图片比例 */
}
input, textarea, select {
    background: none;
    border-radius: 0;
    outline: none;
    resize: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}
input[type=radio], input[type=checkbox] {
    -webkit-appearance: radio;
    -moz-appearance: radio;
    -ms-appearance: radio;
    -o-appearance: radio;
    appearance: radio;
}
.cl {
    line-height: 0;
    display: block;
    clear: both;
    height: 0;
    width: 100%;
    overflow: hidden;
}
/* 全局样式 - 移除固定最小宽度，适配移动端 */
body, ul, dl, dd, dt, form, label, img, span, th, td, input, select, textarea, h1, h2, h3, h4, h5, h6, p, i, button, em {
    font-style: normal;
    font-weight: normal;
    list-style: none;
    padding: 0;
    margin: 0;
    font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
body, div, ul, ol, li, dl, dd, dt, form, img, span, td, input, select, textarea, label, h1, h2, h3, h4, h5, h6, p, button {
    border: none;
}
body, form, input, select, textarea {
    color: #454545;
    font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}
body {
    background-color: #ffffff;
    min-width: unset; /* 移除原固定最小宽度 */
    max-width: 640px; /* 限制最大宽度640px */
    margin: 0 auto; /* 居中显示 */
}
/* 清除浮动 */
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.clearfix {
    zoom: 1;
}
/* 通用布局类 - 适配移动端 */
.fl, .float_l {
    float: left;
}
.fr, .float_r {
    float: right;
}
.tl {
    text-align: left;
}
.tc {
    text-align: center;
}
.tr {
    text-align: right;
}
.tgli {
    padding: 10px 15px 10px 13px;
}
.underline {
    text-decoration: underline;
}
.relative {
    position: relative;
}
.zIndexUp {
    z-index: 999999;
}
.hidden {
    overflow: hidden;
}
.block {
    display: block; /* 修正原拼写错误 blcok -> block */
}
/* 容器适配 - 移除固定宽度，改为自适应 */
.wraps, .content {
    margin: 0 auto;
    -webkit-transition: all .6s ease-out;
    transition: all .6s ease-out;
    width: 94%; /* 自适应宽度，留边距 */
    max-width: 640px; /* 最大宽度640px */
}
.minwid {
    min-width: unset; /* 移除固定最小宽度 */
    max-width: 640px;
    margin: 0 auto;
}
/* 横幅区域适配 */
.hubanner {
    height: auto; /* 改为自动高度 */
    padding: 60px 0; /* 用内边距替代固定高度 */
    background: url(../images/banner.jpg) no-repeat center;
    background-size: cover; /* 背景图自适应 */
    color: #fff;
}
.hubanner i {
    display: block;
    padding-left: 5%; /* 百分比边距 */
    padding-top: 30px; /* 调整内边距适配移动端 */
    font-size: 18px; /* 适配移动端字体 */
}
.hubanner img {
    display: block;
    margin: 0 auto; /* 图片居中 */
}
.hubanner span {
    display: block;
    padding-top: 20px;
    padding-left: 5%;
    font-size: 14px;
}
/* 第一部分适配 - 流式布局 */
.huztpart1 {
    background: #fff url(../images/fgpic.jpg) no-repeat bottom center;
    background-size: contain; /* 背景图适配 */
    padding: 40px 0 120px; /* 减少内边距 */
}
.huztpart1 .title {
    text-align: center;
    background: url(../images/titlebg.png) no-repeat center;
    background-size: contain;
    height: 25px;
    line-height: 25px;
    color: #333;
    font-size: 18px; /* 缩小标题字体 */
    font-weight: 700;
}
.huztpart1 ul {
    padding: 30px 0 25px;
    margin: 0 -5px; /* 减少外边距 */
    display: flex; /* 改为弹性布局 */
    flex-wrap: wrap; /* 自动换行 */
    justify-content: center; /* 居中对齐 */
}
.huztpart1 ul li {
    float: none; /* 取消浮动 */
    text-align: center;
    margin: 10px 5px; /* 调整间距 */
    width: calc(50% - 10px); /* 每行2个，适配宽度 */
    height: auto; /* 自动高度 */
    padding: 30px 0; /* 调整内边距 */
    background-size: contain; /* 背景图适配 */
    background-position: center top;
}
/* 统一li背景图样式 */
.huztpart1 ul li.li1 {background: url(../images/csbg1.png) no-repeat center top; background-size: contain;}
.huztpart1 ul li.li2 {background: url(../images/csbg2.png) no-repeat center top; background-size: contain; margin-top: 10px;}
.huztpart1 ul li.li3 {background: url(../images/csbg3.png) no-repeat center top; background-size: contain;}
.huztpart1 ul li.li4 {background: url(../images/csbg4.png) no-repeat center top; background-size: contain; margin-top: 10px;}
.huztpart1 ul li.li5 {background: url(../images/csbg5.png) no-repeat center top; background-size: contain;}

.huztpart1 ul li img {
    display: block;
    margin: 0 auto;
    max-width: 80%; /* 图片适配 */
}
.huztpart1 ul li i {
    display: block;
    font-size: 14px;
    padding: 15px 0 10px;
    color: #333;
}
.huztpart1 ul li p {
    display: block;
    font-size: 12px;
    color: #999;
    line-height: 20px;
    padding: 0 10px;
}
/* 第二部分适配 */
.huztpart2 {
    padding: 10px 0 50px;
}
.huztpart2 .title {
    text-align: center;
    background: url(../images/titlebg.png) no-repeat center;
    background-size: contain;
    height: 25px;
    line-height: 25px;
    color: #333;
    font-size: 18px;
    font-weight: 700;
}
.huztpart2 .cont {
    padding-top: 35px;
    margin: 0 -5px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.huztpart2 .cont .zprt {
    width: calc(50% - 10px); /* 每行2个 */
    height: auto; /* 自动高度 */
    box-shadow: 0 0 10px #ccc;
    margin: 10px 5px;
    float: none;
    border-radius: 10px;
    overflow: hidden;
    padding-bottom: 20px;
}
.huztpart2 .cont .zprt b {
    display: block;
    font-size: 18px;
    letter-spacing: 1px;
    color: #fff;
    font-weight: 700;
    padding-left: 15px;
    padding-top: 20px;
}
.huztpart2 .cont .zprt span {
    display: block;
    color: #fff;
    padding-top: 8px;
    padding-left: 15px;
    font-size: 12px;
}
.huztpart2 .cont .zprt span i {
    font-size: 14px;
    padding-right: 10px;
    font-weight: 700;
}
.huztpart2 .cont .zprt ins {
    height: auto;
    display: block;
    overflow: hidden;
    position: relative;
    padding: 10px 0;
}
.huztpart2 .cont .zprt ins button {
    display: block;
    padding-right: 0;
    text-align: center;
    color: #fff;
    border-radius: 40px;
    height: 35px;
    line-height: 35px;
    width: 110px;
    position: static; /* 取消绝对定位 */
    margin: 10px auto 0; /* 按钮居中 */
    cursor: pointer;
}
.huztpart2 .cont .zprt ins button:focus {
    outline: none;
}
/* 卡片背景图适配 */
.huztpart2 .cont .zprt.zprt1 {background: url(../images/kuaibg1.png) no-repeat top center; background-size: cover;}
.huztpart2 .cont .zprt.zprt2 {background: url(../images/kuaibg2.png) no-repeat top center; background-size: cover;}
.huztpart2 .cont .zprt.zprt3 {background: url(../images/kuaibg3.png) no-repeat top center; background-size: cover;}
.huztpart2 .cont .zprt.zprt4 {background: url(../images/kuaibg4.png) no-repeat top center; background-size: cover;}

/* 按钮样式适配 */
.huztpart2 .cont .zprt.zprt1 ins button {background: #1de9b6; box-shadow: 0 0 8px rgba(29,233,182,.6);}
.huztpart2 .cont .zprt.zprt2 ins button {background: #6a94ff; box-shadow: 0 0 8px rgb(106, 148, 255);}
.huztpart2 .cont .zprt.zprt3 ins button {background: #fcc628; box-shadow: 0 0 8px rgb(252, 198, 40);}
.huztpart2 .cont .zprt.zprt4 ins button {background: #ff6a7b; box-shadow: 0 0 8px rgb(255, 106, 123);}

.huztpart2 ul {
    padding-left: 15px;
    padding-top: 10px;
}
.huztpart2 ul li {
    font-size: 13px;
    color: #696969;
    padding-left: 12px;
    height: auto;
    line-height: 24px;
    padding: 5px 0 5px 12px;
    background-size: 8px auto; /* 列表点背景适配 */
}
/* 列表点背景适配 */
.huztpart2 .cont .zprt.zprt1 li {background: url(../images/dianbg1.png) no-repeat left center;}
.huztpart2 .cont .zprt.zprt2 li {background: url(../images/dianbg2.png) no-repeat left center;}
.huztpart2 .cont .zprt.zprt3 li {background: url(../images/dianbg3.png) no-repeat left center;}
.huztpart2 .cont .zprt.zprt4 li {background: url(../images/dianbg4.png) no-repeat left center;}

.huztpart2 ul li i {
    color: red;
}
/* 提示区域适配 */
.cztips {
    font-size: 13px;
    color: #000;
    line-height: 24px;
    background: #f9f9f9;
    padding: 20px 0;
}
.cztips .wrap {
    width: 94%;
    max-width: 640px;
    margin: 0 auto;
}
.cztips .smtitle {
    text-align: center;
    font-size: 18px;
    color: #010101;
    line-height: 36px;
    font-weight: bold;
    background: url(../images/tlebgs2.png) no-repeat center;
    background-size: contain;
}
.cztips ul {
    padding-top: 20px;
    padding-left: 5%; /* 百分比边距 */
}
.cztips li {
    overflow: hidden;
    padding: 3px 0;
}
.cztips li i {
    display: block;
    float: left;
    width: 20px; /* 固定图标宽度 */
}
.cztips li span {
    display: block;
    overflow: hidden;
    margin-left: 25px; /* 避开图标 */
}
.cztips li ins {
    display: block;
}
/* 底部按钮适配 */
.bottombtn {
    padding: 30px 0 20px;
    text-align: center;
}
.bottombtn a {
    display: block;
    margin: 0 auto;
    width: 140px;
    height: 38px;
    line-height: 38px;
    background: #fcc628;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
}