/*checkbox style*/
    /* 自定义标签（容器） */
    .container {
        display: block;
        position: relative;
        padding-left: 20px;
        margin-bottom: 12px;
        cursor: pointer;
        font-size: 22px;
        user-select: none;
        @media (min-width:600px) {
            padding-left: 2cqw;
        }
    }

    /* 隐藏浏览器默认的复选框 */
    .container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        width: 14px;
        height: 14px;
        display: inline-block;
    }

    /* 创建自定义复选框 */
    .checkmark {
        position: absolute;
        top: -3px;
        left: 0;
        width: 14px;
        height: 14px;
        background-color: #fff;
        border: 1px solid;
        border-color: #290bd2;
        border-radius: 3px;
        @media (min-width: 600px) {
            width: 1.5cqw;
            height: 1.5cqw;
            top: -0.475cqw;
        }
    }

    /* 鼠标悬停时，添加灰色背景 */
        .container:hover input ~ .checkmark {
        background-color: #ccc;
        border-radius: 3px;
    }

    /* 复选框选中时，添加蓝色背景 */
    .container input:checked ~ .checkmark {
        background-color: #290bd2;
        border-radius: 3px;
    }

    /* 创建复选标记（未选中时隐藏） */
    .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    /* 复选框选中时，显示复选标记 */
    .container input:checked ~ .checkmark:after {
        display: block;
    }

    /* 复选标记的样式 */
    .container .checkmark:after {
        left: 4px;
        top: 1px;
        width: 14px;
        height: 14px;
        border: solid white;
        border-width: 0 3px 3px 0;
        transform: rotate(45deg);
        @media (min-width:600px) {
            left: 0.45cqw;
            top: 0.1cqw;
            width: 0.4cqw;
            height: 0.8cqw;
        }
    }