html,body,#app {
    width: 100%;
    height: 100%;
}

.navbar{
    width: auto;
    height: 100%;
    z-index: 1000;
    position: fixed;
    background-color: #000;
/* background-color: #304156;*/
/* box-shadow: 5.5px 0px 5px #ccc;*/
/*border-right: 1px solid #ddd;*/
    transition: all .5s;
}
.navbar .el-menu{
    border: none;
}

.navbar .isColl{
    width: 64px;
}

.navbar .main-logo{
     height: 30px;
    padding: 15px 40px;
/* padding: 15px 0 15px 22px;*/
    text-align: left;
}
.navbar .main-logo span{
     color: #fff;
    font-weight: 700;
    vertical-align: middle;
    text-align: center;
    line-height: 35px;
    overflow: hidden;
    width: 66px ;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
 }
.navbar .main-logo i{
    color:#909399;
    line-height: 3;
}

.navbar .main-logo.isTuBiao{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
}



.hei-back-btn-main{
    position: relative;
    width: 80px;
    height: 32px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    color: #666;
    cursor: pointer;
    border: 1px solid #f0f0f0;
}
.hei-back-btn-main .hei-back-btn{
    font-size: 15px;
    color: #666;
    border: none;
    background-color: rgba(0, 0, 0, 0);
    cursor: pointer;
}

.hei-back-btn-main:hover{
    color: #217ffa;
    background-color: #f0f0f0;
}
.hei-back-btn-main:hover .hei-back-btn{
    color: #217ffa;
}

.hei-back-btn-main:active{
    color: #036bf4;
    background-color: rgba(0, 0, 0, 0);
}
.hei-back-btn-main:active .hei-back-btn{
    color: #036bf4;
}


/*.tb-anchor-hrader{
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    padding: 5px 0px;
    box-shadow: 0px 3px 3px #ddd;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;

    .anchor-nick{
        font-size: 13px;
        color: #5d93ff;
    }
}*/
button.bt:disabled {  
    background-color: #ccc; /* 背景色 */  
    color: #666; /* 文本颜色 */  
    border: 1px solid #999; /* 边框 */  
    cursor: not-allowed; /* 鼠标悬停时的光标样式 */  
    opacity: 0.6; /* 透明度 */
}

.rmb-icon{

}



.help-icon{
    width: 20px;
    display: inline-block;
    cursor: pointer;
    margin-left: 10px;
}

/*// #login {
//   width: 100vw;
//   height: 100vh;
//   overflow: hidden;
//   position: relative;
//   // 背景图片样式
//   // background-image: url("../imgs/background.jpg");
//   background-repeat: no-repeat;
//   background-attachment: fixed;
//   background-position: center;
//   background-size: cover;
// }*/

#login-form {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50vw;
  min-width: 300px;
  max-width: 400px;
  display: flex;
  flex-direction: column;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 15px;
/* // 表单 box-shadow 样式 好看*/
  box-shadow: 0 15px 25px rgba(0, 0, 0, .5);
}
#login-form h1 {
    width: 60%;
    margin: 50px auto 0;
    color: #c1c1c1;
    text-align: center;
}

/* #login-form input {
    width: 60%;
    margin: 0 auto;

    outline: none;
    border: none;
    padding: 10px;
    border-bottom: 1px solid #fff;
    background: transparent;
    color: white;
  }*/

#login-form label {
    width: 60%;
    margin: 0 auto;
    position: relative;
    top: 30px;
    left: -15px;
}

#login-form div {
    width: 60%;
    margin: 10px auto;
    display: flex;
    justify-content: center;
    align-content: center;
}

#login-form button {
/* // rgba*/
    background-color: rgba(9, 108, 144, 0.5);
    margin: 10px 25px 40px 25px;
}

#login-form p {
    width: 60%;
    margin: 8px auto;
    position: relative;
    left: -15px;
    color: #ff0000;
    font-size: 8px;
}

/* 浏览器兼容 , 针对谷歌浏览器 默认设置的 奇怪样式*/
/*input {
  -webkit-text-fill-color: #ffffff !important;
  transition: background-color 5000s ease-in-out ,width 1s ease-out!important;
}
*/

.tags-menu{
    background-color: #fff;
    box-shadow: 2px 2px 4px #ccc;
    position: absolute;
    border-radius: 10px;
}
.tags-menu ul{
    padding: 10px 0;
}
.tags-menu li{
    padding:5px 15px 5px;
    cursor: pointer;
}
.tags-menu li:hover{
    background-color: #ddd;
}

.crumb .el-breadcrumb {
   line-height: 42px;
   font-size: 16px;
}

.tags{
    padding-left: 15px;
    padding-top: 7px;
}
.tags .tag{
    cursor: pointer;
    margin-right: 5px;
}
.tags .tag .cir{
    width: 8px;
    height: 8px;
    margin-right: 4px;
    background-color: #fff;
    border-radius: 50%;
    display: inline-block;
}


.hei-btn-radio-group{
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}
.hei-btn-radio-group button{
    background-color: #f8f9fb;
    border-radius: 6px;
    cursor: pointer;
    font-family: PingFangSC;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    min-width: 88px;
    padding: 9px 16px;
    text-align: center;
    border: none;
}

.hei-btn-radio-group .selected{
    background-color: #fff2f2;
    color: #f33;
}


  .hei-vertical-divider{
    box-sizing: border-box;
    margin: 0px 10px 0 10px;
    padding: 0;
    font-size: 14px;
    line-height: 1.571429;
    position: relative;
    display: inline-block;
    height: 25px;
    vertical-align: middle;
    border-top: 0;
    border-inline-start: 1px solid rgb(18, 18, 247);
}


.hei-input--affix-wrapper{
    position: relative;
    display: inline-flex;
    width: 95px!important;
    min-width: 0;
    padding: 4px 5px;
    color: rgba(0, 0, 0, 0.88);
    font-size: 14px;
    line-height: 1.5714285714285714;
     background-image: none;
    border-width: 1px;
    border-style: solid;
    border-color: #d9d9d9;
    border-radius: 6px;
    transition: all 0.2s;
    background-color: #f8f9fb;
    border: 1px solid transparent;
}

.hei-input--affix-wrapper >input.hei-input:focus{
    box-shadow: none;
}

.hei-input--affix-wrapper .hei-input{
    box-sizing: border-box;
    margin: 0;
    padding: 4px 11px;
    color: #419eff;
    font-size: 14px;
    line-height: 1.5714285714285714;
    list-style: none;
/* //font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';*/
    position: relative;
    display: inline-block;
    width: 100%;
    min-width: 0;
    border-radius: 6px;
    transition: all 0.2s;
    padding: 0;
    font-size: inherit;
    border: none;
    border-radius: 0;
    outline: none;
    background-color: #f8f9fb;
    border: 1px solid transparent;
}

.hei-input--affix-wrapper .hei-input::placeholder{
    color: gray; /* 或者使用灰色的十六进制值 #80808080 */
    font-style: italic;
}

.hei-input--affix-wrapper .hei-input:hover{
    background-color: transparent !important;
    border-inline-end-width: 1px;
    box-shadow: 0 !important;
    outline: 0;
}
.hei-input--affix-wrapper .hei-input--suffix,
.hei-input--affix-wrapper .hei-input--prefix{
    display: flex;
    flex: none;
    align-items: center;
    color: rgba(0, 0, 0, .25);
    margin: 0;
}


.hei-input--affix-wrapper::before{
    width: 0;
    visibility: hidden;
    content: "\a0";
}

.hei-input--affix-wrapper:hover{
    background-color: transparent;
    border-color: #ff615c;
    box-shadow: 0 0 0 2px rgba(255, 38, 5, .06);
    outline: 0;
}

.hei-input--affix-wrapper-focused{
    background-color: transparent;
    border-color: #ff615c;
    box-shadow: 0 0 0 2px rgba(255, 38, 5, .06);
    outline: 0;
}


.hei-global-loading{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: aliceblue;
    gap: 20px;
    
}

.title-loading{
    color: #1497ff;
    font-size: large;
    font-weight: 600;
    margin-right: 5px;
}

.loader-37 {
    width: 50px;
    height: 50px;
    font-size: 40px;
    border-right: .1em solid currentcolor;
    border-radius: 100%;
    -webkit-animation: loader-37 800ms linear infinite;
    animation: loader-37 800ms linear infinite;
}

.loader-37:before,
.loader-37:after {
    content: '';
    width: .8em;
    height: .8em;
    display: block;
    position: absolute;
    top: calc(50% - .4em);
    left: calc(50% - .4em);
    border-left: .08em solid currentcolor;
    border-radius: 100%;
    -webkit-animation: loader-37 400ms linear infinite reverse;
    animation: loader-37 400ms linear infinite reverse;
}

.loader-37:after {
    width: .6em;
    height: .6em;
    top: calc(50% - .3em);
    left: calc(50% - .3em);
    border: 0;
    border-right: .05em solid currentcolor;
    -webkit-animation: none;
    animation: none;
}

@-webkit-keyframes loader-37 {
    from {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}
@keyframes loader-37 {
    from {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

.loading-dots {
    white-space: nowrap;
    display: inline-block;
    height: 14px;
    width: 22px;
    margin-left: 7px;
    position: relative;
}
.loading-dots:after {
    content: '...'; /*兜底*/
    color: aliceblue;
    animation: dots 1s infinite;
    font-size: 26px;
    position: absolute;
    top: -10px;
    left: -2px;
}
@keyframes dots {
    0%,
    100% {
      content: '...';
    }
    25% {
      content: '';
    }
    50% {
      content: '.';
    }
    75% {
      content: '..';
    }      
}


.hei-loading-parentBox {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.8);
    color: #38a7ff;
}
.hei-loading-parentBox .loader-title{
    margin-top: 25px;
}

.hei-loading-parentBox .loadBox .loaderContantBox {
/* //color: white;*/
    font-size: 30px;
    overflow: hidden;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    transform: translateZ(0);
    /* animation：规定完成动画所花费的时间，该属性必须规定，否则动画时长为0，无法播放 */
    animation: loadBox 1.7s infinite ease, round 1.7s infinite ease;
}

@keyframes loadBox {
    0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,
        0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }

    5%,
    95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,
        0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }

    10%,
    59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em,
        -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em,
        -0.297em -0.775em 0 -0.477em;
    }

    20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em,
        -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em,
        -0.749em -0.34em 0 -0.477em;
    }

    38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em,
        -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em,
        -0.82em -0.09em 0 -0.477em;
    }

    100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,
        0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
}

@keyframes round {
    0% {
    transform: rotate(0deg); /* 开始旋转 div 元素 */
    }

    100% {
    transform: rotate(360deg); /* 结束旋转 div 元素 */
    }
}

 .activate-status{
       margin-top: 10px;
    }

    .activate-status-no-span{
        background: #f65c5c;
        color: #fff;
        padding: 5px 10px;
        border-radius: 40%;
    }

    .activate-status-yes-span{
        background: #67c23a;
        color: #fff;
        padding: 5px 10px;
        border-radius: 40%;
    }

    .auth-today-info{
        position: relative;
        box-shadow: none;
        border: 1px solid #ebeef5;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 50px;
        padding: 10px;
        background: #fff;
        margin-bottom: 20px;
        border-radius: 10px;
        transition: box-shadow .3s;
    }

    .auth-today-info:hover{
        box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
/* // transition: .3;*/
    }

    .auth-today-info .text{
        color: rgb(15, 15, 15);
        font-size: 20px;
        font-weight: 800;
    }

    .activation-nickname{
        font-size: large;
        font-weight: 600;
        color: #606266;
    }


.role-mcn-form-main{
    padding: 10px 0px 0px 0px;
    border-radius: 5px;
    width: 600px;
/* // box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);*/
    border: 1px solid #e6e6e6;
    transition: all 0.3s;
}

.role-mcn-form-main:hover{
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
}

.newold{
  margin:10px 0px 25px 0px
}
.el-button.is-circle{
    margin-bottom:10px
}
.admin-login-update-main{
    position: relative;
    border: 1px solid #ebeef5;
    padding: 20px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    border-radius: 4px;
    background-color: #ffffff;
}

.admin-login-form-css .el-form-item{
    margin-bottom: 20px;
}

.role-mcn-error{
    border: 1px solid #f56666;
}

.admin-login-add-main{
    position: relative;
    border: 1px solid #ebeef5;
    padding: 20px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    border-radius: 4px;
    background-color: #ffffff;
}

.admin-login-form-css .el-form-item{
     margin-bottom: 20px;
}

.role-mcn-error{
    border: 1px solid #f56666;
}
.el-button.is-circle{
    margin-bottom:10px
}

.hei-renew{
    background-color: #f0f0f0;
    padding: 5px;
    border-radius: 10px;
    display: flex;
    gap: 5px;
    justify-content: flex-start;
    align-items: center;
}

.hei_commodity_table_box{
    margin-top: 10px;
/* height: 400px;
     background-color: #f0f0f0;*/
    border-radius: 10px;
    padding: 0;
   /* border-top: 1px solid #03A9F4;
    border-top-width: medium;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom: 1px solid #03A9F4;
    border-bottom-width: medium;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;*/
}

.prompt-renew-time{
    display: inline-flex;
    align-items: center;
    background-color: #fdf6ec;
    height: 25px;
    padding: 5px 15px;
    border: 1px solid #e6a23c;
    border-radius: 20px;
    color: #e6a23c;
    font-size: 14px;
}
.prompt-renew-time .next-time{
    font-size: 18px;
    margin: 0 3px 0 3px;
    color: #ff3333;
    font-weight: 600;
}

    .el-table .success-row {
        background: #f7f7f7;
    }

    .new-feedback-badge{
        margin-top: 10px;
    }

    .new-feedback-badge sup{
        top: 10px !important;
    }

    /* 反馈回复样式 */

    .feedback-dialog-main .el-dialog__body{
   padding: 10px 5px 10px 15px!important;
        color: #666!important;
 
        overflow: auto!important;
    }

    .feedback-dialog-main .el-dialog__header{
        padding: 20px 20px 20px;
        background-color: #252931;
        color: #fff;
    }

    .feedback-dialog-main .el-dialog__title{
    color: #333!important;
 }

    .chat-wrapper {
        position: relative;
        font-size: 14px;
        /* color: #f0f0f0; */
        /* padding: 20px 0; */
        height: 500px;
    }

    /* 回复用户反馈问题对话框的样式*/
    .chat-main {
        position: relative;
        display: block;
        bottom: 10px;
        width: 100%;
        height: auto;
        border-radius: 4px;
        box-shadow: 0 0 5px rgba(0, 0, 0, .4);
    }

    .chat-contain {
        overflow-y: auto;
        padding: 10px;
        height: 380px;
        word-wrap: break-word;
        background-color: #f9f9f9;
    }

    /* 输入框 */
    .chat-submit {
        position: relative;
        padding: 10px;
        max-height: 70px;
        color: #000;
        word-wrap: break-word;
        border-top: 1px solid #ddd;
        box-sizing: border-box;
    }

    .chat-submit textarea{
        margin:0;
        padding:0;
        border:0;
        outline:0;
        background-color:transparent;
    }

    /*输入框*/
    .chat-input-text {
        overflow-y: auto;
        display: inline-block;
        padding: 5px 10px;
        width: 100%;
        height: 70px;
        vertical-align: middle;
        white-space: pre-wrap;
        word-wrap: break-word;
        resize: none;
        box-sizing: border-box;
    }

    .chat-send-reply{
        position: relative;
        height: 30px;
        background-color: #fff;
        padding: 10px 20px;
        display: flex;
        flex-direction: row-reverse;
    } 

    /* 反馈的聊天内容样式 */
    .container-chat {
        display: flex;
        margin-bottom: 10px;
    }

    .chat-user-left {
        flex-direction: row;
    }

    .chat-me-right {
        flex-direction: row-reverse;
    }

    .chat-text-me {
        display: inline-block;
        position: relative;
        padding: 10px 10px;
        max-width: 270px;
        color:#fff;
        white-space: pre-wrap;
        border: 1px solid #1966ff;
        border-radius: 4px;
        background-color: #1966ff;
        box-sizing: border-box;
        text-align: justify;
        margin-right: 15px;
    }

    .margin-triangle-me::before{
        position: absolute;
        top: 10px;
        right: -10px;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-left: 10px solid #1966ff;
        content: '';
    }

    .margin-triangle-me::after{
        position: absolute;
        top: 10px;
        right: -8px;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-left: 10px solid #1966ff;
        content: '';
    }

    .chat-time-me{
        margin-right: 10px;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding: 5px 0;
        color:#939393;
    }

    .chat-text-user {
        display: inline-block;
        position: relative;
        font-size: 14px;
        padding: 10px 5px;
        max-width: 270px;
        color:black;
        white-space: pre-wrap;
        border: 1px solid #aaabaf;
        border-radius: 4px;
        background-color: #fff;
        box-sizing: border-box;
        margin-left: 15px;
    }

    .margin-triangle-user::before{
        position: absolute;
        top: 10px;
        left: -10px;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-right: 10px solid #aaabaf;
        content: '';
    }

    .margin-triangle-user::after{
        position: absolute;
        top: 10px;
        left: -8px;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-right: 10px solid #fff;
        content: '';
    }

    .chat-time-user{
        margin-left: 10px;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding: 5px 0;
        color:#939393;
    }

    .chat-user-avatar{
        color: #f56a00;
        background-color: #fde3cf;
    }

    .chat-submit-btn{
        color: #fff;
        background-color: #67c23a;
        border: #67c23a;
        cursor: pointer;
        border-radius: 5px;
        padding: 5px 15px;
    }

    .chat-submit-btn:hover{
        background-color: #85e256;
    }

    .chat-submit-btn:active{
        background-color: #67c23a;
    }

.el-button.is-circle{
    margin-bottom:10px
}

.el-form{
    z-index: 1;
    position: relative;
  }

 

.hei-btn{
    border: none;
    padding: 5px;
    border-radius: 5px;
    background-color: #eaf1ff;
    color: #121212d9;
}

.hei-btn:hover{
    cursor: pointer;
    background-color: #e0e9fd;
    color: #f51326d9;
}

.hei-btn:active{
    background-color: #eaf1ff;
    color: #121212d9;
}

.hei-item-card{
    cursor: pointer;
    height: 190px;
    position: relative;
    border-radius: 12px;
    background-color: #f8f9fb;
    padding: 8px;
    box-shadow: 8px 8px 5px rgba(0.4, 0.4, 0.1, .4);
    z-index: 1;
    transition: transform 0.3s ease, z-index 0.1s; /* 过渡动画 */
}
.hei-item-card .item-operate-edit-btns{
    background: #fff;
    border-radius: 0 0 12px 12px;
    border-top: 1px solid #d4d4d4;
    bottom: 10px;
    display: flex;
    height: 45px;
    width: 100%;
    justify-content: flex-start;
    left: 0px;
    opacity: 0;
    padding: 0 0 10px;
    position: absolute;
    transform: translateY(98.5%);
    transition: all .2s ease-out;
    visibility: hidden;
    z-index: 3;
}
.hei-item-card .item-operate-edit-btns .operate-btn-list{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
    gap: 5px;
}

/* 卡片的边样式*/
.hei-item-card .item-active-border{
    border: 1px solid #1b4ffa;
    border-radius: 12px;
    height: 250px;
    left: -1px;
    opacity: 0;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 2;
}


/*鼠标移入商品卡片的样式*/
.hei-item-card:hover{
    color: rgb(15, 15, 15);
    background-color: #fff;
    border: none;
/* // border-width: 3px;*/
    opacity: 1;
    transform: scale(1.01);
    z-index: 2;
    box-shadow: none;
}
.hei-item-card:hover .item-operate-edit-btns{
    opacity: 1;
    visibility: visible;
}

.hei-item-card:hover .item-active-border{
    opacity: 1;
    visibility: visible;
}

/*// 点击商品卡片的样式*/
.hei-item-card:active{
    transform: translateY(5px); /* 可选，模拟按钮轻微下移，增加按压感 */
}

/*// 复选框的样式*/
.custom-checkbox{
    position: absolute;
    z-index: 10;
}

/* 隐藏原始复选框 */
.custom-checkbox input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* 创建自定义样式 */
.custom-checkbox span {
  position: relative;
/*//   padding-left: 30px;*/
  cursor: pointer;
}

/* 自定义复选标记 */
.custom-checkbox span:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border: 2px solid #ccc;
  background-color: #fff;
  border-radius: 5px;
}

/* 改变选中状态的样式 */
.custom-checkbox input[type="checkbox"]:checked + span:before {
  background-color: #2196F3;
  border-color: #2196F3;
  /* 添加自定义选中标记，例如一个勾号 */
  content: "✔";
  color: white;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
}

/* 商品详情样式*/
.item-card-details{
    border-radius: 12px;
    display: flex;
    height: 100%;
    position: relative;
}
.item-card-details .details-left-wrap{
    position: relative;
}

.item-card-details .details-pic{
    width: 100px;
    height: 100px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 8px;
    flex: none;
    margin: 0 5px 0 0;
    position: relative;
}

.item-card-details .details-sale{
    margin-top: 20px;
}
.item-card-details .details-sale .item-sale{
    color: #f33;
    font-size: 14px;
    line-height: 10px;
    letter-spacing: 0;
    margin-left: 5px;
}

.item-card-details .details-price{
    margin-top: 10px;
}
.item-card-details .details-price .item-price{
    color: #f33;
    font-size: 14px;
    line-height: 10px;
    letter-spacing: 0;
    margin-left: 5px;
}

.item-card-details .details-right-wrap{
    height: 100%;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.item-card-details .details-title{
    color: #6f6f6f;
    font-family: PingFangSC-Medium;
    font-size: 14px;
    line-height: 15px;
    margin: 0 0 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.item-card-details .details-desc{
    display: flex;
    gap: 5px;
    font-size: 12px;
    flex-wrap: wrap;
}

.item-card-details .details-desc-tag{
    display: flex;
    border: .5px solid #f33 !important;
    border-radius: 4px;
    padding: 1px 5px;
    color: #f33;
    align-items: center;
    justify-content: center;
    background-color: #fef0f0;
    height: 20px;
}

.item-card-details .details-fee{
    background: #fff2f2;
    border: 1px solid rgba(255, 51, 51, .2);
    border-radius: 8px;
    bottom: 12px;
    color: #f33;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 12px;
    padding: 8px;
    position: absolute;
    right: 12px;
}

.item-card-details .fee-rate span{
    color: #f33;
    font-family: AlibabaSans102sMd, sans-serif;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 12px;
    margin-left: 4px;
}

.item-card-details .fee-price{
    align-items: baseline;
    color: #f33;
    display: flex;
    font-size: 12px;
    margin-top: 6px;
}
.item-card-details .fee-price .commission-price{
    font-family: AlibabaSans102sBd, sans-serif;
    margin-left: 4px;
}
.item-card-details .fee-price .commission-price .icon{
    font-size: 14px;
}
.item-card-details .fee-price .commission-price .point{
    font-size: 16px;
    letter-spacing: 0;
    line-height: 16px;
}
.item-card-details .fee-price .commission-price .integral{
    font-size: 22px;
    letter-spacing: 0;
    line-height: 16px;
}



/*// 手机验证码校验弹框的样式*/
.phone-verif-dialog{
position: relative;
    padding: 20px;
    border-radius: 5px;
    height: 180px;
    background-color: #f0f0f0;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.phone-verif-dialog .phone-show{
    padding: 10px;
    height: auto;
    font-size: 15px;
    color: #556d85;
    width: 100%;
}



.commodity-library-table{
    position: relative; /* 确保子元素可以相对于父元素定位 */
    margin-top: 10px;
    height: auto;
    background-color: #f0f0f0;
    border-radius: 10px;
    flex-wrap: wrap;
    position: relative;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
/* // grid-auto-rows: 180px;*/
    gap: 10px;
    padding: 10px 20px 20px;
}

.commodity-library-table-height{
    max-height: 650px;
    overflow: overlay;
}

/* 定义滚动条整体的样式 */
.commodity-library-table-height::-webkit-scrollbar {
    width: 10px; /* 宽度 */
}

/* 定义滚动条轨道 */
.commodity-library-table-height::-webkit-scrollbar-track {
    background-color:#2196F3; /* 轨道颜色 */
    border-radius: 6px; /* 边框圆角 */
}

/* 定义滑块（拖动的部分） */
.commodity-library-table-height::-webkit-scrollbar-thumb {
    background-color: #3F51B5; /* 滑块颜色 */
    border-radius: 6px; /* 圆角 */
    transition: background-color 0.3s ease; /* 平滑过渡效果 */
}

/* 当鼠标悬停在滑块上时改变颜色 */
.commodity-library-table-height:hover::-webkit-scrollbar-thumb {
    cursor: grab;
}

/* 滑块在被点击时的样式 */
.commodity-library-table-height::-webkit-scrollbar-thumb:active {
    cursor: grabbing;
}


/** element-ui组件的样式覆盖 */

/*// 表单错误提示*/
 .el-form-item__error {  
    padding-top: 0px;
    z-index: 9;
}

/*// input框的前置说明*/
  .el-input-group__prepend{
    padding: 0 10px;
}

/** input框的后缀单位 */
.hei-suffix-icon::before{
    content: "\00A5"; /* Unicode字符表示人民币符号 */  
    font-size: 20px; /* 设置字体大小 */  
    display: inline-block; /* 使其显示为行内块元素，以便可以设置宽度和高度等 */  
    margin-right: 5px; /* 右侧外边距，以便与文本或其他元素分隔开 */  
}

.icon-hover{
    font-size: 20px;
    color: #606266;
    cursor: pointer;
    margin-left: 10px;
    transition: color .15s linear;
}

.icon-hover:hover{
    color: #5cb6ff;
}

/** 单选框之间的距离 */
.route-radio-group .el-radio{
    margin-right: 18px;
}

.route-radio-group .el-radio__label{
    padding-left: 6px;
}

/*// 表单之间的上下间隔*/
.condition-form-item{
        margin-bottom: 8px!important;
}
 
/*//提交表单的按钮*/
.condition-form-btn{
    background-color: #fff;
    margin-bottom:0!important;
    border-top: 1px solid #ddd;
    margin-top: 18px!important;
}
.condition-form-btn .el-form-item__content{
    display: inline-flex;
    justify-content: center;
    width: 100%;
    gap: 10px;
    padding: 10px 0px;
    margin-top: 10px;
}

/**.condition-form-item 条件 -- 价格范围条件的样式 */
.condition-price-input{
    vertical-align:baseline;
}

.hr-gr{
    padding: 0px 10px;
    font-size: 14px;
    font-weight: 500;
    color: #b9b9b9;
}

/*//自动上架的开关描述*/
.close-auto-title{
    padding: 5px 3px;
    font-size: 13px;
    margin-left: 5px;
    color: #ff4949;
}

.open-auto-title{
    padding: 5px 3px;
    font-size: 13px;
    margin:0 5px;
    color: #13ce66;
    font-weight: bold;
}

.demo-form-inline .el-form-item{
    margin-bottom: 0px;
}

.demo-form-inline .el-form-item__error{
    padding-top: 0px;
}


.el-empty__description{
    margin-top: 0px;
}

  .el-empty__description p{
    color: #2e2e2e;
    font-size: 17px;
}



.hei-query-commodity-master{
/* max-height:750px;*/
    width:100%;
    overflow: overlay;
}

/* 定义滚动条整体的样式 */
.hei-query-commodity-master::-webkit-scrollbar {
    width: 12px; /* 宽度 */
}

/* 定义滚动条轨道 */
.hei-query-commodity-master::-webkit-scrollbar-track {
    background-color:#373738; /* 轨道颜色 */
    border-radius: 6px; /* 边框圆角 */
}

/* 定义滑块（拖动的部分） */
.hei-query-commodity-master::-webkit-scrollbar-thumb {
    background-color: #8a8b8c; /* 滑块颜色 */
    border-radius: 6px; /* 圆角 */
    transition: background-color 0.3s ease; /* 平滑过渡效果 */
}

/* 当鼠标悬停在滑块上时改变颜色 */
.hei-query-commodity-master:hover::-webkit-scrollbar-thumb {
    cursor: grab;
}

/* 滑块在被点击时的样式 */
.hei-query-commodity-master::-webkit-scrollbar-thumb:active {
    cursor: grabbing;
}

.commodity-page-box{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 10px;
    padding: 5px 0;
}
/** 商品条件搜索顶部的搜索 */
.item-condition-search-top{
      background: #fff;
    border: 2px solid #f33;
    border-radius: 24px;
    flex-basis: 50%;
    margin: 0 auto;
    overflow: hidden;
    width: 40% !important;
    position: fixed;
    right: 10px;
    z-index: 98;
    top: 55px;
}
.item-condition-search-top .item-input-wrapper{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

/* //input框样式*/
.item-condition-search-top .el-input__inner{
    border: none;
    border-radius: 24px;
        padding: 0 8px!important;
}

.item-condition-search-top .hei-input-group-adden{
    position: relative;
    padding: 2px 2px;
    color: rgba(0, 0, 0, 0.88);
    font-weight: normal;
    font-size: 14px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.02);
    border-radius: 6px;
    transition: all 0.3s;
    line-height: 1;
}

/* //搜索按钮*/
.item-condition-search-top .item-select-top-btn{
    background-image: linear-gradient(90deg, #f66, #f33);
    border-radius: 20px !important;
    color: #fff;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    height: 40px !important;
    line-height: 16px;
    margin-right: 1px;
    text-align: center;
    width: 73px;
    transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    border: none;
    cursor: pointer;
}

.item-condition-search-top .item-select-top-btn:hover{
    box-shadow:0 0 2px 2px rgb(248, 134, 134);
}

.item-condition-search-top .item-select-top-btn:active{
    box-shadow:0 0 2px 2px rgb(151, 205, 255);
}


.item-condition-search-top:hover{
    box-shadow: 0 0 2px 2px rgba(255,51,51,.2);
}

.hei-all-commodity-filters{
/* //height: 200px;*/
    box-sizing: border-box;
}
.hei-all-commodity-filters .commodity-conditions{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 15px;
}

.hei-all-commodity-filters .commodity-conditions-title{
    color: #333330;
    font-family: PingFangSC;
    font-size: 16px;
    font-weight: 500;
    line-height: 32px;
    margin-right: 16px;
    min-width: 64px;
    text-align: center;
}

.hei-all-commodity-filters .commodity-conditions-filters{
    display: inline-flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 10px;
}
.hei-all-commodity-filters .commodity-conditions-filters .commodity-conditions-filters--range{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    margin-right: 10px;
}


.hei-all-commdity-table{
     margin-top: 30px;
    height: auto;
    background-color: #ffffff;
    border-radius: 10px;
    flex-wrap: wrap;
    position: relative;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    grid-auto-rows: 138px;
    gap: 10px;
    padding: 0;
}
.hei-all-commdity-table .hei-card-commodity{
    cursor: pointer;
    position: relative;
    border-radius: 12px;
    background-color: #f8f9fb;
           border: 1px solid #f8f9fb;
    height: 120px;
     padding: 8px;
/* box-shadow: 8px 8px 5px rgba(0.4, 0.4, 0.1, .4);*/
    z-index: 1;
/* transition: transform 0.3s ease, z-index 0.1s;  */
}

.hei-all-commdity-table .hei-card-commodity:active{
/* transform: translateY(2px);  可选，模拟按钮轻微下移，增加按压感 */
     border: 1px solid #409eff; 
    background-color: transparent !important;  

}

/* //商品已添加时鼠标移入的样式*/
.hei-all-commdity-table .card-hover-item-add:hover{
/* border: 1.5px solid #fa1b2e;*/
}

/* //商品未添加时的鼠标移入样式*/
.hei-all-commdity-table .card-hover-item:hover {
/* color: rgb(15, 15, 15);*/
/* background-color: #fff;*/
    margin-top: 0;
/* height: 160px;*/
   /* //font-size: 10px;
    // padding: 0;*/
    border-width: 0;
    opacity: 1;
/* transform: scale(1.1);*/
/* border: 1.5px solid #1b4ffa;*/
    z-index: 2;
    box-shadow: none;
border: 1px solid #f33;
/* // box-shadow:
    //     2px 0 5px rgba(0, 0, 0, 0.3),     
    //     -2px 0 5px rgba(0, 0, 0, 0.3),    
    //     0 2px 5px rgba(0, 0, 0, 0.3),    
    //     0 -2px 5px rgba(0, 0, 0, 0.3);   */
}

/* .card-hover-item:hover .item-details{

        .item-details-sale{
            margin-top: 34px;
        }

        .item-details-fee{
            bottom: 0;
        }
    }*/

.hei-all-commdity-table .commodity-btn-wrap .add-commodity-btn{
    background-image: linear-gradient(90deg, rgb(255, 128, 0) 1%, rgb(255, 25, 217) 55%, rgb(166, 77, 255))!important;
}

.hei-all-commdity-table .card-hover-item:hover .commodity-btn-wrap{
    visibility: visible;
}

.hei-all-commdity-table .item-details{
/* //align-items: center;*/
    border-radius: 12px;
    display: flex;
    height: 100%;
    position: relative;
}
.hei-all-commdity-table .item-details .item-details-left-wrap{
    position: relative;
}

.hei-all-commdity-table .item-details .item-details-pic{
    width: 120px;
    height: 120px;
    /* background: #eee; */
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 8px;
    flex: none;
    margin: 0 8px 0 0;
    position: relative;
}

.hei-all-commdity-table .item-details .item-details-sale{
    margin-top: 20px;
}
.hei-all-commdity-table .item-details .item-details-sale .item-sale{
    color: #f33;
    font-size: 14px;
    line-height: 10px;
    letter-spacing: 0;
    margin-left: 5px;
}

.hei-all-commdity-table .item-details .item-details-price{
    margin-top: 10px;
}
.hei-all-commdity-table .item-details .item-details-price .item-price{
    color: #f33;
    font-size: 14px;
    line-height: 10px;
    letter-spacing: 0;
    margin-left: 5px;
}

.hei-all-commdity-table .item-details .item-details-right-wrap{
    height: 120px;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

 /* // .item-details-title-tooltip{
    //     z-index: 999999 !important;    
    // }*/

.hei-all-commdity-table .item-details .item-details-title{
    color: #6f6f6f;
    font-family: PingFangSC-Medium;
    font-size: 14px;
    line-height: 15px;
    margin: 0 0 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hei-all-commdity-table .item-details .item-details-desc{
    display: flex;
    gap: 5px;
    font-size: 12px;
    flex-wrap: wrap;
}

.hei-all-commdity-table .item-details .item-details-desc-tag{
    display: flex;
    border: .5px solid #f33 !important;
    border-radius: 4px;
/* //margin-right: 6px;*/
    padding: 1px 5px;
    color: #f33;
    align-items: center;
    justify-content: center;
    background-color: #fef0f0;
    height: 20px;
}

.hei-all-commdity-table .item-details .item-details-fee{
    background: #fff2f2;
    border: 1px solid rgba(255, 51, 51, .2);
    border-radius: 8px;
    bottom: 0;
    color: #f33;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 12px;
    padding: 8px;
    position: absolute;
    right: 0;
}

.hei-all-commdity-table .item-details .item-fee-rate span{
    color: #f33;
    font-family: AlibabaSans102sMd, sans-serif;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 12px;
    margin-left: 4px;
}

.hei-all-commdity-table .item-details .item-fee-price{
    align-items: baseline;
    color: #f33;
    display: flex;
    font-size: 12px;
    margin-top: 6px;
}
.hei-all-commdity-table .item-details .item-fee-price .commission-price{
    font-family: AlibabaSans102sBd, sans-serif;
    margin-left: 4px;
}
.hei-all-commdity-table .item-details .item-fee-price .commission-price .icon{
    font-size: 14px;
}
.hei-all-commdity-table .item-details .item-fee-price .commission-price .point{
    font-size: 16px;
    letter-spacing: 0;
    line-height: 16px;
}
.hei-all-commdity-table .item-details .item-fee-price .commission-price .integral{
    font-size: 22px;
    letter-spacing: 0;
    line-height: 16px;
}

/* //添加商品样式区*/
.hei-all-commdity-table .commodity-btn-wrap{
    position: absolute;
    display: flex;
    visibility: hidden;
    top: 27px;
    right: 0;
    width: 100%;
    height: 40px;
    border-radius: 0 0 12px 12px;
/* background-color:transparent;*/
    justify-content: end;
    align-items: center;
    transition: all -0s ease-out;
    z-index: 5;
/* //transition: 0.1s ease;  */
}
.hei-all-commdity-table .commodity-btn-wrap .add-commodity-btn{
    height: 30px;
    text-align: center;
    padding: 0;
    width: 65px;
    font-size: 13px;
    margin-right: 8px;
    border:none;
    background-image: linear-gradient(0deg, #f66 13%, #ff4d4d);
}

/* //商品已添加到商品库的样式*/
.hei-all-commdity-table .commodity-is-add-line{
    background: #dbe9f7;
    border-radius: 0 0 12px 12px;
    height: 100%;
    left: 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    color: #999;
}


.hei-table-height{
      max-height: none;
    overflow:hidden;
}

 
/* 定义滚动条整体的样式 */
.hei-table-height::-webkit-scrollbar {
    width: 10px; /* 宽度 */
}

/* 定义滚动条轨道 */
.hei-table-height::-webkit-scrollbar-track {
    background-color:#2196F3; /* 轨道颜色 */
    border-radius: 6px; /* 边框圆角 */
}

/* 定义滑块（拖动的部分） */
.hei-table-height::-webkit-scrollbar-thumb {
    background-color: #3F51B5; /* 滑块颜色 */
    border-radius: 6px; /* 圆角 */
    transition: background-color 0.3s ease; /* 平滑过渡效果 */
}

/* 当鼠标悬停在滑块上时改变颜色 */
.hei-table-height:hover::-webkit-scrollbar-thumb {
    cursor: grab;
}

/* 滑块在被点击时的样式 */
.hei-table-height::-webkit-scrollbar-thumb:active {
    cursor: grabbing;
}

/* .{
    margin-top: 15px!important;
} */



.hei-tb-anchor-master{
    position: relative;
    min-height: 600px;
    padding: 0;
/* border: 1px solid #f0f0f0;*/
/* box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 10px;*/
    border-radius: 5px;
    background: #fff;
}



/**
条件查询的样式 
*/
.hei-anchor-search-condition{
    position: relative;
     width: auto;
    background-color: #f7f7f7;
    height: auto;
    padding: 15px 18px;
    border-radius:3px;
}
.hei-anchor-search-condition .el-icon-time{
    display: none;
}


.hei-anchor-table{
    position: relative;
/* margin-top: 20px;*/
}
.hei-anchor-table .live-id-css{
    font-size: 12px;
    padding: 5px;
    background-color: #22a699;
    border-radius: 5px;
    color: #fff;
}


/**
列表各个列的样式
*/
/*//头像和主播昵称样式*/
.hei-table-column-live-avater-nick{
   position: relative;
    text-align: center;
    /* padding: 5px 0; */
    width: 50px;
    height: 50px;
    margin: 0 auto;
}
.hei-table-column-live-avater-nick .an-live-nick{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background-color: rgba(0, 0, 0, 0.4);
    color: #fff;
    border-radius: 0px 0px 4px 4px;
    line-height: 14px;
}

/*//淘宝账号和UID样式*/
.hei-table-column-tb{
    position: relative;
    display: inline-flex;
    flex-direction: column;
}
.hei-table-column-tb .tb-nick{
    font-size: 14px;
    color: #333;
    width: 130px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
 }
.hei-table-column-tb .tb-uid{
    color: #03A9F4;
    font-size: 12px;
}


.demo-table-expand {
    padding: 10px;
    display: flex;
    justify-content: flex-start;
    background: bisque;
    flex-direction: column;
/* // width: 100%;*/
    font-size: 0;
}
.demo-table-expand label {
    width: 90px;
    color: #99a9bf;
}
.demo-table-expand .el-form-item {
    margin-right: 0;
    margin-bottom: 0;
/* // width: 50%;*/
}

.hei-table-page-box{
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: 10px;
    background-color: #ffff;
    padding: 5px 15px;
}

/*// 手机验证码校验弹框的样式*/
.phone-verif-dialog{
    position: relative;
    padding: 20px;
    border-radius: 5px;
    height: 180px;
    background-color: #f0f0f0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.phone-verif-dialog .phone-show{
    padding: 10px;
    height: auto;
    font-size: 15px;
    color: #556d85;
}


.hei-query-commodity-dialog{
/* //z-index: 99999 !important;*/
}

.tb-login-qrcode-box{
    display: flex;
    justify-content: center;
/* // background-color: #f0f0f0;*/
    padding: 20px;
/* // border-radius: 5px;*/
}

.tb-login-qrcode{
    position: relative;
    padding: 10px;
    border: 1px solid #f0f0f0;
    border-radius: 10px;
}

.tb-login-qrcode-error{
    margin: 10px;
    width: 240px;
    height: 240px;
    background: hsla(0, 0%, 100%, 0.9);
    font-family: PingFang SC;
    font-weight: 400;
    letter-spacing: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1001;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.tb-login-qrcode-error p {
    font-size: 18px;
    font-weight: 600;
    line-height: 16px;
    color: #ee2314;
}

.tb-login-qrcode-error .refresh {
    margin-top: 20px;
    width: 94px;
    height: 42px;
    border-radius: 21px;
    opacity: 1;
    box-sizing: border-box;
    background: linear-gradient(0deg, hsla(0, 0%, 100%, .05), hsla(0, 0%, 100%, .05)), #fff;
    border: 1px solid rgba(0, 0, 0, .2);
    font-size: 16px;
    font-weight: 500;
    line-height: 14px;
    text-align: center;
    letter-spacing: 0;
    color: #111;
    cursor: pointer;
}

.tb-login-qrcode-error .refresh:hover {
    background: linear-gradient(0deg, hsla(0, 0%, 100%, 0.05), hsla(0, 0%, 100%, 0.05)), #e8e6e6;
}

.tb-login-qrcode-error .refresh:active {
    background: linear-gradient(0deg, hsla(0, 0%, 100%, 0.05), hsla(0, 0%, 100%, 0.05)), #fff;
}

.login-qrcode-description{
    text-align: center;
       padding: 10px;
    background: #fff8c9;
    border-radius: 5px;
    font-size: 14px;
    color: #af8740;
}

.tb-login-qrcode-auth{
    margin: 10px;
    width: 240px;
    height: 240px;
    background: hsla(0, 0%, 100%, 0.9);
/* // font-family: PingFang SC;
    // font-weight: 400;
    // letter-spacing: 0;*/
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1001;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 5px;
}

.loader-16 {
    transform: rotateZ(45deg);
    perspective: 1000px;
    border-radius: 50%;
    color: #03A9F4;
    position: relative;
    /* top: -40px; */
    width: 40px;
    height: 40px;
    font-size: x-large;
}

.loader-16:before,
.loader-16:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    -webkit-animation: 1s spin linear infinite;
    animation: 1s spin linear infinite;
}

        .loader-16:before {
            -webkit-transform: rotateX(70deg);
            transform: rotateX(70deg);
        }

        .loader-16:after {
            -webkit-transform: rotateY(70deg);
            transform: rotateY(70deg);
            -webkit-animation-delay: .4s;
            animation-delay: .4s;
        }

        @-webkit-keyframes rotate {
            0% {
                -webkit-transform: translate(-50%, -50%) rotateZ(0deg);
                transform: translate(-50%, -50%) rotateZ(0deg);
            }
            100% {
                -webkit-transform: translate(-50%, -50%) rotateZ(360deg);
                transform: translate(-50%, -50%) rotateZ(360deg);
            }
        }

        @keyframes rotate {
            0% {
                -webkit-transform: translate(-50%, -50%) rotateZ(0deg);
                transform: translate(-50%, -50%) rotateZ(0deg);
            }
            100% {
                -webkit-transform: translate(-50%, -50%) rotateZ(360deg);
                transform: translate(-50%, -50%) rotateZ(360deg);
            }
        }

        @-webkit-keyframes rotateccw {
            0% {
                -webkit-transform: translate(-50%, -50%) rotate(0deg);
                transform: translate(-50%, -50%) rotate(0deg);
            }
            100% {
                -webkit-transform: translate(-50%, -50%) rotate(-360deg);
                transform: translate(-50%, -50%) rotate(-360deg);
            }
        }

        @keyframes rotateccw {
            0% {
                -webkit-transform: translate(-50%, -50%) rotate(0deg);
                transform: translate(-50%, -50%) rotate(0deg);
            }
            100% {
                -webkit-transform: translate(-50%, -50%) rotate(-360deg);
                transform: translate(-50%, -50%) rotate(-360deg);
            }
        }

        @-webkit-keyframes spin {
            0%,
            100% {
                box-shadow: .2em 0px 0 0px currentcolor;
            }
            12% {
                box-shadow: .2em .2em 0 0 currentcolor;
            }
            25% {
                box-shadow: 0 .2em 0 0px currentcolor;
            }
            37% {
                box-shadow: -.2em .2em 0 0 currentcolor;
            }
            50% {
                box-shadow: -.2em 0 0 0 currentcolor;
            }
            62% {
                box-shadow: -.2em -.2em 0 0 currentcolor;
            }
            75% {
                box-shadow: 0px -.2em 0 0 currentcolor;
            }
            87% {
                box-shadow: .2em -.2em 0 0 currentcolor;
            }
        }

        @keyframes spin {
            0%,
            100% {
                box-shadow: .2em 0px 0 0px currentcolor;
            }
            12% {
                box-shadow: .2em .2em 0 0 currentcolor;
            }
            25% {
                box-shadow: 0 .2em 0 0px currentcolor;
            }
            37% {
                box-shadow: -.2em .2em 0 0 currentcolor;
            }
            50% {
                box-shadow: -.2em 0 0 0 currentcolor;
            }
            62% {
                box-shadow: -.2em -.2em 0 0 currentcolor;
            }
            75% {
                box-shadow: 0px -.2em 0 0 currentcolor;
            }
            87% {
                box-shadow: .2em -.2em 0 0 currentcolor;
            }
        }


.loading-dots {
    white-space: nowrap;
    display: inline-block;
    height: 14px;
    width: 22px;
    margin-left: 4px;
    position: relative;
}
.loading-dots:after {
    content: '...'; /*兜底*/
    color: #191818;
    animation: dots 1s infinite;
    font-size: 26px;
    position: absolute;
    top: -10px;
    left: -2px;
}
@keyframes dots {
    0%,
    100% {
      content: '...';
    }
    25% {
      content: '';
    }
    50% {
      content: '.';
    }
    75% {
      content: '..';
    }      
}

/**
用户商品库的dialog的样式
*/
.commodity-library-dialog .library-live-nick{
    position: absolute;
    top: 10px;
    left: 0;
    padding: 5px 15px;
    font-size: 18px;
    width: 90%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/**
商品上品设置的弹框样式
*/
.set-condition-dialig{
}
.set-condition-dialig .el-dialog__header{
    text-align: center;
}

.login-page {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
/* background: url('../../imgs/background.jpg');*/

    background-color:#f8f9fb;
   background: url(https://zbm666.com/image/indexleft1.gif) no-repeat center center!important;


    position: relative;
    min-width: 1000px;
    z-index:10;
    background-size: cover;
}
.login-page .login-box {
    width: 400px;
/* background-color: aliceblue;*/
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    padding-top: 20px;
    padding-right: 40px;
    border-radius: 20px;
}
.login-page .login-box h2{
    text-align: center;
    margin-bottom: 20px;
    padding-left: 40px;
    font-size: 20px;
}

.login-page .login-box .login-btn{
    width: 100%;
}

.login-page .login-box ::v-deep #login-btn-box.el-form-item__content{
    margin-left: 30px!important;
}



.login-page{
/* // background: url('../../imgs/BLACK_GROUD_ONE.jpg');
    // position: relative;*/
/* top: 0;
    left: 0;
    width:100%;
    height:100%;
    min-width: 1000px;
    z-index:-10;
    background-size: cover;
    background-color: #040000;
*/
}
.login-page .container{
    width: 800px;
    height: auto;
    margin: 0 auto;
    position: relative;
}
.login-page .glass{
    position: absolute;
    width: 360px;
    height: 360px;
    top: 15vh;
    left: 70%;
    border-radius: 20px;
    color: #eee;
    background: rgba(255,255,255,0.05);
    backdrop-filter: blur(4px);
    box-shadow: inset 1px 1px 6px rgba(255,255,255,0.3),2px 2px 15px rgba(0,0,0,0.5);
    animation: am3 ease-out 1s 0.2s backwards;
    text-align: center

}
.login-page .glass:hover{
    box-shadow: inset 1px 1px 3px rgba(255,255,255,0.9),4px 4px 25px rgba(0,0,0,0.9);
    backdrop-filter: blur(7px);
}
.login-page .bg{
    position: absolute;
    width: 800px;
     top: 0;
    left: 0;
       display: none;
}
.login-page input{
background: transparent;
outline: none;
 border: 1px solid #3532c2;
 width: 70%;
height: 45px;
color: #040000;
font-size: 15px;
margin-left: 0;
margin-top: 30px;
 padding: 0px 3%;
border-radius: 150px;
}
.login-page .texts{
    display: inline-block;
    font-size: 26px;
    color: #000;
margin: 50px 0 10px 0;
padding-left: 12%;
float: left;
}

.login-page button{
/* border: none;
width: 80px;
height: 80px;
border-radius: 50%;
color: #eee;
font-weight: bold;
font-size: 28px;
margin-left: 140px;
margin-top: 60px;
cursor: pointer;
background: rgba(255, 255, 255, 0.1);
box-shadow: 0px 2px 10px #111;*/

font-weight: bold;
padding: 12px 25px;
font-size: 18px;
color: #fff;
background-color: #3532c2;
border-radius: 150px;
display: inline-block;
border: none;
text-align: left;
cursor: pointer;
width: 76%;
    height: 80px;
margin-top:40px;
margin-left:0;
box-shadow:none;
height: auto;

}

.login-page button:hover{
    background-color: #000;
}
.login-page span{
    background: #fff;
    position: absolute;
    top: 117px;
    left: 143px;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    box-shadow: 1px 1px 50px #000;
}
.login-page span:nth-child(1){
    top: 117px;
    left: 143px;
    width: 120px;
    height: 120px;
    background: #f82c50;
    animation: aml ease-in-out 3s infinite alternate;
}
.login-page span:nth-child(2){
    top: 518px;
    left: 434px;
    width: 200px;
    height: 200px;
    background: #1aca22;
    animation: aml ease-in-out 4s infinite alternate-reverse;
}
.login-page span:nth-child(3){
    top: 196px;
    left: 483px;
    width: 60px;
    height: 60px;
    background: #6557fa;
    animation: aml ease-in-out 2.5s 0.5s infinite alternate-reverse;
}

@keyframes aml {
    0% {transform: translateY(0)}
    100% {transform: translateY(-30px);}
}
.login-page .bg{
    animation: am2 ease-out 1s;
}

@keyframes am2 {
    0% {transform: scale(0,0) rotateZ(60deg);}
    100% {transform: scale(1,1) rotateZ(0);}
}

@keyframes am3 {
    0% {transform: translateY(8px); opacity: 0;}
    100% {transform: translateY(0); opacity: 1;}
}

.login-page .flooer {
    width: 100%;
    display: inline-block;
    text-align: center;
    font-size: 12px;
    padding: 10px 0px 15px 0px;
    color: #8f5202;
    bottom: 0px;
    position: absolute;
    right: 0px;
}
.login-page a{
    color:#8f5202;
    text-decoration: none;
}
.login-page a:hover{
    text-decoration: underline;
}

.login-page .foot_style{
width: 100% !important;
max-width: 100% !important;
 margin: 20px 0px 0px 0px;
 /* background-color: #fff; */
font-size: 12px;
text-align: center;
 display: inline-block;
line-height: 35px;
color: #999;
position: absolute;
bottom:0px; 
 right: 0px;
}


.login-page .foot_style .spanbeian{
padding: 0px 10px;
 color: #999; 
 font-size: 10px;
display: inline-block;
}

.login-page .foot_style a{
color: #999 ; 
}



.home h1{
  font-size:24px;
  margin-bottom:20px
}
.home p{
  font-size:14px;
  color:#666;
 }
.home img{
  width:300px;
  height:528px
 }


.item-prompt-h5{
    width: 100%;
    height: 100%;
    position: relative;
/* // display: flex;
    // justify-content: center;*/
}

/*.hei-prompt-panel{
    padding: 0;
    width: 100%;
}
*//*
.hei-anchor-h5{
    height: 20%;
    top: 35vh;
    text-align: center;
}

.hei-anchor-h5 > *:not(:first-child) {  
    margin-top: 15px;   
}

.live-item-grounding{
    width: 100%;
    height: 100%;
}

.live-item-grounding > *{
    margin-top: 20px;
}

 .el-input__inner{
    border-radius: 50px;
}
*/
.isText{
    color: #ff0000; /*更改文字颜色*/
    font-weight:bolder
} 
 
/*
.el-avatar--circle img{
width: 50px;
height: 50px;
}*/

.el-dialog__body img{
    width:240px
    
}

.el-button.is-circle{
    border-radius:10px;
     margin-bottom: 10px;
 }

     .box-card {
      width: 60%;
      margin: 0 auto;
    }
  
    .change-pass-form {
      padding: 30px 0;
    }
  
    .back-text {
      text-align: right;
      margin-bottom: 20px;
    }
  
   /* .el-select .el-input {
      width: 130px;
    }
  */
    .input-with-select .el-input-group__prepend {
      background-color: #fff;
    }


    .layui-fluid{
    padding: 15px
}
/* 提示页 */
.layadmin-tips{margin-top: 30px; text-align: center;}
.layadmin-tips .layui-icon[face]{display: inline-block; font-size: 300px; color: #393D49;}
.layadmin-tips .layui-text{width: 500px; margin: 30px auto; padding-top: 20px; border-top: 5px solid #009688; font-size: 16px;}
.layadmin-tips h1{font-size: 100px; line-height: 100px; color: #009688;}
.layadmin-tips .layui-text .layui-anim{display: inline-block;}

/* 图标 */
.layui-icon-login-qq{color: #3492ED;}
.layui-icon-login-wechat{color: #4DAF29;}
.layui-icon-login-weibo{color: #CF1900;}

.layui-anim-rl{
    -webkit-animation-name: layui-rl; animation-name: layui-rl;
}

.layout{
    width: 100%;
    height: 100%;
    display: flex;
}
.layout .layout-right{
    flex: 1;
    padding-left: 144px;
    transition: all .5s;
    width: 100%;
    box-sizing: border-box;
}
.layout .layout-right.isLeft {
    padding-left: 63px;
/* //margin-right: 140px;*/
}



.layout-content{
    width: 97%;
    padding: 20px 1.5% 30px 1.5%
}
 

/*// 处理子菜单的背景, 和鼠标移上的背景*/
.el-submenu__title{
     color: #fff!important;
    background-color: #000 !important;
}
.el-menu-item{
      color: #fff!important;
    background-color: #000 !important;
}
.el-submenu .el-menu-item{
    color: #fff!important;
    background-color: #000 !important;
/* background-color: rgb(38, 52, 69) !important;*/
    min-width: 144px!important;
    padding: 0 0 0 50px!important;
        font-family: PingFangSC-light;
    font-size: 14px;
    font-weight: normal;
}

.el-menu .el-menu-item:hover,::v-deep .el-submenu__title:hover{
/* background-color: rgb(70, 62, 62) !important;*/
    background-color: #000 !important;
}

.el-icon-heigoudi-logo{
    width: 24px;
    height: 24px;
    background-image: url("https://zb.zbm666.com/icons/hei-logo.gif");
    background-size: 24px auto;
}
/*//首页图标*/
.el-icon-hei-home{
    width: 24px;
    height: 24px;
    background-image: url("https://zb.zbm666.com/icons/home-icon.png");
    background-size: 24px auto;
}
/*//一键加购图标*/
.el-icon-hei-shopping{
    width: 24px;
    height: 24px;
    background-image: url("https://zb.zbm666.com/icons/shopping-icon.png");
    background-size: 24px auto;
}
/*//淘宝主播管理图标*/
.el-icon-taobao-live{
    width: 24px;
    height: 24px;
    background-image: url("https://zb.zbm666.com/icons/taobao-live-icon.png");
    background-size: 24px auto;
}
/*//管理员图标*/
.el-icon-hei-admin{
    width: 24px;
    height: 24px;
    background-image: url("https://zb.zbm666.com/icons/admin-icon.png");
    background-size: 24px auto;
}
/*//授权图标*/
.el-icon-hei-auto{
    width: 24px;
    height: 24px;
    background-image: url("https://zb.zbm666.com/icons/auto-icon.png");
    background-size: 24px auto;
}
/*//历史用户图标*/
.el-icon-hei-history{
    width: 24px;
    height: 24px;
    background-image: url("https://zb.zbm666.com/icons/history-icon.png");
    background-size: 24px auto;
}

/*//商品管理*/
.el-icon-taobao-item{
    width: 24px;
    height: 24px;
    background-image: url("https://zb.zbm666.com/icons/taobao-item.png");
    background-size: 24px auto;
}

.header{
    height: 40px;
    box-shadow:none!important;
/* padding-left: 20px;*/
}
.header button{
    width: 50px;
    height: auto;
    margin: 0;
    font-size: 20px;
    padding: 12px 10px;
    border: none;
}
.header .header-top {
    height: 40px!important;
/* box-shadow: 0 3px 3px #eaeaea!important;*/
            background: #F5F8FA!important

}

.header .avatar-box{
    margin-right: 20px;
}
.header .avatar-box i{
    cursor: pointer;
    font-size: 15px;
    line-height: 1;
/* //font-weight: bold;*/
}

.header .end-time{ 
     /* float: right; */
     height: 40px; 
    /* line-height: 20px; */
    margin:0 20px;
    align-items: center;
    justify-content: center;
    display: flex;
    /* display: inline-block; */
    float: right;
}
.header .end-time a{
    padding: 0px 10px;
    color: #3f9eff;
    text-decoration: none;
     
}

.header .end-time span {
    font-size: 14px;
    position: relative;
    top: 0;
    color: #666;
 }



.fl{
    float: left;
}


.fr{

     top: 0!important;
    right: 0!important;
    float: right;
    height: 40px;
    line-height: 40px;
    position: relative!important;
    color: #333!important;
    
}


.hei-table-column-live-avater-nick .el-avatar{
display: inline-block;
    box-sizing: border-box;
    text-align: center;
    overflow: hidden;
    color: #fff;
     width: 50px!important;
    height: 50px!important;
   /* width: 50px!important;
    height: 50px!important;*/
/* line-height: 40px;*/
     border-radius: 50%;
}

.el-form--inline .el-form-item{
     margin-right: 25px!important;
}

.el-menu--popup{
    min-width: auto!important;
}


.hei-anchor-search-condition .hei-anchor-add{
    display: block;
    width: 100%;
    margin-bottom:12px;
 
}

 

.hei-anchor-search-condition .hei-anchor-sou{
 display: block;
    width: 100%;
    margin-bottom:10px;

}

.hei-anchor-sou .el-form-item__label{
    min-width: 40px;
    text-align: left;
}
 


.hei-anchor-search-condition .el-input {
  width: 140px!important;
}
 
/* .hei-anchor-search-condition .el-select 
 {
  width: 140px!important;
}*/
 .hei-anchor-search-condition .el-input__inner{ 
        padding: 0 8px!important;
}

     
 /* 2024new  主播管理后台样式---------------------------- */
 
 
 .ml-10{
    margin-left: 10px;
}

a{
    text-decoration: none; 

}

/*---*/
  
  .container-index {  
    width: 98%;  
    margin-left: 1%;
    margin-top: 10px;
    background: url(https://zb.zbm666.com/image/indexleft6.gif) no-repeat center right !important;
  }  

    .container-index p{  
        color: #333!important;
    font-weight: 500;
     font-size: 16px!important;
    line-height: 32px;
  }  
  
/* h1, h2 {  
    text-align: center;  
  }  
  */
  .announcement {  
     margin-bottom: 20px;  
     position: relative;
     line-height: 32px;
  }  
  
  .announcement h2{
    font-size: 20px!important;
  }

  .announcement ul {  
    list-style-type: none;  
    padding: 0;  
    color: #666;
 
  }  
  
  .announcement li {  
     font-size: 14px;
     line-height: 24px;
   }  
  .announcement li a{
    font-size: 14px;
    line-height: 24px;
    color: #3388ff;
    cursor: pointer;
    text-decoration: underline;
/* display: none;*/

}
  .tutorial {  
    display: block;
  }  


  .tutorial ul {  
    list-style-type: none;  
    padding: 0;  
     overflow: auto;
     color: #666;
     position: relative;
  }  
  
  .tutorial li {  
     font-size: 14px;
     line-height: 24px;
   }  

   .tutorial li a{  
     font-size: 14px;
     line-height: 24px;
        color: #3388ff;
     cursor: pointer;
          position: relative;
text-decoration: underline;
   }  
   .tutorial li a:hover{  
    text-decoration: underline; 
}
 
  .tutorial li span{  
     font-size: 12px;
     margin: 0 12px;
    color: #999;
   }  

   .tutorial{
    margin-top: 30px;
   }

  .hidden-img {  
    display: none; /* 默认隐藏图片 */  
}  
  
 .hoverable{
   display: none;
 }

  .hoverable .btn-mcnget{
      color: #666;
    background-color: #eaeaea;
 }

.hoverable:hover .hidden-img {  
    display:inline-block; /* 当鼠标悬停在 li 上时显示图片 */  
   
}

.tutorial{
    position: relative;
}

  .tutorial .hidden-img {  
     transition: opacity 0.3s ease-in-out;
    position: absolute;
    width: 100px!important;
    height: 100px!important;
    top: 0;
    left: 0;
    border-radius: 5px;
    z-index: 99;
}  
  
  .tutorial .hoverable:hover .hidden-img {  
    opacity: 1; /* 当鼠标悬停在 li 上时图片透明度为1 */  
}




.btn-mcnget{
    padding: 6px 20px;
    font-size: 14px;
    color: #fff;
    background-color: #3487ff;
    border-radius: 150px;
    display: inline-block;
    border: none;
    text-align: left;
    cursor: pointer;
}

.btn-mcnget:hover{
        background-color: #4a15ca;
    color: #fff;
     
}

.gg-right{
    margin-top: 10px;
/* position: absolute;
    left: 500px;
    bottom: 0;
    margin-bottom: 0;*/
}

.gg-right a{
    margin-right: 20px; 
}

  
 
/* Mcn机构 线上css -------------------------------- */


/* 为整个滚动条设置样式 */  
::-webkit-scrollbar {  
    width: 10px!important; /* 滚动条的宽度 */  
    height: 10px;
}  
  
/* 设置滚动条的轨道样式 */  
::-webkit-scrollbar-track {  
    background: #f1f1f1!important; /* 滚动条轨道的背景色 */  
    border-radius: 10px!important; /* 尝试设置轨道的圆角，但这通常不会影响角落 */  
}  
  
/* 设置滚动条的滑块样式 */  
::-webkit-scrollbar-thumb {  
    background: #ddd!important; /* 滑块的颜色 */  
    border-radius: 10px!important; /* 滑块的圆角 */  
}  
  
/* 当你悬停在滑块上时 */  
::-webkit-scrollbar-thumb:hover {  
    background: #999!important; /* 悬停时的颜色 */  
}  
  
/* 隐藏滚动条按钮（通常出现在滚动条的底部和顶部） */  
::-webkit-scrollbar-button {  
    display: none!important; /* 隐藏滚动条按钮 */  
}  
  
 
 
.el-dialog{
    margin-top: 10vh!important;
        border-radius: 10px!important;
/* min-width: 40%!important;*/
        width: 60%!important;
}

.el-dialog .el-dialog__header{
    border-bottom: 1px solid #ddd;
    background: #F5F8FA;
padding: 12px 20px;
border-radius: 10px 10px 0 0!important;
}
 
 

 .el-dialog__headerbtn{
top: 15px!important;
    right: 15px!important;
 }

.el-dialog__body{
/* padding: 10px 5px 10px 15px!important;*/
        padding: 10px!important;
        color: #666!important;
 
        overflow: auto!important;
}

 

.el-input-number--small{
    width: 130px!important;
}


/*.el-dialog__body .el-form{
     .el-select{
width: 288px!important;
}
}
*/
 

.heaser-bottom{
    display: none!important;
}

.header button{
        height: 40px!important;
        background: #F5F8FA!important;
    margin: 0!important;
}

 
.layui-nav-item a{
    color: #666!important;
}

.el-breadcrumb__separator{
font-weight:normal!important;

}

.el-breadcrumb__inner{
    font-weight: normal;
}

 

.login-page .bg span{
    display: none!important;
}

 

.login-page button:hover{
    margin-left: 0!important;
        background-color: #000!important;
}
 

.el-button{
        padding: 8px 12px!important;
}

 
.hei-input--prefix span{
    padding-right: 5px!important;
}

/*.hei-input--affix-wrapper .hei-input{
    color: #419eff !important;
}*/

.wx-css{
    color: #666!important;
    display:none;
}
.wx-css a{
    color: #666!important
}


.qq-css{
    display: none;
}
.qq-css a{
    color: #666!important
}

.mcn-text
{
    margin: 0 auto;
 }


.mcn-text p{
   /* padding: 10px;
    background: #fff3a3;
    border-radius: 5px;
    font-size: 14px;
    color: #333;*/

    padding: 10px;
    background: #fff8c9;
    border-radius: 5px;
    font-size: 14px;
    color: #af8740;

}

.mcn-text-error
{
    margin: 0 auto;
    padding-bottom: 15px;
}


.mcn-text-error p{
 
    padding: 10px;
     border-radius: 5px;
    font-size: 14px;
   background-color: #fef0f0;
    color: #b55e5e;

}

.mcn-text-error b{
        font-size: 18px;
    margin: 0 5px;
    color: #f00;
    font-weight: 600;
}


.main-null{
    width: 100%;
    text-align: center;
    margin: 0 auto;
}

.main-null span{
   font-size: 24px;
    color: #999;
    margin-top: 200px;
    display: block;
}

.hei-yx-css{
    color: #60be31;
    font-size: 13px;
}



.vue-top-sybtn{
        display: inline-block;
    margin: 4px 10px 0 0;
     position: relative;
 }

.hei-table-column-live-avater-nick .an-live-nick span{
    padding: 0 2px!important;
    font-size: 11px;
 }


.hei-table-column-live-avater-nick:hover .an-live-nick{
    white-space: normal!important;
  cursor: pointer;
}


.el-menu .is-active{
color: #fff!important;
 background-image: linear-gradient(90deg, rgb(255, 128, 0) 1%, rgb(255, 25, 217) 55%, rgb(166, 77, 255));   
     font-weight: 700;
}

.el-menu .el-submenu{
    font-weight:normal!important;
 }

.tab-top-sy{
 margin-top: 16px; 
}
.tab-top-sy .el-badge__content{
    right: 53px !important;
        top: -4px!important;
        z-index: 9;
        padding: 0!important;
        border: none !important;
        background: transparent;
        color: #d88080;

     }

.tab-top-sy .el-button--warning{
        padding: 3px 8px !important;
     }


.saoma-close{
   color: #ff0c7b;
    text-align: center;
    font-size: 18px;
    margin-top: 20px;
}
.add-item-livename{
    margin: 0px 8px;color: #1e4bfe;
}


.sqz-black{
    color: black;
}

.hei-taolive-code{

    width: 140px;
}

.hei-taolive-code .el-button{
    padding: 2px 3px!important;
    background: #fff;
}
.hei-taolive-code .el-button .el-icon-view{
color: #03a9f4;
       } 


.hei-anchor-table-css{
    width: 100%!important;
    height: 100%!important;
}


.selection-anchor-title-css{
   width: 150px;
    height: 30px;
    border-radius: 5px;
    text-align: center;
    color: #fa2c50;
    position: absolute;
    z-index: 9;
    top: -10px; 
    background: #fff8c9;
    line-height: 30px;
    text-align: center;
    left: 5px;
}

.selection-anchor-title-css{
   width: 150px;
    height: 30px;
    border-radius: 5px;
    text-align: center;
    color: #fa2c50;
    position: absolute;
    z-index: 9;
    top: -10px; 
    background: #fff8c9;
    line-height: 30px;
    text-align: center;
    left: 5px;
}

.recent-live-time{
    position: relative;
    display: flex;
    flex-direction: column;
}

.zhuanz-btn{
    margin-left: 10px;
}

/* 直播画面二维码的展示 */
.zb-hm-css{
    display: flex;
    align-items: center;
    justify-content: flex-end!important;
    gap: 5px;
    color: #999!important;
}
.live-show-qrcode-btn{
    border: none;
}

.gl-keyword-css{
        color: #115ffd;
            font-family: PingFang SC;
            font-weight: bolder;
}

.phb-css{
        background: #fdf1db;
}
.phb-css .item-table-all-css {
    width: 100%;
   /* border-radius: 10px;*/
   height: 700px;
           }

.phb-css .el-table__body{
    width: auto!important;
}



.hei-rank-tabs-active{
    height: 30px!important;
    gap: 30px!important;
    padding-bottom: 10px!important;
    padding-top: 15px!important;
}

.tcsc-all-commodity-rank-live-scens{
    bottom: 0!important;
}
.hei-rank-main{

    height: 100px!important;
}

.youxian-css{
    position: relative;
/* background: #fffcea;*/
        padding-top: 10px;
                padding-bottom: 5px;
            border-top: 1px dashed #ddd;
}
.youxian-css .title-yx{
    position: absolute;
    left: 0;
    top: -1px;
    background: #e0c425;
    padding: 6px 10px;
    color: #fffcea;
    border-radius: 0 0 8px 0;
    font-size: 12px;
    /* display: none; */

}

.youxian-css .condition-form-item{
        margin-bottom: 0 !important;
}


.moren-css{
      position: relative;
/* background: #ededed;*/
    padding: 10px 0 5px 0;
        border-top: 1px dashed #ddd;
}
.moren-css .title-mr{
    position: absolute;
    left: 0;
    top: -1px;
    background: #67c23a;
    padding: 6px 10px;
    color: #f6f8fa;
    border-radius: 0 0 8px 0;
    font-size: 12px;
    /* display: none; */

}


.shangpin-tip-css{
    margin-bottom: 10px;
}
.gongneng-css{
      position: relative;
/* background: #adbbca;*/
  border-top: 1px dashed #ddd;
}
.gongneng-css .title-gn{
    position: absolute;
    left: 0;
    top: -1px;
    background: #999;
    padding: 6px 10px;
    color: #f6f8fa;
    border-radius: 0 0 8px 0;
    font-size: 12px;
    /* display: none; */
}


.phb-select{
    width: 288px; 
margin-right: 10px;
}


.phb-select .el-checkbox-group{
    width: 500px;
}

.zhuboku-select{
width: 288px; 
margin-right: 10px;

}
 .zixuanku-select{

width: 288px;
margin-right: 10px;

 }
.itemku-select .el-select{
width: 288px!important;
}


.btn-ml-css{
    margin: 0!important;
}

/*回放*/

.hf-main-css {
    position: relative;
    font-family: AlibabaSans102sRg, sans-serif;
    color: #333;
    height: 40px;
}

.hf-main-css .bt-css{
    display: inline-block;
    position: absolute;
    top: 0;
    font-size: 16px;
    font-weight: 500;

}
.hf-main-css .data-css{
    display: inline-block;
    position: absolute;
    bottom: 0;
    font-size: 12px;
    color: #666;
}
.hf-main-css .data-css span{
background: #fff;
    border: .8px solid #e6e9ed;
    border-radius: 6px;
    color: #111;
    font-family: PingFangSC-Regular;
    line-height: 12px;
    margin-left: 8px;
    padding: 0 5px;
     }

.hf-main-css .imgcss{

display: inline-block;
margin-right: 10px;
height: 40px;
}
.hf-main-css .imgcss img{
    width: 40px;
    height: 40px;
     font-size: 14px;
    border-radius: 10px;
}


.buzu-item{
    color: #999;
     font-size: 13px;
}
 



.gn-span-css{
        margin-right: 12px;
    font-size: 14px;
    color: #666;
}

.denglu-zt{
    width: 112px!important;
}
.denglu-zt .el-input{
    width: 112px!important;

    }


.live-history-css{
    padding: 0!important;
    background-color: #fff!important;
}
.live-history-css .live-room-info-css{
    line-height: 20px;
}


 .el-table th.el-table__cell>.cell{
    color: #666;
 }
 

 .sybtn-time-indices-css{
    /*font-size: 14px;
    position: absolute;
    top: 6px;
    right: -120px;
    display: inline-block;
    color: #666;*/

/*font-size: 14px;
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    color: #666;
    background: #f2f2f2;
    opacity: 0.8;
    width: 224px;
    padding: 8px 6px;*/

    font-size: 14px;
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    color: #666;
    background: #ddd;
    opacity: 0.8;
    width: 134px;
    padding: 8px;
 }
 .sybtn-time-indices-css .number{
    color: #ff0000;
    font-size: 16px!important;
    }

 .sybtn-time-indices-css .suffix{
    color: #666;
    }


 .sybtn-time-indices-dl-css{
    font-size: 14px;
    position: absolute;
    top: 3px;
    left: 0;
    display: inline-block;
    color: #666;
    background: #ddd;
    opacity: 0.8;
    width: 96px;
    padding: 10px 8px;
 }
 .sybtn-time-indices-dl-css .number{
    color: #ff0000;
    font-size: 14px!important;
    }

 .sybtn-time-indices-dl-css .suffix{
    color: #666;
    }


 .sybtn-time-indices-zb-css{
    font-size: 14px;
    position: absolute;
    top: 3px;
    left: 0;
    display: inline-block;
    color: #666;
    background: #ddd;
    opacity: 0.8;
    width: 96px;
    padding: 10px 8px;
 }
 .sybtn-time-indices-zb-css .number{
    color: #ff0000;
    font-size: 14px!important;
    }

 .sybtn-time-indices-zb-css .suffix{
    color: #666;
    }


 .sybtn-time-indices-sl-css{
    font-size: 14px;
    position: absolute;
    top: 0;
    left: 15px;
/* display: inline-block;*/
    color: #666;
    background: #ddd;
    opacity: 0.8;
    width: 100%;
    padding: 10px 8px;
      cursor: no-drop;
      z-index:1;
 }
 .sybtn-time-indices-sl-css .number{
    color: #ff0000;
    font-size: 14px!important;
    }

 .sybtn-time-indices-sl-css .suffix{
    color: #666;
    }



 .mcn-power-statistics-css{ 
     background-color: #f1f1f1;
     padding: 10px 18px!important;
     width: auto!important;
 }
 .mcn-power-statistics-css .el-col-10{
    width: auto!important;
        margin-left: 10px;
        margin-right: 15px;
        padding: 0!important;
}

 .mcn-power-statistics-css .prefix{
    color: #666!important;
}


.zhuboku-css{
    width: 100%;
}
.zhuboku-css .ku-ss-css{
    margin-left: 20px;
}

.zhuboku-css .ss-css{

}



.zixuanku-css{
    width: 100%;
}
.zixuanku-css .ku-ss-css{
    margin-left: 20px;
}

.zixuanku-css .ss-css{
    
}



/*主播库*/

.zbk-main-css {
    position: relative;
    font-family: AlibabaSans102sRg, sans-serif;
    color: #333;
    height: 40px;
}

.zbk-main-css .bt-css{
    display: inline-block;
    position: absolute;
    top: 0;
    font-size: 14px;
    color: #666;
    height: 40px;
    overflow: hidden;
    line-height: 20px;
 
}
 
 .zbk-main-css .bt-css:hover{
    text-decoration: underline;
 
}
 

.zbk-main-css .imgcss{

display: inline-block;
margin-right: 10px;
height: 40px;
}

.zbk-main-css .imgcss img{
    width: 40px;
    height: 40px;
     font-size: 14px;
    border-radius: 10px;
}
 

.weigui-data-css{




}

 
.wg-main-css {
    position: relative;
    font-family: AlibabaSans102sRg, sans-serif;
    color: #333;
    height: 40px;
}

.wg-main-css .bt-css{
    display: inline-block;
    position: absolute;
    top: 0;
    font-size: 14px;
    font-weight: 500;
    color: #666;

}
.wg-main-css .data-css{
    display: inline-block;
    position: absolute;
    bottom: 0;
    font-size: 12px;
    color: #666;
}
.wg-main-css .data-css span{
      font-family: PingFangSC-Regular;
    line-height: 12px;
       }


.wg-main-css .imgcss{

display: inline-block;
margin-right: 10px;
height: 40px;
}

.wg-main-css .imgcss img{
    width: 40px;
    height: 40px;
     font-size: 14px;
    border-radius: 10px;
}


.live-state{
    color: #fff;
    background: linear-gradient(90deg,#ff0040,#ff4d79);
    font-size: 11px;
    padding: 0 4px;
    border-radius: 4px;
    line-height: 17px;
        display: flex;
    align-items: center; 
}
.live-state img{
    width: 12px; 
display: inline-flex
}



.live-stop{
     color: #fff;
    background: #d78080;
    font-size: 11px;
    padding: 0 4px;
    border-radius: 4px;
    line-height: 17px;
 }


.live-end{
    color: #999;
    background: #e6e9ed;
    font-size: 11px;
    padding: 0 4px;
    border-radius: 4px;
    line-height: 17px;
 }


.live-yg{
    color: #fff;
    background: #b573e1;
    font-size: 11px;
    padding: 1px 4px;
    border-radius: 4px;
    line-height: 17px;
 } 

.live-null{
    color: #ddd;
}

 
.zb-hm-css .live-reply-url-btn{
   background-color: #fff!important;
    color: #03a9f4!important;
    padding: 2px 3px !important;
    border: none!important;
    font-size: 14px!important;
}

 .zb-hm-css .live-reply-url-btn:hover{
   background-color: #fff!important; 
}



.copy-goback-new-css span{
    padding: 0 10px!important;
    color: #999!important;
    font-size: 12px!important;
    }

.copy-goback-new-css .el-link--inner{
    padding: 0 !important;
    color: #409eff!important;
    font-size: 14px!important;
    }


.daoqi-zbm-css{
font-size: 12px;
    margin-right: 20px;
    color: #fff;
    background: #e52fe4;
    padding: 2px 7px 3px 7px;
    border-radius: 10px;
}
.daoqi-zbm-css b{
    padding: 0 5px;
font-size: 14px;
color: #fff;
font-weight: 500;
}


.live-history-header-info span{
    margin-left:10px;
}


.zbm-datas-css{
  font-size: 12px;
      display: inline-block;
     background: #333;
    padding: 0 0 5px 15px;
        border-radius: 2px;
 /* margin-left: 30px;
    padding-left: 20px;
    border-left: 1px solid #ddd;*/
    
  /* font-size: 14px;
    padding-top: 20px;
    display: inline-block;
    margin-left: 30px;
    padding-left: 20px;
     background: #eceef6;
    margin-top: -12px;*/

}

.zbm-datas-css h3{
    margin-top: 15px;
    margin-bottom: 8px;
    font-size: 15px;
    color: #fff;
    font-weight: 500;
}

.zbm-datas-css .style-title{
          margin-bottom: 10px;
    display: inline-block;
 }

.zbm-datas-css div{
       width: 190px;
}

.zbm-datas-css .style-title b{
          margin-left:3px;
          color: #f33;
         font-size: 14px;  

}

.zbm-datas-css .style-title strong{
         color: #fff;  
}


.zbm-datas-css .style-title span{
         color: #999;  
}

.live-total-satats-card{
/* margin-left:100px;*/
}
 


.zb-type-css{

font-size: 14px;
}
.zb-type-css .type-formal{
         background-color: rgb(255 0 161 / 60%);
font-size: 12px;
position: absolute;
/* left: -20px; */
position: absolute;
top: 0;
color: #fff;
padding: 0 5px;
border-radius: 10px 0;

}

.zb-type-css .type-trial{
     background-color: rgb(27 27 27 / 60%);
font-size: 12px;
position: absolute;
/* left: -20px; */
position: absolute;
top: 0;
color: #fff;
padding: 0 5px;
border-radius: 10px 0;

}




.live-reply-url-btn{
    background-color: #03A9F4;
    color: #fff;
    padding: 2px 5px !important;
    border: none;
}

.live-reply-url-btn:hover{
    background-color: #24b5f8;
}

.hei-danger-btn-remove-css{
    color: #F56C6C;
    background-color: #fff;
    border-color: #fff;
}

.hei-danger-btn-remove-css:hover{
    color: #F56C6C;
    background-color: #fff;
    border-color: #fbc4c4;
}

/*功能操作 -- 主播类型操作*/

 
.hei-anchor-identity-title{
    font-size: 14px;
    margin-right: 10px;
    color: #666666;
}
.hei-anchor-identity-select{
    margin-right: 10px;
    margin-left: 2px;
}

.hei-anchor-identity-css .el-icon-arrow-up{
    line-height: 24px!important;
}

.type-formal{
    position: absolute;
    top: 0;
    background-color: rgb(0 131 255 / 70%) !important;
    color: #fff;
    padding: 0px 5px;
    border-radius: 10px 0px 12px 0px;
}
.type-formal span{
    font-size:12px!important;
}


.type-trial{
    position: absolute;
    top: 0;
    background-color: rgb(57 45 57 / 60%) !important;
    color: #fff;
    padding: 0px 5px;
    border-radius: 10px 0px 12px 0px;
}
.type-trial span{
    font-size:12px!important;
}


.zb-type-normal-css .el-link--inner{

  
    font-size: 12px!important;
    font-weight: normal!important;
    color: #999;
}
 
.zb-type-normal-css .el-link--inner:hover{
    color: #e017c2;
}

.zb-type-formal-css .el-link--inner{
    font-size: 12px!important;
    font-weight: normal!important;
     color: #508ac5;
}
 
.zb-type-formal-css .el-link--inner:hover{
    color: #e017c2;
}


/*8.22*/

/* 复选框的样式*/
.item-checkbox-css{
    position: absolute!important;
    z-index: 10;
}
.item-checkbox-css .el-checkbox__label {
    display: none;
}

.item-checkbox-css .el-checkbox__inner{
    width: 20px;
    height: 20px;
    border-radius: 8px;
}

.item-checkbox-css .el-checkbox__inner::after {
    border: 2px solid #FFF;
    border-left: 0;
    border-top: 0;
    height: 12px;
    left: 6px;
    width: 4px;
}

/* 商品选中的样式*/
.selected-item-css{
    width: 100%;
    height: 100%;
    position: absolute!important;
    top: 0;
    left: 0;
    background: #03a9f41a;
    border-radius: 12px;
    z-index: -2;
}

/* 批量操作div的样式*/
.batch-operate-btn-box{
    position: relative;
    // height: 40px;
    width: 80%;
    display: flex;
    align-items: center;
    gap: 10px;
}

/* 全选复选框的样式*/
.check-all-lable-css{
    position: relative;
    display: flex;
    background: #f0f0f0;
    width: 60px;
    height: 32px;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    cursor: pointer;
}

.check-all-lable-css:hover .el-checkbox__inner{
    border: 1px solid #409EFF;
}

.checkbox-all-checkbox-css{
    color: #000;
}
.checkbox-all-checkbox-css .el-checkbox__inner{
    border-radius: 6px;
    width: 18px;
    height: 18px;
}
.checkbox-all-checkbox-css .el-checkbox__inner::after{
    height: 10px;
    left: 6px;
}
.checkbox-all-checkbox-css .el-checkbox__label {
    line-height: 0px;
    padding-left: 8px;
}


/* 下架商品的样式*/
.item-off-shelf-css{
    background-color: rgba(0, 0, 0, .5);
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    border-radius: 12px;
    z-index: 9;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.item-off-shelf-css .off-shelf-title{
    color: #FFF;
    line-height: 1.5px;
}


.item-checked-type-can{
    display: none!important;
}

.yg-add-css span{
         font-size: 12px!important;
     margin-left: 10px!important;
}


.yg-add-css span:hover{
         color: #d737eb!important;
}

.commodity-table-overview .name{
    color: #333!important;
}


.table-selected-live-history-css{
    height: 30px!important;
    padding: 10px 0!important;
}

.live-detail-info-css{

display:flex;
justify-content: start;
align-items: center;
position: absolute;
left: 400px;

}
 
.anchor-playback-header{
    padding:8px!important
}


.selected-live-history-detail{
    gap: 5px!important
}

.el-table__fixed-right .el-button--warning.is-plain{

}

.btn-ml-danger-css {
 border:1px solid transparent!important;
    background: transparent!important;
    color: #f56c6c!important;
 
}
.btn-ml-danger-css:hover{
    border:1px solid #f56c6c!important;
    background: #fff!important;
 }

.btn-ml-success-css {
 border:1px solid transparent!important;
    background: transparent!important;
    color: #67c23a!important;
 
}
.btn-ml-success-css:hover{
    border:1px solid #67c23a!important;
    background: #fff!important;
 }

.btn-ml-warning-css {
 border:1px solid transparent!important;
    background: transparent!important;
    color: #67c23a!important;
 
}
.btn-ml-warning-css:hover{
    border:1px solid #67c23a!important;
    background: #fff!important;
 }


.tcsc-index-all-commodity-filters-sorts{
    padding: 0px!important;
        margin-bottom: 15px!important;
}

.itempages{
  /* position: fixed;
    top: 110px;
    right: 10px;
    background: #fff;
    z-index: 99;
    padding: 1px 8px;
    border-radius: 50px;
    border: 1px solid #ff5f5f;*/
    margin-left: 20px;
}

.hei-item-check-header-right .el-button--danger{
margin-right: 50px;
}

.tuijian-img{
    position: absolute;
    right: 0;
    width: 35px;
    top: 0;
    border-top-right-radius: 10px;
}

.item-prompt-h5 .el-collapse{
    width: 90%;
    margin-left: 5%;
}

.item-prompt-h5 .hei-yg-show-item-main{
     padding: 0 10px;
    margin-top: 10px;
}

.mcn-style-width{
    display: block;
    width: 80px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   color: #999;
 }
 
 .lulu-time{
    display: block;
    width: 80px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
       font-size: 12px;
    text-align: left;
    color: #999;
 }



.kaibo-time-chang{
        font-size:14px;
    display: block;
    letter-spacing:1px;
    color: #cf9b2b;
}
.kaibo-time-chang .icon-time{
    font-size: 14px;
margin-right: 3px;
}


  .kaibo-time{
 display: block;
    color: #999;
    font-size: 12px;
 }

.kaibo-time-error{
display: block;
    letter-spacing: 2px;
    color: #F56C6C;
}

.kaibo-null{
     display: block;
    color: #999;
    font-size: 12px;
}

.el-switch__core{
    width: 32px!important;
}

.icon-shujukanban{
    color: #03a9f4;
    cursor: pointer;
}


.zb-dlr{
    color: #777;
}

.zb-id-style{
        color: #666;
    font-size: 13px;
}

.main-style-css button{
    border: none;
    border-radius: 0px!important;
    background-color: transparent;
}

.main-style-css button:hover{
    border-bottom: 1px solid #333;
        background-color: transparent!important;

}
.del-jin-css{
    color: #999!important;
}
.del-jin-css:hover{
    border-bottom: 1px solid #999!important;

}
.del-jie-css{
    color: #6ab047!important;
}

.del-jie-css:hover{
    border-bottom: 1px solid #6ab047!important;

}

.del-style-css{
  border-radius: 0px!important;
}

.del-style-css .icon-shanchu1{
 color: #f56c6c;
 font-size: 14px;
}

.del-style-css:hover{
    border-bottom: 1px solid #f56c6c!important;

}
.icon-zhuboguanli{
    font-size: 22px!important;
    margin-right: 5px;
}

.hei-title-l{
    color: #666;
    margin-left: 15px!important;
    margin-right: 5px;
}

.hei-title{
    font-size: 16px!important;
        color: #666;
    margin-left: 15px!important;
}

.hei-title-shu{
        color: #666;
    margin-right: 5px!important;

}

.hei-title-mh{
      color: #999;

}


.yydl-style{
    margin-right: 20px;
}

.header-anchor-info .el-avatar img{
width: 40px!important;
height: 40px!important;
}

  .list-container {
/* display: flex;*/
    overflow-x: auto;
    white-space: nowrap;
   }
  .zb-content {
     height: 100%;
    flex-shrink: 0;
   }
    .zb-content:active {
    cursor: grabbing;
  }

  .live-item-aside-left .el-input-group__prepend{
    width: 70px;
  }

.hei-live-item-table-s .list-item{
    padding:10px 0!important; 
    border-bottom: 1px solid #eaeaea!important;
    border-radius: 0!important;
}

.hei-live-item-table-s .list-item .del-item-css{

    color: #f56c6c;
    font-size: 14px;
}

.hei-live-item-table-s .list-item .del-item-css:hover{
color: #ff6060;
}

.list-item .list-item-aside{
    width: auto!important;
  }

  .el-col-3{
    width: 230px!important;
  }

  .el-col-21{
    width: 78% !important;
 
    margin-top: 20px;
  }

.hei-live-domain{
    margin: 0!important;
}
  .hei-live-item-table-s{
    height:570px!important
}


  .hei-live-huifang-data{
    width: 350px; 
  }
  .hei-live-huifang-data .el-table__fixed-body-wrapper{
    margin-bottom: 20px;
}


.item-width-css{
    width: 350px;
}
.item-width-css span{
    font-size: 14px;
    color: #333;
}

.item-width-css .el-divider{
    color: #999;
    font-size: 12px!important;
        margin: 0 12px!important;
}



.tab-item-content-nick{
        max-width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

 
.dx-zt-css .el-input__inner{
width: 160px;
}

.dx-wd-css{
    width: 80%;
}

.live-condition-add-ing{
    text-align: center;
}


.live-show-data-btn{
    background-color: #fff !important;
    color: #03a9f4 !important;
    padding: 2px 3px !important;
    border: none !important;
    font-size: 14px !important;
}

.del-style-css{
    float: right;
}

.zb-sl-css{
    padding: 0 1px;
    color: #666;
    font-family: cursive;
}

.yydl-sx-css{
    margin-left: 20px;
}


.zbgl-ss-css-t{
width: 200px!important;
}
.zbgl-ss-css-t .el-input-group__prepend{
    padding: 0 15px!important;
}



.zbgl-ss-css{
width: 200px!important;
margin-top: 5px;
}
.zbgl-ss-css .el-input-group__prepend{
    padding: 0 13px!important;
}


.el-tabs--left .el-tabs__header.is-left{
    width: 210px!important;
}

.copy-css a{
    color: #409EFF;
    cursor: pointer;
}

.copy-css a:hover{
    color: #2389f3;
 }


.hf-data-fenxi{
    gap: 15px;
    position: fixed;
    right: 0;
    z-index: 9999;
    display: flex;
    flex-direction: column;
}



.hf-data-fenxi a{
    background: #409EFF;
    padding: 10px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    cursor: pointer;
    color: #fff;
 }

 
.hf-data-fenxi a:hover{  

 background: #2389f3;

}

.hei-live-tabs-domain .el-tabs__nav-prev{
line-height: 65px!important;
    color: #409EFF;
}
.hei-live-tabs-domain .el-tabs__nav-prev .el-icon-arrow-left{
    font-size: 16px;
}



.hei-live-tabs-domain .el-tabs__nav-prev:hover{
background:#409EFF;
color: #fff;
}



.hei-live-tabs-domain .el-tabs__nav-next{
line-height: 65px!important;
    color: #409EFF;
}
.hei-live-tabs-domain .el-tabs__nav-next .el-icon-arrow-right{
    font-size: 16px;
 
}

.hei-live-tabs-domain .el-tabs__nav-next:hover{
background:#409EFF;
color: #fff;
}

/*---*/

.hgd-live-explain-domain .el-tabs__nav-prev{
line-height: 85px!important;
    color: #409EFF;
}
.hgd-live-explain-domain .el-tabs__nav-prev .el-icon-arrow-left{
    font-size: 16px;
}



.hgd-live-explain-domain .el-tabs__nav-prev:hover{
background:#409EFF;
color: #fff;
}



.hgd-live-explain-domain .el-tabs__nav-next{
line-height: 85px!important;
    color: #409EFF;
}
.hgd-live-explain-domain .el-tabs__nav-next .el-icon-arrow-right{
    font-size: 16px;
 
}

.hgd-live-explain-domain .el-tabs__nav-next:hover{
background:#409EFF;
color: #fff;
}

.hgd-transition-box-batch-item .hgd-transition-box-batch-item{

height: 35px!important;
}

.hgd-live-item-content-domain .hgd-list-hg{
width: 100%;
}

.hgd-live-fy{
    margin-top: -5px;
    margin-bottom: 10px;
}


.live-item-aside-left .el-input__suffix-inner i{
    line-height: 18px;
}

.hei-zh-css-tip{
    margin-bottom: 20px;
}

.hei-transfer-target-main .target-operate-kk{
    margin-right: 14px!important;
}

.hei-transfer-domain{
    height: 470px!important;
}

.hei-transfer-domain .el-transfer-panel__body{
height: 320px!important;
}

.hei-transfer-domain .el-transfer-panel__list{
height: 320px!important;
}

.hei-transfer-footer{
    margin-top: 20px!important;
}

.van-popup--center{
        border-radius: 8px;
}

.mcn-login-lianxi{
    margin-right: 20px;
    font-size: 13px;
    position: absolute;
    bottom: -30px;
    right: 0;
    color: #728cf8!important;
    display: none;
}

 

.xx-css{
    margin-left: 10px;
    line-height: 24px;
}

.hei-header-aa{
    padding: 15px!important;
        width: auto!important
}


.hei-filter-condition .input-with-select .el-input__inner{
        padding-right: 0!important;
        width: 130px!important;

}

.hei-filter-condition .el-select .el-input__inner{
    width: 80px!important;
}

.hei-filter-condition .title-data{
font-size: 14px;
    color: #666;
    margin-right: 5px;
}

.el-main-style {
    padding: 15px;
}

.data-fenxi{
    background-color: #F5F8FA;
}