.error {
    color: red;
}

.info {
    color: red;
}

#demo-set-btn {
    display: none;
}

.tableicon {
    margin-left: 10px;
}

/*查询组件元素*/
.search-element {
    margin-top: 5px;
}

/*操作按钮*/
.action-button {
    margin-left: 2px;
    margin-top: 2px;
}

/*文字自动换行*/
.text-auto-newline {
    word-wrap: break-word; /*允许长单词换行到下一行*/
    word-break: break-all; /*这个参数根据需要来决定要不要*/
    overflow: hidden; /*这个参数根据需要来决定要不要*/
}

/*元素居中*/
.element-center {
    text-align: center !important;
    margin: 0 auto !important;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

.arrow-container {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.arrow-container::after {
    /*content: ">>";*/
    position: absolute;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.arrow-container:hover::after {
    opacity: 1;
}

/*使用Flexbox元素居中*/
.flex-element-center {
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中，可选 */
}

.hover-zoom {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden; /* 隐藏溢出内容 */
    transition: transform 0.3s ease; /* 平滑过渡效果 */
}

/* 鼠标悬停时放大 */
.hover-zoom:hover {
    transform: scale(1.05); /* 放大 1.1 倍 */
}

.seek-steps {
    margin-left: 14%;
    margin-top: 30px;
    margin-bottom: 30px;
}

.arrow {
    background: url(/pub/img/icon01.png) #fff no-repeat;
    background-position: 91px -126px;
}

/*/////步骤线样式////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.seek-steps .arrow {
    background: url(/pub/img/step_arrow.png) no-repeat;
    position: absolute;
    width: 10px;
    height: 35px;
    overflow: hidden;
    top: -1px;
}

.step-p {
    margin-right: 27px;
    position: relative;
}

.step-green {
    background: #7da415;
    border: solid 1px #567e20;
    color: #fff;
    font-weight: bold;
    border-right: 0;
}

.step-green .arrow-t {
    background-position: 0 0;
    display: inline-block;
    right: -10px;
}

.step-green .arrow-w {
    background-position: -10px -122px;
    display: inline-block;
    left: -10px;
}

.step-grey {
    background: #e4ece5;
    border: solid 1px #cfdcd1;
    color: #4b4b4b;
}

.step-grey .arrow-t {
    background-position: 0 -40px;
    right: -10px;
}

.step-grey .arrow-w {
    background-position: -10px -79px;
    left: -10px;
}

.seek-steps .step-p {
    display: inline-block;
    text-align: center;
    line-height: 33px;
    font-size: 14px;
    height: 33px;
}

.seek-steps .step-1 {
    width: 215px;
    border-right: 0;
}

.seek-steps .step-2 {
    width: 208px;
}

.seek-steps .step-3 {
    width: 208px;
}

.seek-steps .step-4 {
    width: 215px;
    margin-right: 0;
}

.seek-steps .index {
    display: inline-block;
    margin-right: 11px;
}