/*     html滚动条     */
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
    width: 15px; /*滚动条宽度*/
    height: 20px; /*滚动条高度*/
}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3);
    border-radius: 6px; /*滚动条的背景区域的圆角*/
    background-color: #ffffff; /*滚动条的背景颜色*/
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
    border-radius: 6px; /*滚动条的圆角*/
    -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3);
    background-color: #e3e3e3; /*滚动条的背景颜色*/
}
/*      html滚动条     */

/*span文字限制长度，超出则显示...*/
.spanWidthLimit160 {
    color: #909399;
    display: inline-block;
    width: 180px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.my-initPageId-div-class {
    min-height: 320px !important;
}










/*                                     */
/*自然人角标开始*/
.subscript{ /*左上角角标*/
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform: rotate(-45deg);
    font-size: 16px;
    position: absolute;
    font-family: "黑体";
    text-align: center;
}
.subscript2 { /*右下角角标*/
    background-color: #a0dcfa;
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform: rotate(-45deg);
    font-size: 12px;
    position: absolute;
    font-family: "黑体";
    text-align: center;
    font-weight: lighter;
}
/*自然人角标结束*/

@media screen and (min-width: 235px) and (max-width: 330px) {
    .subscript2{  /*左下角角标*/
        color: #fff;
        line-height: 27px !important;
        height: 26px !important;
        width: 26%;
        left: 81%;
        top: 81%;
    }
    .sonSubscript2{
        margin-top: -1px;
    }
    .subscript{ /*左上角角标*/
        color: #fff;
        line-height: 24px !important;
        height: 24px !important;
        width: 130px;
        right: 69%;
        top: 1%;
    }
    .sonSubscript{
        width: 24px;
        height: 24px;
        margin: -3px auto;
    }
}
@media screen and (min-width: 331px) and (max-width: 380px) {
    .subscript2{  /*左下角角标*/
        color: #fff;
        font-size: 12px;
        line-height: 27px !important;
        height: 26px !important;
        width: 26%;
        background-color: #a0dcfa;
        left: 81%;
        top: 78%;
    }
    .sonSubscript2{
        margin-top: -1px;
    }
    .subscript{ /*左上角角标*/
        color: #fff;
        font-size: 16px;
        line-height: 24px !important;
        height: 24px !important;
        width: 130px;
        right: 76%;
        background-color: #a0dcfa;
        top: 4%;
    }
    .sonSubscript{
        width: 24px;
        height: 24px;
        margin: -3px auto;
    }
}
@media screen and (min-width: 381px) and (max-width: 430px) {
    .subscript2{  /*左下角角标*/
        color: #fff;
        font-size: 12px;
        line-height: 27px !important;
        height: 26px !important;
        width: 26%;
        background-color: #a0dcfa;
        left: 81%;
        top: 78%;
    }
    .sonSubscript2{
        margin-top: -1px;
    }
    .subscript{ /*左上角角标*/
        color: #fff;
        font-size: 16px;
        line-height: 24px !important;
        height: 24px !important;
        width: 130px;
        right: 76%;
        background-color: #a0dcfa;
        top: 4%;
    }
    .sonSubscript{
        width: 24px;
        height: 24px;
        margin: -3px 0 0px 34.5%;
    }
}

@media screen and (min-width: 431px) and (max-width: 550px) {
    .subscript2{  /*左下角角标*/
        color: #fff;
        font-size: 12px;
        line-height: 27px !important;
        height: 26px !important;
        width: 32%;
        background-color: #a0dcfa;
        left: 79%;
        top: 77%;
    }
    .sonSubscript2{
        margin-top: -1px;
    }
    .subscript{ /*左上角角标*/
        color: #fff;
        font-size: 16px;
        line-height: 24px !important;
        height: 24px !important;
        width: 130px;
        right: 81%;

        background-color: #a0dcfa;
        top: 4%;
    }
    .sonSubscript{
        width: 24px;
        height: 24px;
        margin: -3px 0 0px 34.5%;
    }
}

@media screen and (min-width: 700px) and (max-width: 840px) {
    .subscript2{  /*左下角角标*/
        color: #fff;
        font-size: 12px;
        line-height: 27px !important;
        height: 26px !important;
        width: 32%;

        background-color: #a0dcfa;
        left: 81%;
        top: 78%;
    }
    .sonSubscript2{
        margin-top: -1px;
    }
    .subscript{ /*左上角角标*/
        color: #fff;
        font-size: 16px;
        line-height: 24px !important;
        height: 24px !important;
        width: 130px;
        right: 87%;

        background-color: #a0dcfa;
        top: 4%;
    }
    .sonSubscript{
        width: 24px;
        height: 24px;
        margin: -3px 0 0px 34.5%;
    }
}

@media screen and (min-width: 841px) and (max-width: 1500px) {
    .subscript2{  /*左下角角标*/
        color: #fff;
        font-size: 12px;font-size: 12px;
        line-height: 27px !important;
        height: 26px !important;
        width: 32%;
        background-color: #a0dcfa;
        left: 81%;
        top: 78%;
    }
    .sonSubscript2{
        margin-top: -1px;
    }
    .subscript{ /*左上角角标*/
        color: #fff;
        font-size: 16px;
        line-height: 24px !important;
        height: 24px !important;
        width: 18%;
        right: 87%;
        background-color: #a0dcfa;
        top: 4%;
    }
    .sonSubscript{
        width: 24px;
        height: 24px;
        margin: -3px 0 0px 34.5%;
    }
}

/*需求方角标开始*/
.subscriptXqdMain{
    color: #fff;
    font-size: 18px;
    line-height: 32px !important;
    height: 32px !important;
    width: 128px;
    position: absolute;
    right: 87%;
    text-align: center;
    font-family: "黑体";
    background-color: #a0dcfa;
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform: rotate(-45deg);
}

.sonSubscriptXqdMain{
    width: 30px;
    height: 32px;
    margin: 0% 0% 0% 27.5%;
}
/*需求方角标结束*/


/*整个div置灰 start*/
.grayed-out {
    background-color: rgba(0, 0, 0, 0.5); /* 灰色背景，透明度可以根据需要调整 */
    position: relative;
    z-index: 1; /* 确保遮罩层在内容之上 */
}

.grayed-out::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: transparent; /* 设置遮罩层透明 */
    pointer-events: none; /* 防止遮挡内容的交互 */
    z-index: -1; /* 将遮罩层置于内容下方 */
}
/*整个div置灰 end*/