/* 公共样式 */
    
    @font-face {
        font-family: "SourceHanSansCN-Bold";
        src: url('../fonts/SourceHanSansCN-Bold.ttf');
        font-display: 'swap';
    }
    
    @font-face {
        font-family: "SourceHanSansCN-Regular";
        src: url('../fonts/SourceHanSansCN-Regular.ttf');
        font-display: 'swap';
    }
    
    .wp {
        padding: 2% 2%;
        width: 96%;
    }
    
    .wp .titledemo {
        animation-name: fadeInUp;
        visibility: visible;
    }
    
    .wp .titledemo .title {
        font-size: 0.38rem;
        color: #222;
        text-align: center;
        padding: 0.2rem 0 0.2rem 0;
    }
    
    .wp .titledemo .subtitle {
        font-size: 0.18rem;
        color: #222;
        padding: 0 0 20px 0;
        display: block;
        text-align: center;
    }
    /* 基础样式，用于所有视口尺寸 */
    
    .list {
        display: flex;
        flex-wrap: wrap;
        /* 允许换行 */
        justify-content: center;
        /* 居中对齐 */
        padding: .3rem 0;
    }
    
    .list-pdf {
        padding: .3rem 0 .6rem 0;
    }
    
    .item {
        flex-basis: calc(42%);
        margin: 2% 4% 0;
        box-sizing: border-box;
    }
  
    .item-img {
        /* box-shadow: 1px 0 15px rgba(0, 1, 1, 0.18); */
        /* height: 200px; */
    }
    
    .item-img img {
        width: 100%;
        /* 使图片适应其容器宽度 */
        height: auto;
        /* 保持图片的原始宽高比 */
    }
    
    .list .item-title {
        font-size: 0.21rem;
        text-align: center;
        margin: 0.2rem 0 0.2rem 0;
        color: rgba(0, 98, 170, 1);
        word-break: break-word;
    }
    
    .list .item-pdf {
        height: 240px;
        box-shadow: 3px 2px 7px rgba(0, 0, 0, 0.5);
    }
    
    .list .item-pdf img {
        height: 100%;
    }
    
    .banner .banner-title {
        font-size: 0.55rem;
        color: #fff;
        font-weight: bold;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        /* width: max-content; */
        text-align: center;
        width: 90%;
        word-break: break-all;
    }
    
    #mask {
        width: 100%;
        height: 100%;
        position: fixed;
        background: rgba(0, 0, 0, 0.5);
        z-index: 9;
        display: none;
    }
    
    .popup-form {
        width: 96%;
        height: fit-content;
        display: none;
        justify-content: center;
        align-items: center;
        z-index: 99;
        background: #fff;
        position: fixed;
        top: 1%;
        left: 2%;
        border-radius: 10px;
        padding: 0.4rem 0 0.35rem 0;
    }
    
    .popup-form .closepic {
        width: 21px;
        height: 21px;
        position: absolute;
        right: 18px;
        top: 18px;
    }
    
    .popup-form .popup-form-box {
        width: 90%;
    }
    
    .popup-form .popup-form-box .logoimg {
        width: 35.3333%;
        display: block;
        margin: 0px auto 4px;
    }
    
    .popup-form .popup-form-box .popup-form-title {
        text-align: center;
        font-size: 0.33rem;
        color: #222;
        /* font-family: 'SourceHanSansCN-Bold'; */
        font-weight: bold;
    }
    
    .popup-form .popup-form-box .popup-form-subtitle {
        font-size: 0.22rem;
        color: #666;
        text-align: center;
        /* font-family: 'SourceHanSansCN-Regular'; */
    }
    
    .popup-form .popup-form-box .popup-form-content {
        margin: 0.15rem 0 0 0;
    }
    
    .popup-form .popup-form-box .popup-form-content .form-item {
        margin: 0 0 .1rem 0;
    }
    
    .popup-form .popup-form-box .popup-form-content .form-item .form-item-title {
        font-size: .22rem;
        color: #444;
    }
    
    .popup-form .popup-form-box .popup-form-content .form-item .form-item-title i {
        color: #cc0001;
    }
    
    .popup-form .popup-form-box .popup-form-content .form-item input {
        width: calc(100% - 20px);
        padding: 0 10px;
        height: .4rem;
        border: 1px solid #e7e7e7;
        font-size: .20rem;
        color: #000;
    }
    
    .popup-form .popup-form-box .popup-form-content button {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #006db9;
        color: #fff;
        font-size: 0.28rem;
        border-radius: 10px;
        outline: none;
        border: 0;
        height: .7rem;
    }
    
    #myaddress {
        visibility: hidden;
        display: none;
    }
    
    #goback {
        width: .3rem;
        height: .3rem;
        position: fixed;
        z-index: 99;
        left: 5%;
        top: 2%;
        border-radius: 50%;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px;
        box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5);
    }
    
    #goback img {
        max-width: 96%;
    }
    /* 移动端样式，针对较小屏幕（例如小于 768px） */
    
    @media (max-width: 767px) {
        .list {
            /* 继承基础样式，无需额外设置 */
            justify-content: flex-start;
        }
        .item {
            width: calc(50% - 10px);
            /* 保持每个 item 占据一半宽度 */
        }
    }
    /* 媒介查询 */
    /* 大屏幕（老款笔记本1366） */
    
    @media (max-width: 1366px) {}
    /* 大屏幕（老款笔记本1200） */
    
    @media (max-width: 1200px) {}
    /* 中等屏幕（平板模式1024） */
    
    @media (max-width: 1024px) {}
    /* 小屏幕（平板） */
    
    @media (max-width: 640px) {}
    /* 大屏幕（手机） */
    
    @media (max-width: 414px) {}
    /* 小屏幕（手机) */
    
    @media (max-width: 375px) {}