* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
a {
    text-decoration: none;
    color: inherit;
}
ul,dl {
    list-style: none;
}
/* =========页面容器========= */
.page-main-content {
    max-width:1200px;
    margin:32px auto;
    padding:0 16px;
}
.clear-fix::after {
    content:"";
    display:block;
    clear:both;
}
/* =========产品卡片核心========= */
.itemsfour {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap:24px;
}
.itemsfour > li {
    background:#ffffff;
    border-radius:12px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08);
    overflow:hidden;
    transition: all 0.25s ease;
    border:none !important;
}
.itemsfour > li:hover {
    box-shadow:0 6px 20px rgba(0,0,0,0.12);
    transform: translateY(-4px);
}
.item-top {
    background: linear-gradient(135deg,#00b4ff,#0078ff);
    padding:16px 20px;
    color:#fff;
}
.item-top h1 {
    font-size:18px;
    font-weight:600;
}
.item-top h6 {
    font-size:13px;
    opacity:0.9;
    margin-top:4px;
    font-weight:normal;
}
.item-bottom {
    padding:20px;
}
.img img {
    width:100%;
    height:auto;
    max-height:140px;
    object-fit:contain;
    margin-bottom:12px;
}
.p-text {
    display:flex;
    align-items:center;
    margin:14px 0;
    font-size:13.5px;
    color:#444;
}
.p-text dt {
    margin-right:8px;
}
.p-text dt img {
    width:8px;
    height:8px;
}
.item-bottom p {
    margin:10px 0;
    text-align:center;
}
.price-num {
    color:#ff7d00;
    font-size:28px;
    font-weight:bold;
}
.qq-link a {
    color:#00a07c;
}
.btn {
	font-size:13px;
    margin-top:14px;
    text-align:center;
}
.btn a {
    display:inline-block;
    width:100%;
    padding:10px 0;
    background-color:#0088ff;
    color:#fff;
    border-radius:6px;
    font-weight:500;
    transition: background 0.2s;
}
.btn a:hover {
    background-color:#0066cc;
}
/* =========为什么选择我们模块======== */
.ui-choose.common {
    max-width: 1200px;
    margin: 60px auto 40px;
    padding: 0 16px;
    width: 100%;
    box-sizing: border-box;
}
.common-title {
    text-align: center;
    margin-bottom: 40px;
}
.common-title h2 {
    font-size: 28px;
    color: #1f2937;
    margin: 0 0 8px;
}
.common-title b {
    display: block;
    width: 60px;
    height: 2px;
    background-color: #ee4466;
    margin: 0 auto 12px;
}
.common-title p {
    color: #ee4466;
    font-size: 16px;
    margin: 0;
}

.ui-choose > ul {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 24px;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    width: 100%;
    box-sizing: border-box;
}
.ui-choose li {
    width: 100%;
    box-sizing: border-box;
    min-width: 0;
}
.ui-choose li dl {
    background: #ffffff;
    padding: 30px 24px;
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    min-height: 340px;
    box-sizing: border-box;
    margin: 0;
    overflow: visible !important;
}
/* 图标dt占位，给图标留出上方空间 */
.ui-choose dt {
    height: 120px;
    margin-bottom:16px;
    background-repeat: no-repeat;
    background-position: center center;  /* 图标完全居中 */
    background-size: auto 100px;
}

.ui-choose .dt1 {
    background-image: url("icon01.png");
}
.ui-choose .dt2 {
    background-image: url("icon02.png");
}
.ui-choose .dt3 {
    background-image: url("icon03.png");
}
.ui-choose .dt4 {
    background-image: url("icon04.png");
}


.ui-choose h3 {
    font-size: 22px;
    color: #222222;
    margin: 0 0 14px;
    font-weight: 600;
	text-align: center;
}
.ui-choose p {
    font-size: 14px;
    color: #555555;
    line-height: 1.8;
    margin: 0;
    word-break: break-all;
    overflow: visible !important;
}
.lts{ font-size:14px; color: #666}
/* 平板 2列 */
@media (max-width: 992px) {
    .ui-choose > ul {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .ui-choose li dl {
        min-height: auto;
    }
}
/* 手机 1列 */
@media (max-width: 576px) {
    .ui-choose > ul {
        grid-template-columns: 1fr !important;
    }
    .common-title h2 {
        font-size: 22px;
    }
}


/* =========响应式适配======== */
