/*
组件样式文件 - components.css
包含各种UI组件的样式定义
*/

/* QR二维码，默认隐藏；鼠标停留显示 */
a.a_mp .qr_mp, a.a_mini .qr_mini {
    display: none;
}

a.a_mp:hover .qr_mp, a.a_mini:hover .qr_mini {
    display: block;
}

/* 按钮：折叠/显示 透明 无边框 */
.DisplayBtn {
    background-color: transparent;
    border: none;
}
    /*按钮：折叠/显示 特效：Display 配合脚本函数 DisplayHide */
    .DisplayBtn.up::before {
        content: "▲";
    }

    .DisplayBtn.down::before {
        content: "▼";
    }

    .DisplayBtn.up:hover::before {
        color: aqua;
    }

/*并列列表 间隔2px */
ol .Parallel, ul.Parallel {
    list-style: none;
}

ul.Parallel {
    padding: 0; /* 移除内边距 */
    margin: 0; /* 移除外边距 */
    list-style-type: none; /* 移除默认的列表样式 */
    display: flex; /* 使用flexbox布局来让li元素并列 */
}

    ul.Parallel li {
        padding-left: 5px;
        padding-right: 5px;
    }

/* 组件样式已优化 - 移除未使用的注释样式 */
/*
@media all and (min-width: 120px) {
    .view-Tel {
        font-size: xx-small;
    }

    .view-NewCustomer {
        font-size: xx-small;
    }

    .small {
        font-size: xx-small;
    }

    .large {
        font-size: x-small;
    }
}

@media all and (min-width: 248px) {
    .view-Tel {
        font-size: small;
    }

    .view-NewCustomer {
        font-size: x-small;
    }

    .small {
        font-size: x-small;
    }

    .large {
        font-size: small;
    }
}

@media all and (min-width: 320px) {
    .view-Tel {
        font-size: large;
    }

    .view-NewCustomer {
        font-size: small;
    }

    .small {
        font-size: small;
    }

    .large {
        font-size: normal;
    }
}

@media all and (min-width: 360px) {
    .view-Tel {
        font-size: larger;
    }

    .small {
        font-size: small;
    }

    .large {
        font-size: normal;
    }
}

@media all and (min-width: 480px) {
    .view-Tel {
        font-size: x-large;
    }

    .small {
        font-size: small;
    }

    .large {
        font-size: large;
    }
}

@media all and (min-width: 768px) {
    .view-Tel {
        font-size: xx-large;
    }

    .small {
        font-size: normal;
    }

    .large {
        font-size: large;
    }
}
 */