@tailwind base;
@tailwind components;
@tailwind utilities;
.w1200 {
    width: 1200px;
    margin: 0 auto;
}

@media screen and (max-width: 1200px) {
    .w1200 {
        width: 100% !important;
        margin: 0 auto !important;
        overflow: hidden;
    }
}

.font10 {
    font-size: 10px;
}

.font12 {
    font-size: 12px;
}

.font14 {
    font-size: 14px;
}

.font16 {
    font-size: 16px;
}

.font18 {
    font-size: 18px;
}

.font24 {
    font-size: 24px;
}

.fnw400 {
    font-weight: 400;
}

.fnw500 {
    font-weight: 500;
}

.fnw600 {
    font-weight: 600;
}

.fnw700 {
    font-weight: 700;
}

.color1 {
    color: #999BA7;
}

.color2 {
    color: #222222;
}

.color3 {
    color: #B27041;
}

.color4 {
    color: #327CE4;
}

.color5 {
    color: #B5B5B5;
}

.color6 {
    color: #666666;
}


.mg20 {
    margin: 20px;
}

.mgt20 {
    margin-top: 20px;
}

.mgt40 {
    margin-top: 40px;
}

.mgt42 {
    margin-top: 42px;
}

.mgb12 {
    margin-bottom: 12px;
}

.mgb30 {
    margin-bottom: 30px;
}

.mgb20 {
    margin-bottom: 20px;
}

.mgb40 {
    margin-bottom: 40px;
}

.mgb50 {
    margin-bottom: 50px;
}

.mglr20 {
    margin: 0 20px;
}

.mgr20 {
    margin-right: 20px;
}

.pdb10 {
    padding-bottom: 10px;
}

.text-overflow-2 {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

.text-overflow-3 {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical
}

.hoverscale {
    transition: all .1s linear;
}

.hoverscale:hover {
    transform: scale(1.07);
    position: relative;
    z-index: 3;
}

.module-img img {
    width: 100%;
    height: 280px;
    background-position: center center;
    background-size: cover;
    max-width: 100%;
    object-fit: cover;
}

.second-level-title {
    /*margin: auto;*/
    background-color: rgb(243, 245, 249);
    /*width: 100%;*/
    height: 65px;
    padding: 10px;
    display: flex; /* 使用 flex 布局 */
    /*justify-content: center; !* 水平居中对齐 *!*/
    align-items: center; /* 垂直居中对齐 */

    :is(h2) {
        margin: 0; /* 添加这行以去除默认外边距 */
        font-weight: bold;
    }
}

#submitButton {
    width: 120px;
    height: 50px;
    color: #fff; /* 文本颜色 */
    border: none; /* 移除边框 */
    border-radius: 4px; /* 圆角 */
    padding: 10px 20px; /* 内边距 */
    cursor: pointer; /* 光标样式 */
    transition: background-color 0.3s ease; /* 过渡效果 */
    background-color: rgb(50, 124, 228);
}

/* 输入框包装器样式 */
.el-input-wrapper {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 30px; /* 左右边距均等，根据需求调整 */
    box-sizing: border-box; /* 确保边距不会使容器超出宽度 */
}

/* 输入框样式 */
/*.el-input {*/
/*    width: 100%;*/
/*    padding: 10px;*/
/*    border: 1px solid #dcdfe6;*/
/*    border-radius: 4px; !* 添加圆角 *!*/
/*    font-size: 14px;*/
/*    transition: border-color 0.3s ease;*/
/*    flex: 1; !* 让输入框自动适应宽度 *!*/
/*    margin: 0; !* 清除默认的外边距 *!*/

/*    :is(textarea) {*/
/*        height: 300px;*/
/*    }*/
/*}*/

/* 输入框悬停状态 */
.el-input:hover {
    border-color: #409EFF;
}

/* 输入框聚焦状态 */
.el-input:focus {
    border-color: #409EFF;
    box-shadow: 0 0 4px rgba(64, 158, 255, 0.6);
    outline: none;
}

/*所有a标签都取消默认样式*/
a {
    text-decoration: none; /* 移除下划线 */
    color: inherit; /* 继承父元素的颜色，通常是文本颜色 */
    cursor: auto; /* 恢复鼠标指针为默认状态 */
    outline: none; /* 移除点击时的虚线框 */
}
