/* _content/Cyqf_ChatService/Elements/AddGroup.razor.rz.scp.css */

ul[b-j1pap0lqv9], li[b-j1pap0lqv9], dl[b-j1pap0lqv9], dt[b-j1pap0lqv9], dd[b-j1pap0lqv9], img[b-j1pap0lqv9], h1[b-j1pap0lqv9], h2[b-j1pap0lqv9], h3[b-j1pap0lqv9], h4[b-j1pap0lqv9], h5[b-j1pap0lqv9], h6[b-j1pap0lqv9], p[b-j1pap0lqv9], a[b-j1pap0lqv9], textarea[b-j1pap0lqv9], input[b-j1pap0lqv9], span[b-j1pap0lqv9], div[b-j1pap0lqv9], i[b-j1pap0lqv9], time[b-j1pap0lqv9], article[b-j1pap0lqv9], header[b-j1pap0lqv9], h3[b-j1pap0lqv9], button[b-j1pap0lqv9] {
    border: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    font-family: "OPPOSans-M";
}

.staging_box[b-j1pap0lqv9] {
    width: 98%;
    display: flex; /* margin:20px;*/
    overflow-y: hidden;
    height: 100vh; /* margin:20px 20px 20px 20px;*/ /* margin-bottom:20px;*/
    margin: 0px 0 0 20px;
    flex-direction: column;
}

.staging_leftBox[b-j1pap0lqv9] {
    width: 6%;
    height: 970px;
    float: left;
    background-color: #2B2D34;
}

.staging_rightBox[b-j1pap0lqv9] {
    width: 100%; /* float:left;*/ /* margin:20px;*/
    margin-right: 0 !important;
    border-radius: 6px;
    background: #FFF;
    display: flex;
    justify-content: space-between;
    height: 69px;
    margin-bottom: 10px;
    margin-top: 20px;
}

.rightBox_l[b-j1pap0lqv9] {
    width: 100%;
    margin-right: 0 !important;
}

.leaveWord[b-j1pap0lqv9] {
    padding-left: 20px; /* padding-top:24px;*/ /* float:left;*/
    display: flex;
    align-items: center;
}

    .leaveWord b[b-j1pap0lqv9] {
        color: rgba(0,0,0,0.90);
        font-size: 16px;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.32px;
        margin-right: 10px;
        display: block;
        float: left;
        color: rgba(0,0,0,0.90);
        font-family: OPPOSans-H;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.32px;
        min-width: 100px;
    }

.boxDiv[b-j1pap0lqv9] {
}

.divBox1[b-j1pap0lqv9] {
    display: flex;
    align-items: center;
}

    .divBox1 .div[b-j1pap0lqv9] {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 4px;
        overflow: hidden;
    }

.divBox2 span[b-j1pap0lqv9] {
    margin-right: 10px;
}

.div2[b-j1pap0lqv9] {
}

.divBox2[b-j1pap0lqv9] {
    margin-right: 20px;
    width: 811px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 18px;
    overflow: hidden;
    color: rgba(0,0,0,0.60);
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.boxDiv[b-j1pap0lqv9] {
    width: 100%;
    height: 100vh;
    margin-bottom: 20px;
    overflow: hidden;
    display: flex;
    min-width: 1300px;
}

.boxDiv3[b-j1pap0lqv9] {
    width: 300px;
    background: #FFF;
    border-radius: 6px; /* overflow:hidden;*/
    height: 100%; /* display:flex;*/ /* justify-content:center;*/ /* display:flex;*/ /* flex-direction:column;*/ /* max-height:100vh;*/
    margin-right: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* align-items:center;*/
    min-width: 300px;
}

.boxDiv4[b-j1pap0lqv9] {
    width: 100%;
    background: #fff;
    border-radius: 6px;
    height: 100%;
    min-width: 1000px;
    display: flex; /* justify-content:center;*/
    flex-direction: column;
}

.divBox4_1[b-j1pap0lqv9] {
    color: var(--06,rgba(0,0,0,0.60));
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    margin: 0 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.divBox4_2[b-j1pap0lqv9] {
    color: rgba(0,0,0,0.90);
    font-family: 'OPPOSans-B';
    font-size: 15px;
}

.divBox4_12[b-j1pap0lqv9] {
    margin-bottom: 25px; /* color:#3578EE;*/ /* font-family:'OPPOSans-M';*/ /* font-size:12px;*/ /* font-style:normal;*/ /* font-weight:400;*/ /* line-height:normal;*/ /* letter-spacing:0.24px;*/ /* display:flex;*/
    display: flex; /* justify-content:center;*/
    align-items: center;
    padding-top: 27px;
    color: rgba(0,0,0,0.90);
    font-family: 'OPPOSans-B';
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.3px;
    margin-left: 20px;
}

.borderBottom6[b-j1pap0lqv9] {
    opacity: 0.1;
    background: linear-gradient(270deg,rgba(0,0,0,0.00) 0%,#000 15.06%,#000 84.74%,rgba(0,0,0,0.00) 100%);
    width: 300px;
    height: 1px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.boxDiv5[b-j1pap0lqv9] {
    margin: 0 14px 0 14px;
    flex: 1;
    overflow-y: auto;
}

[b-j1pap0lqv9]::-webkit-scrollbar {
    width: 4px;
}

[b-j1pap0lqv9]::-webkit-scrollbar-thumb {
    background: #dadce4;
    border-radius: 3px;
}

    [b-j1pap0lqv9]::-webkit-scrollbar-thumb:hover {
        background-color: #555;
    }

.boxDiv6[b-j1pap0lqv9] {
    height: 44px;
    display: flex;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: 'OPPOSans-R';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
    padding: 0 0 0 14px;
    color: rgba(0,0,0,0.90);
    margin-bottom: 2px;
}

    .boxDiv6:hover[b-j1pap0lqv9] {
        border-radius: 6px;
        background: #F0F1F7;
        color: rgba(0,0,0,0.90);
    }

.boxDiv7[b-j1pap0lqv9] {
}

.boxDiv8[b-j1pap0lqv9] {
    color: #3578EE;
}

    .boxDiv8:hover[b-j1pap0lqv9] {
        background: #Fff;
        cursor: pointer;
    }

.boxDiv9[b-j1pap0lqv9] {
    border-radius: 6px;
    background: #F5F5FA;
    height: 348px;
    margin: 0 14px 14px 14px;
    padding: 012px;
}

.boxDiv11[b-j1pap0lqv9] {
    padding-top: 10px;
}

    .boxDiv11 textarea[b-j1pap0lqv9] {
        overflow: hidden;
        color: rgba(0,0,0,0.90);
        text-overflow: ellipsis;
        font-family: 'OPPOSans-M';
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        height: 17px;
        resize: none;
        width: 98%;
        background: none;
        outline: none;
    }

        .boxDiv11 textarea[b-j1pap0lqv9]::placeholder {
            color: rgba(0,0,0,0.40);
            font-family: OPPOSans-R;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.28px;
        }

.boxDiv12[b-j1pap0lqv9] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px 4px 0 0px;
}

.boxDiv13[b-j1pap0lqv9] {
    width: 80%;
}

    .boxDiv13 input[b-j1pap0lqv9] {
        overflow: hidden;
        color: #3578EE;
        text-overflow: ellipsis;
        font-family: 'OPPOSans-M';
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        height: 17px;
        resize: none;
        width: 100%;
        background: none;
        outline: none;
        caret-color: #3578EE;
        letter-spacing: 0.1px;
    }

        .boxDiv13 input[b-j1pap0lqv9]::placeholder {
            color: #3578EE;
            font-family: OPPOSans-R;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.28px;
        }

.boxDiv14[b-j1pap0lqv9] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 0;
    top: 3px;
}

.boxDiv10[b-j1pap0lqv9] {
    border-bottom: 1px solid #e1e1e1;
    display: flex; /* justify-content:space-between;*/
    padding-bottom: 10px;
    position: relative;
}

.boxDiv15[b-j1pap0lqv9] {
    display: flex;
    flex-direction: column;
    height: 98%; /* background:#ccc;*/
}

.boxDiv4_14[b-j1pap0lqv9] {
    color: #F0F1F7;
    font-family: 'OPPOSans-R';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.boxDiv4_13[b-j1pap0lqv9] {
    margin: 0 4px 0 0;
    display: flex;
    align-items: center;
}

.boxDiv4_12[b-j1pap0lqv9] {
    display: flex;
    align-items: center;
    display: flex;
    align-items: center;
    border-radius: 6px;
    background: #3578EE;
    padding: 0 20px;
    height: 37px;
    margin-left: 10px;
}

.boxDiv4_11[b-j1pap0lqv9] {
    margin-right: 8px;
}

.boxDiv4_10[b-j1pap0lqv9] {
    display: flex;
    align-items: center;
    margin-right: 4px;
    margin-top: 1px;
}

.boxDiv4_9[b-j1pap0lqv9] {
    display: flex;
    align-items: center;
    border-radius: 6px;
    background: #F0F1F7; /* margin:0 10px 0 0;*/
    padding: 0 20px;
    height: 37px;
    margin-left: 10px;
    padding-right: 14px;
}

.boxDiv4_8[b-j1pap0lqv9] {
}

    .boxDiv4_8 input[b-j1pap0lqv9] {
        outline: none;
        color: rgba(0,0,0,0.90);
    }

        .boxDiv4_8 input[type="text"][b-j1pap0lqv9]::placeholder {
            color: rgba(0,0,0,0.40);
            font-family: OPPOSans-M;
            font-size: 13px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.26px;
        }

.boxDiv4_7[b-j1pap0lqv9] {
    display: flex;
    align-items: center;
    margin-right: 4px;
    margin-top: 2px;
}

.boxDiv4_6[b-j1pap0lqv9] {
    display: flex;
    align-items: center; /* border-radius:36px;*/
    border: 1px solid var(--01,rgba(0,0,0,0.10));
    background: #FFF;
    padding: 0 20px;
    height: 37px; /* margin-right:10px;*/ /* border-radius:6px;*/ /* width:234px;*/
    border-radius: 20px;
    margin: 0 28px 0 28px;
    margin-bottom: 14px;
}

.boxDiv4_5[b-j1pap0lqv9] {
    display: flex;
    align-items: center;
}

.boxDiv4_4[b-j1pap0lqv9] {
    color: rgba(0,0,0,0.40);
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    display: flex;
    align-items: center;
}

.boxDiv4_3[b-j1pap0lqv9] {
    overflow: hidden;
    color: rgba(0,0,0,0.90);
    text-overflow: ellipsis;
    font-family: 'OPPOSans-B';
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.3px;
    margin-right: 10px;
    padding-left: 10px;
}

.boxDiv4_2[b-j1pap0lqv9] {
    display: flex;
    align-items: center;
    height: 37px;
}

.boxDiv4_1[b-j1pap0lqv9] {
    display: flex;
    justify-content: space-between; /* padding-top:20px;*/ /* padding-bottom:20px;*/
    padding: 20px;
}

.boxDiv5_1[b-j1pap0lqv9] {
    margin: 0 20px 0 20px;
    flex: 1;
    overflow-y: auto; /* flex-grow:1;*/
    padding-bottom: 25px;
}

.boxDiv5_2[b-j1pap0lqv9] {
    display: flex;
    background: #F0F1F7;
    box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.10);
    height: 44px;
    display: flex;
    align-items: center; /* padding-left:30px;*/
    margin: 0 20px 0 20px;
}

    .boxDiv5_2 div[b-j1pap0lqv9] {
        font-family: 'OPPOSans-B';
        color: #2B2D34;
        font-family: 'OPPOSans-B';
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.26px;
    }

.boxDiv5_3[b-j1pap0lqv9] {
    color: #2B2D34;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    width: 33%; /* display:-webkit-box;*/ /* -webkit-line-clamp:1;*/ /* -webkit-box-orient:vertical;*/ /* overflow:hidden;*/
    display: flex;
    justify-content: space-between;
}

.boxDiv5_4[b-j1pap0lqv9] {
    width: 9%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0;
}

.boxDiv5_5[b-j1pap0lqv9] {
    color: #2B2D34;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.boxDiv5_6[b-j1pap0lqv9] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 4px;
    padding-top: 1px;
}

.boxDiv5_7[b-j1pap0lqv9] {
    color: #2B2D34;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    width: 9%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.boxDiv5_8[b-j1pap0lqv9] {
}

.boxDiv5_9[b-j1pap0lqv9] {
    width: 13%;
    padding-left: 30px;
    margin-right: 1%;
    color: #2B2D34;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.boxDiv5_21[b-j1pap0lqv9] {
    display: flex; /* background:#F0F1F7;*/
    box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.10);
    height: 44px;
    display: flex;
    align-items: center;
}

.boxDiv5_71[b-j1pap0lqv9] {
    color: #2B2D34;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    width: 8%;
    display: flex;
    justify-content: center;
    margin-left: 1%;
}

    .boxDiv5_71 div[b-j1pap0lqv9] {
        margin: 10px;
    }

.boxDiv5_21:hover[b-j1pap0lqv9] {
    background: #F0F1F7;
    box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.10);
}

    .boxDiv5_21:hover .widthBox-group-div[b-j1pap0lqv9] {
        color: #3578EE
    }

    .boxDiv5_21:hover .widthBox-group-imgBox[b-j1pap0lqv9] {
        background: url(../img/img7.png) no-repeat;
        background-size: 16px; /* background-position-x:10px;*/ /* background-position-y:2px;*/
    }

.boxDiv5_91[b-j1pap0lqv9] {
    width: 13%;
    padding-left: 30px;
    margin-right: 1%;
    color: #3578EE;
    font-family: OPPOSans-M;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.boxDiv5Img1[b-j1pap0lqv9] {
    width: 16px;
    height: 16px;
    background: url(../img/img4.png) no-repeat;
    background-size: 100%;
    cursor: pointer;
}

.boxDiv5Img2[b-j1pap0lqv9] {
    width: 16px;
    height: 16px;
    background: url(../img/img5.png) no-repeat;
    background-size: 100%;
    cursor: pointer;
}

.boxDiv5Img3[b-j1pap0lqv9] {
    width: 16px;
    height: 16px;
    background: url(../img/img6.png) no-repeat;
    background-size: 100%;
    cursor: pointer;
}

.boxDiv5Img1:hover[b-j1pap0lqv9] {
    background: url(../img/img4_.png) no-repeat;
    background-size: 100%;
}

.boxDiv5Img2:hover[b-j1pap0lqv9] {
    background: url(../img/img5_.png) no-repeat;
    background-size: 100%;
}

.boxDiv5Img3:hover[b-j1pap0lqv9] {
    background: url(../img/img6_.png) no-repeat;
    background-size: 100%;
}

.BulletBox21[b-j1pap0lqv9] {
    width: 146px;
    background: #FFF;
    border-radius: 6px;
}

.BulletBoxList21[b-j1pap0lqv9] {
    height: 38px;
    padding-left: 20px;
    display: flex;
    align-items: center;
}

    .BulletBoxList21:hover[b-j1pap0lqv9] {
        background: #F0F1F7;
    }

    .BulletBoxList21 div[b-j1pap0lqv9] {
        display: flex;
        align-items: center;
        margin-left: 2px;
    }

.BulletBoxList31[b-j1pap0lqv9] {
    height: 38px;
}

.BulletBox22[b-j1pap0lqv9] {
    width: 97px;
    background: #FFF;
    border-radius: 6px;
}

.BulletBox23[b-j1pap0lqv9] {
    height: 38px;
    padding-left: 20px;
    display: flex;
    align-items: center;
}

    .BulletBox23:hover[b-j1pap0lqv9] {
        background: #F0F1F7;
    }

.boxDiv16[b-j1pap0lqv9] {
    border-radius: 6px;
    border: 1px solid #3578EE;
    background: #FFF;
    height: 42px;
    color: rgba(0,0,0,0.40);
    font-family: 'OPPOSans-M';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
    display: flex;
    justify-content: space-between;
    line-height: 44px;
    padding-left: 12px;
    margin-bottom: 2px;
}

.boxDiv17[b-j1pap0lqv9] {
    display: flex;
    align-items: center;
}

.boxDiv18[b-j1pap0lqv9] {
    border-radius: 24px;
    background: rgba(0,0,0,0.90);
    height: 20px;
    width: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.boxDiv19[b-j1pap0lqv9] {
    border-radius: 24px;
    background: #3578EE;
    height: 20px;
    width: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 12px;
    margin-left: 10px;
}

.leftWidth[b-j1pap0lqv9] {
    padding-left: 0;
}

    .leftWidth:hover[b-j1pap0lqv9] {
        color: #3578EE;
    }

.boxDiv4_19[b-j1pap0lqv9] {
    margin-right: 10px;
}

.boxDiv4_20[b-j1pap0lqv9] {
}

.boxDiv5_9_1[b-j1pap0lqv9] {
    width: 4%;
    display: flex;
    justify-content: center;
    align-items: center; /* display:flex;*/ /* align-items:center;*/
    padding-top: 3px;
}

    .boxDiv5_9_1 div[b-j1pap0lqv9] {
        font-family: 'OPPOSans-B';
    }

.activeDiv[b-j1pap0lqv9] {
    background: #DDE7FB;
    box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.10);
}

.boxDiv5_9_1 .checkbox[b-j1pap0lqv9] { /* zoom:100%;*/
    width: 14px;
    height: 14px;
}

.divBox_1[b-j1pap0lqv9] {
    border-radius: 4px;
    background: #161616;
    display: flex;
    align-items: center;
    padding: 6px;
    color: #FFF;
    font-family: OPPOSans-R;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.24px;
    width: 260px;
}

.divBox_2[b-j1pap0lqv9] {
    border-radius: 6px;
    background: rgba(0,0,0,0.90);
    padding: 10px;
    width: 146px;
    color: #FFF;
    text-align: center;
    font-family: OPPOSans-R;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.32px;
}

.maskBox[b-j1pap0lqv9] {
    background: #0000005c;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
}

.BulletBox[b-j1pap0lqv9] {
    position: absolute;
    background: #fff;
    left: 50%;
    right: 0;
    top: 50%;
    bottom: 0;
    width: 703px;
    height: 510px; /* margin:0 auto;*/
    transform: translate(-50%,-50%);
}

.BulletBox1[b-j1pap0lqv9] {
    display: flex;
    justify-content: space-between;
    padding: 0 20px 0 20px;
    height: 60px;
}

.BulletBox2[b-j1pap0lqv9] {
    display: flex;
    align-items: center;
    color: rgba(0,0,0,0.90);
    font-family: OPPOSans-b;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.32px;
}

.BulletBox3[b-j1pap0lqv9] {
    display: flex;
    align-items: center;
}

.border_bottom[b-j1pap0lqv9] {
    opacity: 0.1;
    background: linear-gradient(270deg,rgba(0,0,0,0.00) 0%,#000 15.06%,#000 84.74%,rgba(0,0,0,0.00) 100%);
    width: 703px;
    height: 1px;
}

.boxDiv14c[b-j1pap0lqv9] {
    padding: 0 3px 0 0;
    overflow: hidden;
    color: #3578EE;
    text-overflow: ellipsis;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.boxDiv5_9_12[b-j1pap0lqv9] {
    width: 9%;
    display: flex; /* justify-content:center;*/
    align-items: center;
    border-radius: 6px; /* background:rgba(52,211,97,0.10);*/
    height: 23px;
    color: rgba(0,0,0,0.90);
    font-family: 'OPPOSans-M';
    font-size: 13px; /* background:#000;*/
}

    .boxDiv5_9_12 div[b-j1pap0lqv9] {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 4px;
    }

.boxDiv5_9_11[b-j1pap0lqv9] {
    width: 12%; /* display:flex;*/ /* justify-content:center;*/ /* align-items:center;*/
    padding-left: 30px;
}

.boxDiv5_9_14[b-j1pap0lqv9] {
    width: 32%;
    display: flex; /* justify-content:center;*/
    align-items: center; /* font-family:'OPPOSans-M';*/
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical; /* overflow:hidden;*/ /* white-space:nowrap;*/
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.boxDiv5_9_13[b-j1pap0lqv9] {
    width: 7%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #3578EE; /* border:#3578EE 1px solid;*/
}

.boxDiv5_91[b-j1pap0lqv9] {
}

.gunBox[b-j1pap0lqv9] {
}

.boxDiv5_9_12-1[b-j1pap0lqv9] {
    background: rgba(52,211,97,0.10);
    width: 55px;
    height: 23px; /* margin-left:2.8%;*/ /* margin-right:2.9%;*/
}

.boxDiv5_9_12-2[b-j1pap0lqv9] {
    border-radius: 6px;
    background: rgba(0,0,0,0.05);
    width: 55px;
    height: 23px;
    color: rgba(0,0,0,0.60); /* margin-left:2.8%;*/ /* margin-right:2.9%;*/
    margin-right: 0 !important;
}

.boxDiv5_9_12-3[b-j1pap0lqv9] {
    border-radius: 6px;
    background: rgba(245,155,20,0.10);
    width: 55px;
    height: 23px;
    color: #E58E0A; /* margin-left:2.8%;*/ /* margin-right:2.9%;*/
}

.boxDiv5_9_13-1[b-j1pap0lqv9] { /* border:#3578EE 1px solid;*/
    border-radius: 4px; /* font-family:'OPPOSans-M';*/
    font-size: 12px; /* padding:2px 8px 2px 8px;*/
    width: 77px;
    height: 23px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(245,155,20,0.10);
    color: #F59B14;
}

    .boxDiv5_9_13-1 svg[b-j1pap0lqv9] {
        width: 16px;
        height: 16px;
        margin-right: 4px;
    }

.boxDiv5_9_13-2[b-j1pap0lqv9] {
    border-radius: 4px; /* border:1px solid rgba(0,0,0,0.20);*/ /* border:#3578EE 1px solid;*/ /* border-radius:4px;*/ /* font-family:'OPPOSans-M';*/
    font-size: 12px; /* padding:2px 8px 2px 8px;*/
    width: 77px;
    height: 23px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgba(0,0,0,0.90);
    background: rgba(245,155,20,0.10);
    color: #F59B14;
}

    .boxDiv5_9_13-2 svg[b-j1pap0lqv9] {
        width: 16px;
        height: 16px;
        margin-right: 4px;
    }

.boxDiv5_9_11-1[b-j1pap0lqv9] {
    color: #3578EE;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    width: 29px;
    height: 23px; /* border-radius:4px;*/ /* background:rgba(240,70,66,0.10);*/
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    background: rgba(53,120,238,0.10);
}

.boxDiv5_9_11-2[b-j1pap0lqv9] {
    color: #F04642;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    width: 29px;
    height: 23px;
    border-radius: 4px;
    background: rgba(240,70,66,0.10);
    display: flex;
    justify-content: center;
    align-items: center;
}

.BulletBox-1[b-j1pap0lqv9] {
    border-radius: 6px;
    position: absolute;
    background: #fff;
    left: 50%;
    right: 0;
    top: 50%;
    bottom: 0;
    width: 480px;
    height: 350px; /* margin:0 auto;*/
    transform: translate(-50%,-50%);
    overflow: hidden;
    border-radius: 6px;
}

.BulletBox1-1[b-j1pap0lqv9] {
    display: flex;
    justify-content: space-between;
    padding: 0 20px 0 20px;
    height: 60px;
}

.BulletBox2-1[b-j1pap0lqv9] {
    display: flex;
    align-items: center;
    color: rgba(0,0,0,0.90);
    font-family: OPPOSans-b;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.32px;
}

.BulletBox3-1[b-j1pap0lqv9] {
    display: flex;
    align-items: center;
}

.border_bottom-1[b-j1pap0lqv9] {
    opacity: 0.1;
    background: linear-gradient(270deg,rgba(0,0,0,0.00) 0%,#000 15.06%,#000 84.74%,rgba(0,0,0,0.00) 100%);
    width: 480px;
    height: 1px;
    margin-bottom: 20px;
}

.BulletBox3-t-0[b-j1pap0lqv9] { /* width:330px;*/ /* margin:0 auto;*/ /* overflow:hidden;*/
}

.BulletBox3-t-2[b-j1pap0lqv9] {
    display: flex; /* align-items:center;*/
    /*margin-bottom: 0px;*/
    width: 332px;
    margin: 0 auto;
    margin-top: 20px;
    /*height:100%;*/
}

.BulletBox3-t-1[b-j1pap0lqv9] {
    color: rgba(0,0,0,0.60);
    text-align: right;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    width: 67px;
    margin-right: 12px; /* width:67px;*/
    padding-top: 7px;
}

.BulletBox3-t-3[b-j1pap0lqv9] {
    width: 252px;
    border-radius: 6px;
    border: 1px solid rgba(0,0,0,0.10);
    background: #FFF;
    height: 31px;
    display: flex;
    align-items: center;
    display: flex;
    justify-content: space-between;
    position: relative;
    overflow:visible;
}

    .BulletBox3-t-3 input[b-j1pap0lqv9] {
        color: rgba(0,0,0,0.90);
        font-family: 'OPPOSans-M';
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.26px;
        padding-left: 12px;
        outline: none;
    }
/* 设置placeholder样式 */ input[type="text"][b-j1pap0lqv9]::placeholder {
    color: rgba(0,0,0,0.40);
}

.BulletBox3-t-7[b-j1pap0lqv9] {
    margin-right: 12px;
    color: #3578EE;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.BulletBox3-t-8[b-j1pap0lqv9] {
    margin-right: 12px;
 
}

.BulletBox3-t-9 input[b-j1pap0lqv9] {
    color: rgba(0,0,0,0.90);
    font-family: OPPOSans-M;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.BulletBox3-t-10[b-j1pap0lqv9] {
}

.border_bottom-2[b-j1pap0lqv9] {
    opacity: 0.1;
    background: linear-gradient(270deg,rgba(0,0,0,0.00) 0%,#000 15.06%,#000 84.74%,rgba(0,0,0,0.00) 100%);
    width: 480px;
    height: 1px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.BulletBox3-t11[b-j1pap0lqv9] {
}

.BulletBox3-t-12[b-j1pap0lqv9] { /* display:flex;*/
    float: left;
    width: 240px; /* overflow-y:auto;*/ /* height:145px;*/ /* overflow-x:hidden;*/
}

.BulletBox3-t-14[b-j1pap0lqv9] {
    width: 330px;
    margin: 0 auto;
    display: flex;
}

.BulletBox3-t-4[b-j1pap0lqv9] {
    width: 115px;
    float: left;
    display: flex;
    margin-bottom: 16px;
}

.BulletBox3-t-5[b-j1pap0lqv9] { /* float:left;*/ /* display:flex;*/
}

    .BulletBox3-t-5 input[b-j1pap0lqv9] {
        float: left;
        margin-top: 2px;
        margin-right: 8px;
        width: 14px;
        height: 14px;
    }

.BulletBox3-t-6[b-j1pap0lqv9] {
    color: rgba(0,0,0,0.90);
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    cursor:pointer;
}

.BulletBox3-t-18[b-j1pap0lqv9] {
    margin-bottom: 20px; /* clear:both;*/ /* overflow:hidden;*/
}

.divBox-b-15[b-j1pap0lqv9] {
    display: flex;
    justify-content: space-between;
    background: #FFF;
    box-shadow: 0px -2px 6px 0px rgba(0,0,0,0.10);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-radius: 0 0 6px 6px;
}

.divBox-b-16[b-j1pap0lqv9] {
    color: rgba(0,0,0,0.90);
    text-align: center;
    font-family: 'OPPOSans-M';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
    display: flex;
    justify-content: center;
    width: 49%;
    align-items: center;
    height: 54px;
    cursor:pointer;
}

.divBox-b-17[b-j1pap0lqv9] {
    color: #3578EE;
    font-family: 'OPPOSans-M';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
    height: 54px;
    width: 49%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: rgba(0,0,0,0.10) 1px solid;
    cursor: pointer;
}

.margin-top[b-j1pap0lqv9] { /* margin-top:27px;*/
    background: #666D84;
    border-radius: 6px;
    color: #fff;
}

    .margin-top:hover[b-j1pap0lqv9] {
        background: #666D84;
        color: #fff;
    }

.widthBox-list[b-j1pap0lqv9] {
    align-items: center;
    width: 10%;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; /* height:17px;*/
    border-radius: 4px;
}

    .widthBox-list div[b-j1pap0lqv9] {
        float: left;
        margin-right: 10px;
        background: rgba(53,120,238,0.10);
        width: 77px;
        height: 23px;
        font-size: 12px;
        color: #3578EE;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .widthBox-list svg[b-j1pap0lqv9] {
        margin-right: 4px;
    }

.widthBox-group[b-j1pap0lqv9] {
    display: flex;
    align-items: center;
    border-left: #e2e2e2 1px solid;
    width: 10%;
}

.widthBox-group-imgBox[b-j1pap0lqv9] {
    display: flex;
    align-items: center;
    margin-right: 4px; /* border-left:#e2e2e2 1px solid;*/
    margin-left: 10px;
    height: 20px;
    background: url(../img/img8.png);
    width: 16px;
    height: 16px;
    background-size: 16px;
}

.widthBox-group-div[b-j1pap0lqv9] {
    color: rgba(0,0,0,0.60);
    font-family: 'OPPOSans-M';
}

.color-null[b-j1pap0lqv9] {
    color: rgba(0,0,0,0.60);
}

.BulletBox3-t-12-width[b-j1pap0lqv9] {
    width: 300px; /* padding-top:10px;*/
    overflow-y: scroll !important;
    height: 170px;
    display: flex;
    flex-direction: column;
}

.div-Box-width[b-j1pap0lqv9] {
    color: rgba(0,0,0,0.40);
    font-size: 12px;
    padding-top: 10px;
}

.width-box[b-j1pap0lqv9] {
    width: 252px;
}

.width-box-padding[b-j1pap0lqv9] {
    padding-top: 0px;
    width:80px;
}

.configurationBox[b-j1pap0lqv9] {
    width: 480px;
    height: 100vh;
    background: #fff;
    position: absolute;
    right: 0;
}

.configuration-Box[b-j1pap0lqv9] {
    padding: 0 32px 0 32px;
    margin-bottom: 20px; /* display:block;*/
    overflow: hidden;
}

.configuration-Box-width[b-j1pap0lqv9] {
    display: flex;
    align-items: center;
    float: left;
}

.configuration-Box-nameBox[b-j1pap0lqv9] {
    color: rgba(0,0,0,0.60); /* text-align:right;*/ /* font-family:OPPOSans;*/
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.configuration-Box-name[b-j1pap0lqv9] {
    width: 118px;
    height: 33px;
    border-radius: 6px;
    border: 1px solid rgba(0,0,0,0.10);
    background: #F0F1F7;
    color: rgba(0,0,0,0.60);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    padding-left: 12px;
    display: flex;
    align-items: center;
}

    .configuration-Box-name input[b-j1pap0lqv9] {
        background: none;
        outline: none
    }

.margin-left[b-j1pap0lqv9] {
    margin-left: 19px;
}

.CustomerServiceTeam[b-j1pap0lqv9] {
    clear: both;
    margin: 0 20px 0 20px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 4px;
    height: 37px;
    border-radius: 6px; /* background:#F0F1F7;*/ /* line-height:37px;*/
}

    .CustomerServiceTeam:hover[b-j1pap0lqv9] {
        background: #F0F1F7;
    }

.CustomerServiceTeam-left[b-j1pap0lqv9] {
    color: rgba(0,0,0,0.90); /* font-family:OPPOSans;*/
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
    line-height: 37px;
    padding-left: 12px;
}

.CustomerServiceTeam-right[b-j1pap0lqv9] {
    display: flex; /* justify-content:space-between;*/
    overflow: hidden;
    color: rgba(0,0,0,0.60);
    text-overflow: ellipsis; /* font-family:OPPOSans;*/
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.24px; /* display:flex;*/ /* align-items:center;*/
    line-height: 37px;
}

    .CustomerServiceTeam-right input[b-j1pap0lqv9] {
        margin-left: 8px;
        width: 14px;
        height: 14px;
        margin-top: 2px;
        margin-right: 12px;
        margin-top: 11px;
    }

.CustomerServiceTeam-btn[b-j1pap0lqv9] {
    width: 286px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    position: absolute;
    bottom: 60px;
    left: 0;
    right: 0;
}

.CustomerServiceTeam-btn-left[b-j1pap0lqv9] {
    border-radius: 6px;
    background: #F0F1F7;
    height: 37px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 138px;
}

.CustomerServiceTeam-btn-right[b-j1pap0lqv9] {
    border-radius: 6px;
    background: #3578EE;
    height: 37px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 138px;
    color: #FFF;
}

.BulletBox-1-1[b-j1pap0lqv9] {
    height: 235px;
    overflow: inherit;
}

.drop-down-bx[b-j1pap0lqv9] {
    position: absolute;
    border-radius: 6px;
    border: 1px solid rgba(0,0,0,0.10);
    background: #FFF;
    width: 100%;
    top: 35px;
    z-index: 99;
}

    .drop-down-bx div[b-j1pap0lqv9] {
        height: 33px;
        width: 95%;
        color: rgba(0,0,0,0.90); /* font-family:OPPOSans;*/
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.26px;
        padding-left: 5%;
        line-height: 33px;
        border-bottom: rgba(0,0,0,0.10) 1px solid;
    }

        .drop-down-bx div:hover[b-j1pap0lqv9] {
            background: #F0F1F7;
        }

.configuration-Box-width-div[b-j1pap0lqv9] {
    width: 416px;
}

.configuration-Box-name-div[b-j1pap0lqv9] {
    width: 322px;
}

.CustomerServiceTeam-div-width:hover[b-j1pap0lqv9] {
    background: #FFF;
}

.BulletBox3-t-3-div[b-j1pap0lqv9] {
    height: auto;
}

    .BulletBox3-t-3-div textarea[b-j1pap0lqv9] {
        width: 90%;
        background: fixed;
        padding: 4%;
        outline: none;
        color: rgba(0,0,0,0.40); /* font-family:OPPOSans;*/
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.26px; /* resize:none;*/
    }

    .BulletBox3-t-3-div textarea[b-j1pap0lqv9] {
        overflow: hidden;
        color: rgba(0,0,0,0.90);
        text-overflow: ellipsis;
        font-family: 'OPPOSans-M';
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal; /* resize:none;*/
        width: 90%;
        background: none;
        outline: none;
        height: 123px;
    }

        .BulletBox3-t-3-div textarea[b-j1pap0lqv9]::placeholder {
            color: rgba(0,0,0,0.40);
            font-family: OPPOSans-R;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.28px;
        }

.BulletBox3-t-2-div[b-j1pap0lqv9] { /* background:red;*/
    width: 420px;
}

.BulletBox3-t-1-div[b-j1pap0lqv9] {
    color: rgba(0,0,0,0.60);
    text-align: right;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    width: 67px;
    margin-right: 12px; /* width:67px;*/
    padding-top: 7px;
}

.popFrameBox[b-j1pap0lqv9] {
    border-radius: 6px;
    position: absolute;
    background: #fff;
    left: 50%;
    right: 0;
    top: 50%; /* top:0;*/
    bottom: 0;
    width: 480px;
    height: 509px; /* margin:0 auto;*/
    transform: translate(-50%,-50%);
    overflow: hidden;
    border-radius: 6px;
}

.popFrameBox-1[b-j1pap0lqv9] {
    display: flex;
    justify-content: space-between;
    padding: 0 20px 0 20px;
    height: 60px;
}

.popFrameBox-2[b-j1pap0lqv9] {
    display: flex;
    align-items: center;
    color: rgba(0,0,0,0.90);
    font-family: OPPOSans-b;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.32px;
}

.BulletBox3-1[b-j1pap0lqv9] {
    display: flex;
    align-items: center;
}

.popFrameBox-3-1[b-j1pap0lqv9] {
    display: flex;
    align-items: center;
}

.popFrameBox-4[b-j1pap0lqv9] { /* background:red;*/
    width: 420px;
    display: flex; /* align-items:center;*/
    margin-bottom: 12px; /* width:332px;*/
    margin: 0 auto;
    margin-bottom: 12px;
}

.popFrameBox-5[b-j1pap0lqv9] {
    color: rgba(0,0,0,0.60);
    text-align: right;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    width: 67px;
    margin-right: 12px; /* width:67px;*/
    padding-top: 7px;
}

.popFrameBox-6[b-j1pap0lqv9] {
    width: 339px;
    border-radius: 6px;
    border: 1px solid rgba(0,0,0,0.10);
    background: #FFF; /* height:31px;*/ /* display:flex;*/ /* align-items:center;*/
    display: flex; /* justify-content:space-between;*/
    position: relative;
}

    .popFrameBox-6 input[b-j1pap0lqv9] {
        color: rgba(0,0,0,0.90);
        font-family: 'OPPOSans-M';
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.26px;
        padding-left: 12px;
        outline: none;
        background: none;
    }

.popFrameBox-7 input[b-j1pap0lqv9] {
    color: rgba(0,0,0,0.90);
    font-family: OPPOSans-M;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.popFrameBox-8[b-j1pap0lqv9] {
    margin-right: 12px;
    color: #3578EE;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.popFrameBox-9[b-j1pap0lqv9] {
    width: 420px;
    margin: 0 auto;
    display: flex;
}

.popFrameBox-10[b-j1pap0lqv9] { /* display:flex;*/
    float: left;
    width: 240px; /* overflow-y:auto;*/ /* height:145px;*/ /* overflow-x:hidden;*/
}

.popFrameBox-11[b-j1pap0lqv9] {
    width: 115px;
    float: left;
    display: flex;
    margin-bottom: 16px;
}

.popFrameBox-12[b-j1pap0lqv9] { /* float:left;*/ /* display:flex;*/
}

    .popFrameBox-12 input[b-j1pap0lqv9] {
        float: left;
        margin-top: 2px;
        margin-right: 8px;
        width: 14px;
        height: 14px;
    }

.popFrameBox-13[b-j1pap0lqv9] {
    color: rgba(0,0,0,0.90);
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.popFrameBox-14[b-j1pap0lqv9] { /* float:left;*/ /* display:flex;*/
}

    .popFrameBox-14 input[b-j1pap0lqv9] {
        float: left;
        margin-top: 2px;
        margin-right: 8px;
        width: 14px;
        height: 14px;
    }

.popFrameBox-3[b-j1pap0lqv9] {
}

.popFrameBox-6-1[b-j1pap0lqv9] {
    margin-bottom: 20px; /* clear:both;*/ /* overflow:hidden;*/
    display: flex;
    margin: 0 auto;
    width: 420px;
}

.height-box[b-j1pap0lqv9] {
    height: 31px;
}

.width-box-pop[b-j1pap0lqv9] {
    width: 100%;
}

.popFrameBox-6-2[b-j1pap0lqv9] {
    margin-bottom: 12px;
}

.boxDiv4_6-1[b-j1pap0lqv9] {
    display: flex;
    align-items: center; /* border-radius:36px;*/
    border: 1px solid var(--01,rgba(0,0,0,0.10));
    background: #FFF;
    padding: 0 20px;
    height: 37px; /* margin-right:10px;*/ /* border-radius:6px;*/ /* width:234px;*/
    border-radius: 6px;
    margin: 0 0px 0 28px; /* margin-bottom:14px;*/
    padding-left: 16px;
}

.margin-top-box[b-j1pap0lqv9] {
    margin-top: 27px;
}

.boxDiv4_6-1-1[b-j1pap0lqv9] {
    width: 276px;
}

.boxDiv5_9_11_width_1[b-j1pap0lqv9] {
    width: 4% !important;
    padding-left: 30px;
    text-align: center; /* font-family:'OPPOSans-R';*/
    font-family: 'OPPOSans-M';
}

.boxDiv5_9_11_width_2[b-j1pap0lqv9] {
    width: 8% !important;
    text-align: center;
    padding-left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.boxDiv5_9_11_width_3[b-j1pap0lqv9] {
    width: 10% !important;
    text-align: center;
    font-family: 'OPPOSans-R';
}

.boxDiv5_9_11_width_4[b-j1pap0lqv9] {
    width: 11% !important;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #3578EE;
    font-family: OPPOSans;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    line-height: 25px;
}

.boxDiv5_9_11_width_5[b-j1pap0lqv9] {
    width: 31% !important;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-right: 2%;
    display: flex;
}

    .boxDiv5_9_11_width_5 div[b-j1pap0lqv9] {
        margin-right: 10px;
        font-family: 'OPPOSans-M';
        color: rgba(0,0,0,0.90); /* font-family:OPPOSans;*/
        font-size: 13px;
    }

.boxDiv5_9_11_width_6[b-j1pap0lqv9] {
    text-align: center;
    width: 7%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.boxDiv5_9_11_width_7[b-j1pap0lqv9] {
    width: 10%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .boxDiv5_9_11_width_7 div[b-j1pap0lqv9] {
        font-family: 'OPPOSans-R';
    }

.boxDiv5_9_11_width_8[b-j1pap0lqv9] {
    width: 8%;
    text-align: center;
}

.boxDiv5_9_11_width_9[b-j1pap0lqv9] {
}

.boxDiv5_9_13-1-1[b-j1pap0lqv9] {
    padding-left: 0;
    width: 5%;
}

.boxDiv5_9_13-1-2[b-j1pap0lqv9] {
    width: 13%;
}

.boxDiv5_9_13-1-3[b-j1pap0lqv9] {
    width: 13%;
}

.boxDiv5_9_13-1-4[b-j1pap0lqv9] {
    width: 25%;
}

.boxDiv5_9_13-1-5[b-j1pap0lqv9] {
    width: 20%;
}

.mmargin[b-j1pap0lqv9] {
    margin-left: 30px;
}

.boxDiv5_9_11_width_0[b-j1pap0lqv9] {
    width: 7%;
}

.boxDiv5_9_11-1-1[b-j1pap0lqv9] {
    color: #3578EE;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    width: 29px;
    height: 23px; /* border-radius:4px;*/ /* background:rgba(240,70,66,0.10);*/
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    background: rgba(53,120,238,0.10);
}

.boxDiv5_9_11_width_4-1[b-j1pap0lqv9] {
    border-radius: 4px;
    border: 1px solid rgba(53,120,238,0.50);
    width: 56px;
    height: 23px;
}

.widthBox-group-1[b-j1pap0lqv9] {
    width: auto;
}

.dong_1[b-j1pap0lqv9] {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #2FBA56;
    font-size: 13px;
    border-radius: 4px;
    font-family: 'OPPOSans-R';
}

    .dong_1 div[b-j1pap0lqv9] {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .dong_1 svg[b-j1pap0lqv9] {
        margin-right: 4px;
    }

.dong_2[b-j1pap0lqv9] {
    display: flex;
    justify-content: space-between;
    width: 7%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .dong_2 div[b-j1pap0lqv9] {
        margin-left: 24%; /* margin-right:13%;*/
    }

.color_div-1[b-j1pap0lqv9] {
    color: #E58E0A;
}

.color_div-bg[b-j1pap0lqv9] {
    background: rgba(245,155,20,0.10);
}

.color_div-2[b-j1pap0lqv9] {
    color: rgba(0,0,0,0.60);
}

.color_div-bg2[b-j1pap0lqv9] {
    background: rgba(0,0,0,0.05);
}

.color_div-bg3[b-j1pap0lqv9] {
    border: 1px solid rgba(0,0,0,0.20);
}

.color_div-bg3[b-j1pap0lqv9] {
    color: rgba(0,0,0,0.90);
}

.color_div_c[b-j1pap0lqv9] {
    color: rgba(0,0,0,0.60);
}

.color_div_b div[b-j1pap0lqv9] {
    color: rgba(0,0,0,0.60);
}

.color-box[b-j1pap0lqv9] {
    color: #F04642;
    background: rgba(240,70,66,0.10);
}

.width-div-box[b-j1pap0lqv9] {
    width: 100%;
}

.genderSelection[b-j1pap0lqv9] {
    position: absolute;
    background: #FFF;
    width: 100%;
    top: 30px;
    z-index: 10;
    border: 1px solid #e1e1e1;
    border-radius:6px;
}
    .genderSelection > div[b-j1pap0lqv9] {
        padding-left: 10px;
        padding-top: 3px;
        padding-bottom:3px;
    }
    .genderSelection > div:hover[b-j1pap0lqv9] {
        background: rgba(0,0,0,0.10)
    }

.IsEmpty[b-j1pap0lqv9] {
 
    border: 1px solid red;
 
}
/* _content/Cyqf_ChatService/Elements/AddRole.razor.rz.scp.css */

ul[b-hsfyyxacj9], li[b-hsfyyxacj9], dl[b-hsfyyxacj9], dt[b-hsfyyxacj9], dd[b-hsfyyxacj9], img[b-hsfyyxacj9], h1[b-hsfyyxacj9], h2[b-hsfyyxacj9], h3[b-hsfyyxacj9], h4[b-hsfyyxacj9], h5[b-hsfyyxacj9], h6[b-hsfyyxacj9], p[b-hsfyyxacj9], a[b-hsfyyxacj9], textarea[b-hsfyyxacj9], input[b-hsfyyxacj9], span[b-hsfyyxacj9], div[b-hsfyyxacj9], i[b-hsfyyxacj9], time[b-hsfyyxacj9], article[b-hsfyyxacj9], header[b-hsfyyxacj9], h3[b-hsfyyxacj9], button[b-hsfyyxacj9] {
    border: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    font-family: "OPPOSans-M";
}

.staging_box[b-hsfyyxacj9] {
    width: 98%;
    display: flex; /* margin:20px;*/
    overflow-y: hidden;
    height: 100vh; /* margin:20px 20px 20px 20px;*/ /* margin-bottom:20px;*/
    margin: 0px 0 0 20px;
    flex-direction: column;
}

.staging_leftBox[b-hsfyyxacj9] {
    width: 6%;
    height: 970px;
    float: left;
    background-color: #2B2D34;
}

.staging_rightBox[b-hsfyyxacj9] {
    width: 100%; /* float:left;*/ /* margin:20px;*/
    margin-right: 0 !important;
    border-radius: 6px;
    background: #FFF;
    display: flex;
    justify-content: space-between;
    height: 69px;
    margin-bottom: 10px;
    margin-top: 20px;
}

.rightBox_l[b-hsfyyxacj9] {
    width: 100%;
    margin-right: 0 !important;
}

.leaveWord[b-hsfyyxacj9] {
    padding-left: 20px; /* padding-top:24px;*/ /* float:left;*/
    display: flex;
    align-items: center;
}

    .leaveWord b[b-hsfyyxacj9] {
        color: rgba(0,0,0,0.90);
        font-size: 16px;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.32px;
        margin-right: 10px;
        display: block;
        float: left;
        color: rgba(0,0,0,0.90);
        font-family: OPPOSans-H;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.32px;
        min-width: 100px;
    }

.boxDiv[b-hsfyyxacj9] {
}

.divBox1[b-hsfyyxacj9] {
    display: flex;
    align-items: center;
}

    .divBox1 .div[b-hsfyyxacj9] {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 4px;
        overflow: hidden;
    }

.divBox2 span[b-hsfyyxacj9] {
    margin-right: 10px;
}

.div2[b-hsfyyxacj9] {
}

.divBox2[b-hsfyyxacj9] {
    margin-right: 20px;
    width: 811px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 18px;
    overflow: hidden;
    color: rgba(0,0,0,0.60);
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.boxDiv[b-hsfyyxacj9] {
    width: 100%;
    height: 100vh;
    margin-bottom: 20px;
    overflow: hidden;
    display: flex;
    min-width: 1300px;
}

.boxDiv3[b-hsfyyxacj9] {
    width: 300px;
    background: #FFF;
    border-radius: 6px; /* overflow:hidden;*/
    height: 100%; /* display:flex;*/ /* justify-content:center;*/ /* display:flex;*/ /* flex-direction:column;*/ /* max-height:100vh;*/
    margin-right: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* align-items:center;*/
    min-width: 300px;
}

.boxDiv4[b-hsfyyxacj9] {
    width: 100%;
    background: #fff;
    border-radius: 6px;
    height: 100%;
    min-width: 1000px;
    display: flex; /* justify-content:center;*/
    flex-direction: column;
}

.divBox4_1[b-hsfyyxacj9] {
    color: var(--06,rgba(0,0,0,0.60));
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    margin: 0 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.divBox4_2[b-hsfyyxacj9] {
    color: rgba(0,0,0,0.90);
    font-family: 'OPPOSans-B';
    font-size: 15px;
}

.divBox4_12[b-hsfyyxacj9] {
    margin-bottom: 25px; /* color:#3578EE;*/ /* font-family:'OPPOSans-M';*/ /* font-size:12px;*/ /* font-style:normal;*/ /* font-weight:400;*/ /* line-height:normal;*/ /* letter-spacing:0.24px;*/ /* display:flex;*/
    display: flex; /* justify-content:center;*/
    align-items: center;
    padding-top: 27px;
    color: rgba(0,0,0,0.90);
    font-family: 'OPPOSans-B';
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.3px;
    margin-left: 20px;
}

.borderBottom6[b-hsfyyxacj9] {
    opacity: 0.1;
    background: linear-gradient(270deg,rgba(0,0,0,0.00) 0%,#000 15.06%,#000 84.74%,rgba(0,0,0,0.00) 100%);
    width: 300px;
    height: 1px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.boxDiv5[b-hsfyyxacj9] {
    margin: 0 14px 0 14px;
    flex: 1;
    overflow-y: auto;
}

[b-hsfyyxacj9]::-webkit-scrollbar {
    width: 4px;
}

[b-hsfyyxacj9]::-webkit-scrollbar-thumb {
    background: #dadce4;
    border-radius: 3px;
}

    [b-hsfyyxacj9]::-webkit-scrollbar-thumb:hover {
        background-color: #555;
    }

.boxDiv6[b-hsfyyxacj9] {
    height: 44px;
    display: flex;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: 'OPPOSans-R';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
    padding: 0 0 0 14px;
    color: rgba(0,0,0,0.90);
    margin-bottom: 2px;
}

    .boxDiv6:hover[b-hsfyyxacj9] {
        border-radius: 6px;
        background: #F0F1F7;
        color: rgba(0,0,0,0.90);
    }

.boxDiv7[b-hsfyyxacj9] {
}

.boxDiv8[b-hsfyyxacj9] {
    color: #3578EE;
}

    .boxDiv8:hover[b-hsfyyxacj9] {
        background: #Fff;
        cursor: pointer;
    }

.boxDiv9[b-hsfyyxacj9] {
    border-radius: 6px;
    background: #F5F5FA;
    height: 348px;
    margin: 0 14px 14px 14px;
    padding: 012px;
}

.boxDiv11[b-hsfyyxacj9] {
    padding-top: 10px;
}

    .boxDiv11 textarea[b-hsfyyxacj9] {
        overflow: hidden;
        color: rgba(0,0,0,0.90);
        text-overflow: ellipsis;
        font-family: 'OPPOSans-M';
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        height: 17px;
        resize: none;
        width: 98%;
        background: none;
        outline: none;
    }

        .boxDiv11 textarea[b-hsfyyxacj9]::placeholder {
            color: rgba(0,0,0,0.40);
            font-family: OPPOSans-R;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.28px;
        }

.boxDiv12[b-hsfyyxacj9] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px 4px 0 0px;
}

.boxDiv13[b-hsfyyxacj9] {
    width: 80%;
}

    .boxDiv13 input[b-hsfyyxacj9] {
        overflow: hidden;
        color: #3578EE;
        text-overflow: ellipsis;
        font-family: 'OPPOSans-M';
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        height: 17px;
        resize: none;
        width: 100%;
        background: none;
        outline: none;
        caret-color: #3578EE;
        letter-spacing: 0.1px;
    }

        .boxDiv13 input[b-hsfyyxacj9]::placeholder {
            color: #3578EE;
            font-family: OPPOSans-R;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.28px;
        }

.boxDiv14[b-hsfyyxacj9] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 0;
    top: 3px;
}

.boxDiv10[b-hsfyyxacj9] {
    border-bottom: 1px solid #e1e1e1;
    display: flex; /* justify-content:space-between;*/
    padding-bottom: 10px;
    position: relative;
}

.boxDiv15[b-hsfyyxacj9] {
    display: flex;
    flex-direction: column;
    height: 98%; /* background:#ccc;*/
}

.boxDiv4_14[b-hsfyyxacj9] {
    color: #F0F1F7;
    font-family: 'OPPOSans-R';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.boxDiv4_13[b-hsfyyxacj9] {
    margin: 0 4px 0 0;
    display: flex;
    align-items: center;
}

.boxDiv4_12[b-hsfyyxacj9] {
    display: flex;
    align-items: center;
    display: flex;
    align-items: center;
    border-radius: 6px;
    background: #3578EE;
    padding: 0 20px;
    height: 37px;
    margin-left: 10px;
}

.boxDiv4_11[b-hsfyyxacj9] {
    margin-right: 8px;
}

.boxDiv4_10[b-hsfyyxacj9] {
    display: flex;
    align-items: center;
    margin-right: 4px;
    margin-top: 1px;
}

.boxDiv4_9[b-hsfyyxacj9] {
    display: flex;
    align-items: center;
    border-radius: 6px;
    background: #F0F1F7; /* margin:0 10px 0 0;*/
    padding: 0 20px;
    height: 37px;
    margin-left: 10px;
    padding-right: 14px;
}

.boxDiv4_8[b-hsfyyxacj9] {
}

    .boxDiv4_8 input[b-hsfyyxacj9] {
        outline: none;
        color: rgba(0,0,0,0.90);
    }

        .boxDiv4_8 input[type="text"][b-hsfyyxacj9]::placeholder {
            color: rgba(0,0,0,0.40);
            font-family: OPPOSans-M;
            font-size: 13px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.26px;
        }

.boxDiv4_7[b-hsfyyxacj9] {
    display: flex;
    align-items: center;
    margin-right: 4px;
    margin-top: 2px;
}

.boxDiv4_6[b-hsfyyxacj9] {
    display: flex;
    align-items: center; /* border-radius:36px;*/
    border: 1px solid var(--01,rgba(0,0,0,0.10));
    background: #FFF;
    padding: 0 20px;
    height: 37px; /* margin-right:10px;*/ /* border-radius:6px;*/ /* width:234px;*/
    border-radius: 20px;
    margin: 0 28px 0 28px;
    margin-bottom: 14px;
}

.boxDiv4_5[b-hsfyyxacj9] {
    display: flex;
    align-items: center;
}

.boxDiv4_4[b-hsfyyxacj9] {
    color: rgba(0,0,0,0.40);
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    display: flex;
    align-items: center;
}

.boxDiv4_3[b-hsfyyxacj9] {
    overflow: hidden;
    color: rgba(0,0,0,0.90);
    text-overflow: ellipsis;
    font-family: 'OPPOSans-B';
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.3px;
    margin-right: 10px;
    padding-left: 10px;
}

.boxDiv4_2[b-hsfyyxacj9] {
    display: flex;
    align-items: center;
    height: 37px;
}

.boxDiv4_1[b-hsfyyxacj9] {
    display: flex;
    justify-content: space-between; /* padding-top:20px;*/ /* padding-bottom:20px;*/
    padding: 20px;
}

.boxDiv5_1[b-hsfyyxacj9] {
    margin: 0 20px 0 20px;
    flex: 1;
    overflow-y: auto; /* flex-grow:1;*/
    padding-bottom: 25px;
}

.boxDiv5_2[b-hsfyyxacj9] {
    display: flex;
    background: #F0F1F7;
    box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.10);
    height: 44px;
    display: flex;
    align-items: center; /* padding-left:30px;*/
    margin: 0 20px 0 20px;
}

    .boxDiv5_2 div[b-hsfyyxacj9] {
        font-family: 'OPPOSans-B';
        color: #2B2D34;
        font-family: 'OPPOSans-B';
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.26px;
    }

.boxDiv5_3[b-hsfyyxacj9] {
    color: #2B2D34;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    width: 33%; /* display:-webkit-box;*/ /* -webkit-line-clamp:1;*/ /* -webkit-box-orient:vertical;*/ /* overflow:hidden;*/
    display: flex;
    justify-content: space-between;
}

.boxDiv5_4[b-hsfyyxacj9] {
    width: 9%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0;
}

.boxDiv5_5[b-hsfyyxacj9] {
    color: #2B2D34;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.boxDiv5_6[b-hsfyyxacj9] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 4px;
    padding-top: 1px;
}

.boxDiv5_7[b-hsfyyxacj9] {
    color: #2B2D34;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    width: 9%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.boxDiv5_8[b-hsfyyxacj9] {
}

.boxDiv5_9[b-hsfyyxacj9] {
    width: 13%;
    padding-left: 30px;
    margin-right: 1%;
    color: #2B2D34;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.boxDiv5_21[b-hsfyyxacj9] {
    display: flex; /* background:#F0F1F7;*/
    box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.10);
    height: 44px;
    display: flex;
    align-items: center;
}

.boxDiv5_71[b-hsfyyxacj9] {
    color: #2B2D34;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    width: 8%;
    display: flex;
    justify-content: center;
    margin-left: 1%;
}

    .boxDiv5_71 div[b-hsfyyxacj9] {
        margin: 10px;
    }

.boxDiv5_21:hover[b-hsfyyxacj9] {
    background: #F0F1F7;
    box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.10);
}

    .boxDiv5_21:hover .widthBox-group-div[b-hsfyyxacj9] {
        color: #3578EE
    }

    .boxDiv5_21:hover .widthBox-group-imgBox[b-hsfyyxacj9] {
        background: url(../img/img7.png) no-repeat;
        background-size: 16px; /* background-position-x:10px;*/ /* background-position-y:2px;*/
    }

.boxDiv5_91[b-hsfyyxacj9] {
    width: 13%;
    padding-left: 30px;
    margin-right: 1%;
    color: #3578EE;
    font-family: OPPOSans-M;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.boxDiv5Img1[b-hsfyyxacj9] {
    width: 16px;
    height: 16px;
    background: url(../img/img4.png) no-repeat;
    background-size: 100%;
    cursor: pointer;
}

.boxDiv5Img2[b-hsfyyxacj9] {
    width: 16px;
    height: 16px;
    background: url(../img/img5.png) no-repeat;
    background-size: 100%;
    cursor: pointer;
}

.boxDiv5Img3[b-hsfyyxacj9] {
    width: 16px;
    height: 16px;
    background: url(../img/img6.png) no-repeat;
    background-size: 100%;
    cursor: pointer;
}

.boxDiv5Img1:hover[b-hsfyyxacj9] {
    background: url(../img/img4_.png) no-repeat;
    background-size: 100%;
}

.boxDiv5Img2:hover[b-hsfyyxacj9] {
    background: url(../img/img5_.png) no-repeat;
    background-size: 100%;
}

.boxDiv5Img3:hover[b-hsfyyxacj9] {
    background: url(../img/img6_.png) no-repeat;
    background-size: 100%;
}

.BulletBox21[b-hsfyyxacj9] {
    width: 146px;
    background: #FFF;
    border-radius: 6px;
}

.BulletBoxList21[b-hsfyyxacj9] {
    height: 38px;
    padding-left: 20px;
    display: flex;
    align-items: center;
}

    .BulletBoxList21:hover[b-hsfyyxacj9] {
        background: #F0F1F7;
    }

    .BulletBoxList21 div[b-hsfyyxacj9] {
        display: flex;
        align-items: center;
        margin-left: 2px;
    }

.BulletBoxList31[b-hsfyyxacj9] {
    height: 38px;
}

.BulletBox22[b-hsfyyxacj9] {
    width: 97px;
    background: #FFF;
    border-radius: 6px;
}

.BulletBox23[b-hsfyyxacj9] {
    height: 38px;
    padding-left: 20px;
    display: flex;
    align-items: center;
}

    .BulletBox23:hover[b-hsfyyxacj9] {
        background: #F0F1F7;
    }

.boxDiv16[b-hsfyyxacj9] {
    border-radius: 6px;
    border: 1px solid #3578EE;
    background: #FFF;
    height: 42px;
    color: rgba(0,0,0,0.40);
    font-family: 'OPPOSans-M';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
    display: flex;
    justify-content: space-between;
    line-height: 44px;
    padding-left: 12px;
    margin-bottom: 2px;
}

.boxDiv17[b-hsfyyxacj9] {
    display: flex;
    align-items: center;
}

.boxDiv18[b-hsfyyxacj9] {
    border-radius: 24px;
    background: rgba(0,0,0,0.90);
    height: 20px;
    width: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.boxDiv19[b-hsfyyxacj9] {
    border-radius: 24px;
    background: #3578EE;
    height: 20px;
    width: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 12px;
    margin-left: 10px;
}

.leftWidth[b-hsfyyxacj9] {
    padding-left: 0;
}

    .leftWidth:hover[b-hsfyyxacj9] {
        color: #3578EE;
    }

.boxDiv4_19[b-hsfyyxacj9] {
    margin-right: 10px;
}

.boxDiv4_20[b-hsfyyxacj9] {
}

.boxDiv5_9_1[b-hsfyyxacj9] {
    width: 4%;
    display: flex;
    justify-content: center;
    align-items: center; /* display:flex;*/ /* align-items:center;*/
    padding-top: 3px;
}

    .boxDiv5_9_1 div[b-hsfyyxacj9] {
        font-family: 'OPPOSans-B';
    }

.activeDiv[b-hsfyyxacj9] {
    background: #DDE7FB;
    box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.10);
}

.boxDiv5_9_1 .checkbox[b-hsfyyxacj9] { /* zoom:100%;*/
    width: 14px;
    height: 14px;
}

.divBox_1[b-hsfyyxacj9] {
    border-radius: 4px;
    background: #161616;
    display: flex;
    align-items: center;
    padding: 6px;
    color: #FFF;
    font-family: OPPOSans-R;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.24px;
    width: 260px;
}

.divBox_2[b-hsfyyxacj9] {
    border-radius: 6px;
    background: rgba(0,0,0,0.90);
    padding: 10px;
    width: 146px;
    color: #FFF;
    text-align: center;
    font-family: OPPOSans-R;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.32px;
}

.maskBox[b-hsfyyxacj9] {
    background: #0000005c;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
}

.BulletBox[b-hsfyyxacj9] {
    position: absolute;
    background: #fff;
    left: 50%;
    right: 0;
    top: 50%;
    bottom: 0;
    width: 703px;
    height: 510px; /* margin:0 auto;*/
    transform: translate(-50%,-50%);
}

.BulletBox1[b-hsfyyxacj9] {
    display: flex;
    justify-content: space-between;
    padding: 0 20px 0 20px;
    height: 60px;
}

.BulletBox2[b-hsfyyxacj9] {
    display: flex;
    align-items: center;
    color: rgba(0,0,0,0.90);
    font-family: OPPOSans-b;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.32px;
}

.BulletBox3[b-hsfyyxacj9] {
    display: flex;
    align-items: center;
}

.border_bottom[b-hsfyyxacj9] {
    opacity: 0.1;
    background: linear-gradient(270deg,rgba(0,0,0,0.00) 0%,#000 15.06%,#000 84.74%,rgba(0,0,0,0.00) 100%);
    width: 703px;
    height: 1px;
}

.boxDiv14c[b-hsfyyxacj9] {
    padding: 0 3px 0 0;
    overflow: hidden;
    color: #3578EE;
    text-overflow: ellipsis;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.boxDiv5_9_12[b-hsfyyxacj9] {
    width: 9%;
    display: flex; /* justify-content:center;*/
    align-items: center;
    border-radius: 6px; /* background:rgba(52,211,97,0.10);*/
    height: 23px;
    color: rgba(0,0,0,0.90);
    font-family: 'OPPOSans-M';
    font-size: 13px; /* background:#000;*/
}

    .boxDiv5_9_12 div[b-hsfyyxacj9] {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 4px;
    }

.boxDiv5_9_11[b-hsfyyxacj9] {
    width: 12%; /* display:flex;*/ /* justify-content:center;*/ /* align-items:center;*/
    padding-left: 30px;
}

.boxDiv5_9_14[b-hsfyyxacj9] {
    width: 32%;
    display: flex; /* justify-content:center;*/
    align-items: center; /* font-family:'OPPOSans-M';*/
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical; /* overflow:hidden;*/ /* white-space:nowrap;*/
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.boxDiv5_9_13[b-hsfyyxacj9] {
    width: 7%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #3578EE; /* border:#3578EE 1px solid;*/
}

.boxDiv5_91[b-hsfyyxacj9] {
}

.gunBox[b-hsfyyxacj9] {
}

.boxDiv5_9_12-1[b-hsfyyxacj9] {
    background: rgba(52,211,97,0.10);
    width: 55px;
    height: 23px; /* margin-left:2.8%;*/ /* margin-right:2.9%;*/
}

.boxDiv5_9_12-2[b-hsfyyxacj9] {
    border-radius: 6px;
    background: rgba(0,0,0,0.05);
    width: 55px;
    height: 23px;
    color: rgba(0,0,0,0.60); /* margin-left:2.8%;*/ /* margin-right:2.9%;*/
    margin-right: 0 !important;
}

.boxDiv5_9_12-3[b-hsfyyxacj9] {
    border-radius: 6px;
    background: rgba(245,155,20,0.10);
    width: 55px;
    height: 23px;
    color: #E58E0A; /* margin-left:2.8%;*/ /* margin-right:2.9%;*/
}

.boxDiv5_9_13-1[b-hsfyyxacj9] { /* border:#3578EE 1px solid;*/
    border-radius: 4px; /* font-family:'OPPOSans-M';*/
    font-size: 12px; /* padding:2px 8px 2px 8px;*/
    width: 77px;
    height: 23px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(245,155,20,0.10);
    color: #F59B14;
}

    .boxDiv5_9_13-1 svg[b-hsfyyxacj9] {
        width: 16px;
        height: 16px;
        margin-right: 4px;
    }

.boxDiv5_9_13-2[b-hsfyyxacj9] {
    border-radius: 4px; /* border:1px solid rgba(0,0,0,0.20);*/ /* border:#3578EE 1px solid;*/ /* border-radius:4px;*/ /* font-family:'OPPOSans-M';*/
    font-size: 12px; /* padding:2px 8px 2px 8px;*/
    width: 77px;
    height: 23px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgba(0,0,0,0.90);
    background: rgba(245,155,20,0.10);
    color: #F59B14;
}

    .boxDiv5_9_13-2 svg[b-hsfyyxacj9] {
        width: 16px;
        height: 16px;
        margin-right: 4px;
    }

.boxDiv5_9_11-1[b-hsfyyxacj9] {
    color: #3578EE;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    width: 29px;
    height: 23px; /* border-radius:4px;*/ /* background:rgba(240,70,66,0.10);*/
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    background: rgba(53,120,238,0.10);
}

.boxDiv5_9_11-2[b-hsfyyxacj9] {
    color: #F04642;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    width: 29px;
    height: 23px;
    border-radius: 4px;
    background: rgba(240,70,66,0.10);
    display: flex;
    justify-content: center;
    align-items: center;
}

.BulletBox-1[b-hsfyyxacj9] {
    border-radius: 6px;
    position: absolute;
    background: #fff;
    left: 50%;
    right: 0;
    top: 50%;
    bottom: 0;
    width: 480px;
    height: 400px; /* margin:0 auto;*/
    transform: translate(-50%,-50%);
    overflow: hidden;
    border-radius: 6px;
    /*display:flex;*/

}

.BulletBox1-1[b-hsfyyxacj9] {
    display: flex;
    justify-content: space-between;
    padding: 0 20px 0 20px;
    height: 60px;
}

.BulletBox2-1[b-hsfyyxacj9] {
    display: flex;
    align-items: center;
    color: rgba(0,0,0,0.90);
    font-family: OPPOSans-b;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.32px;
}

.BulletBox3-1[b-hsfyyxacj9] {
    display: flex;
    align-items: center;
}

.border_bottom-1[b-hsfyyxacj9] {
    opacity: 0.1;
    background: linear-gradient(270deg,rgba(0,0,0,0.00) 0%,#000 15.06%,#000 84.74%,rgba(0,0,0,0.00) 100%);
    width: 480px;
    height: 1px;
    margin-bottom: 20px;
}

.BulletBox3-t-0[b-hsfyyxacj9] { /* width:330px;*/ /* margin:0 auto;*/ /* overflow:hidden;*/
}

.BulletBox3-t-2[b-hsfyyxacj9] {
    display: flex; /* align-items:center;*/
    /*margin-bottom: 0px;*/
    width: 332px;
    margin: 0 auto;
    margin-top: 20px;
    /*height:100%;*/
}

.BulletBox3-t-1[b-hsfyyxacj9] {
    color: rgba(0,0,0,0.60);
    text-align: right;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    width: 67px;
    margin-right: 12px; /* width:67px;*/
    padding-top: 7px;
}

.BulletBox3-t-3[b-hsfyyxacj9] {
    width: 252px;
    border-radius: 6px;
    border: 1px solid rgba(0,0,0,0.10);
    background: #FFF;
    height: 31px;
    display: flex;
    align-items: center;
    display: flex;
    justify-content: space-between;
    position: relative;
    overflow:visible;
}

    .BulletBox3-t-3 input[b-hsfyyxacj9] {
        color: rgba(0,0,0,0.90);
        font-family: 'OPPOSans-M';
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.26px;
        padding-left: 12px;
        outline: none;
    }
/* 设置placeholder样式 */ input[type="text"][b-hsfyyxacj9]::placeholder {
    color: rgba(0,0,0,0.40);
}

.BulletBox3-t-7[b-hsfyyxacj9] {
    margin-right: 12px;
    color: #3578EE;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.BulletBox3-t-8[b-hsfyyxacj9] {
    margin-right: 12px;
 
}

.BulletBox3-t-9 input[b-hsfyyxacj9] {
    color: rgba(0,0,0,0.90);
    font-family: OPPOSans-M;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.BulletBox3-t-10[b-hsfyyxacj9] {
}

.border_bottom-2[b-hsfyyxacj9] {
    opacity: 0.1;
    background: linear-gradient(270deg,rgba(0,0,0,0.00) 0%,#000 15.06%,#000 84.74%,rgba(0,0,0,0.00) 100%);
    width: 480px;
    height: 1px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.BulletBox3-t11[b-hsfyyxacj9] {
}

.BulletBox3-t-12[b-hsfyyxacj9] { /* display:flex;*/
    float: left;
    width: 240px; /* overflow-y:auto;*/ /* height:145px;*/ /* overflow-x:hidden;*/
}

.BulletBox3-t-14[b-hsfyyxacj9] {
    width: 330px;
    margin: 0 auto;
    display: flex;
}

.BulletBox3-t-4[b-hsfyyxacj9] {
    width: 115px;
    float: left;
    display: flex;
    margin-bottom: 16px;
}

.BulletBox3-t-5[b-hsfyyxacj9] { /* float:left;*/ /* display:flex;*/
}

    .BulletBox3-t-5 input[b-hsfyyxacj9] {
        float: left;
        margin-top: 2px;
        margin-right: 8px;
        width: 14px;
        height: 14px;
    }

.BulletBox3-t-6[b-hsfyyxacj9] {
    color: rgba(0,0,0,0.90);
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    cursor:pointer;
}

.BulletBox3-t-18[b-hsfyyxacj9] {
    margin-bottom: 20px; /* clear:both;*/ /* overflow:hidden;*/
}

.divBox-b-15[b-hsfyyxacj9] {
    display: flex;
    justify-content: space-between;
    background: #FFF;
    box-shadow: 0px -2px 6px 0px rgba(0,0,0,0.10);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-radius: 0 0 6px 6px;
}

.divBox-b-16[b-hsfyyxacj9] {
    color: rgba(0,0,0,0.90);
    text-align: center;
    font-family: 'OPPOSans-M';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
    display: flex;
    justify-content: center;
    width: 49%;
    align-items: center;
    height: 54px;
    cursor:pointer;
}

.divBox-b-17[b-hsfyyxacj9] {
    color: #3578EE;
    font-family: 'OPPOSans-M';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
    height: 54px;
    width: 49%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: rgba(0,0,0,0.10) 1px solid;
    cursor: pointer;
}

.margin-top[b-hsfyyxacj9] { /* margin-top:27px;*/
    background: #666D84;
    border-radius: 6px;
    color: #fff;
}

    .margin-top:hover[b-hsfyyxacj9] {
        background: #666D84;
        color: #fff;
    }

.widthBox-list[b-hsfyyxacj9] {
    align-items: center;
    width: 10%;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; /* height:17px;*/
    border-radius: 4px;
}

    .widthBox-list div[b-hsfyyxacj9] {
        float: left;
        margin-right: 10px;
        background: rgba(53,120,238,0.10);
        width: 77px;
        height: 23px;
        font-size: 12px;
        color: #3578EE;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .widthBox-list svg[b-hsfyyxacj9] {
        margin-right: 4px;
    }

.widthBox-group[b-hsfyyxacj9] {
    display: flex;
    align-items: center;
    border-left: #e2e2e2 1px solid;
    width: 10%;
}

.widthBox-group-imgBox[b-hsfyyxacj9] {
    display: flex;
    align-items: center;
    margin-right: 4px; /* border-left:#e2e2e2 1px solid;*/
    margin-left: 10px;
    height: 20px;
    background: url(../img/img8.png);
    width: 16px;
    height: 16px;
    background-size: 16px;
}

.widthBox-group-div[b-hsfyyxacj9] {
    color: rgba(0,0,0,0.60);
    font-family: 'OPPOSans-M';
}

.color-null[b-hsfyyxacj9] {
    color: rgba(0,0,0,0.60);
}

.BulletBox3-t-12-width[b-hsfyyxacj9] {
    /*width: 300px;*/ /* padding-top:10px;*/
    overflow-y: scroll !important;
    height: 170px;
    display: flex;
    flex-direction: column;
    align-items: center;
    /*margin-left:100px;*/
    margin-top:6px;
}

.div-Box-width[b-hsfyyxacj9] {
    color: rgba(0,0,0,0.40);
    font-size: 12px;
    padding-top: 10px;
}

.width-box[b-hsfyyxacj9] {
    width: 252px;
}

.width-box-padding[b-hsfyyxacj9] {
    padding-top: 0px;
    width:80px;
}

.configurationBox[b-hsfyyxacj9] {
    width: 480px;
    height: 100vh;
    background: #fff;
    position: absolute;
    right: 0;
}

.configuration-Box[b-hsfyyxacj9] {
    padding: 0 32px 0 32px;
    margin-bottom: 20px; /* display:block;*/
    overflow: hidden;
}

.configuration-Box-width[b-hsfyyxacj9] {
    display: flex;
    align-items: center;
    float: left;
}

.configuration-Box-nameBox[b-hsfyyxacj9] {
    color: rgba(0,0,0,0.60); /* text-align:right;*/ /* font-family:OPPOSans;*/
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.configuration-Box-name[b-hsfyyxacj9] {
    width: 118px;
    height: 33px;
    border-radius: 6px;
    border: 1px solid rgba(0,0,0,0.10);
    background: #F0F1F7;
    color: rgba(0,0,0,0.60);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    padding-left: 12px;
    display: flex;
    align-items: center;
}

    .configuration-Box-name input[b-hsfyyxacj9] {
        background: none;
        outline: none
    }

.margin-left[b-hsfyyxacj9] {
    margin-left: 19px;
}

.CustomerServiceTeam[b-hsfyyxacj9] {
    clear: both;
    margin: 0 20px 0 20px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 4px;
    height: 37px;
    border-radius: 6px; /* background:#F0F1F7;*/ /* line-height:37px;*/
}

    .CustomerServiceTeam:hover[b-hsfyyxacj9] {
        background: #F0F1F7;
    }

.CustomerServiceTeam-left[b-hsfyyxacj9] {
    color: rgba(0,0,0,0.90); /* font-family:OPPOSans;*/
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
    line-height: 37px;
    padding-left: 12px;
}

.CustomerServiceTeam-right[b-hsfyyxacj9] {
    display: flex; /* justify-content:space-between;*/
    overflow: hidden;
    color: rgba(0,0,0,0.60);
    text-overflow: ellipsis; /* font-family:OPPOSans;*/
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.24px; /* display:flex;*/ /* align-items:center;*/
    line-height: 37px;
}

    .CustomerServiceTeam-right input[b-hsfyyxacj9] {
        margin-left: 8px;
        width: 14px;
        height: 14px;
        margin-top: 2px;
        margin-right: 12px;
        margin-top: 11px;
    }

.CustomerServiceTeam-btn[b-hsfyyxacj9] {
    width: 286px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    position: absolute;
    bottom: 60px;
    left: 0;
    right: 0;
}

.CustomerServiceTeam-btn-left[b-hsfyyxacj9] {
    border-radius: 6px;
    background: #F0F1F7;
    height: 37px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 138px;
}

.CustomerServiceTeam-btn-right[b-hsfyyxacj9] {
    border-radius: 6px;
    background: #3578EE;
    height: 37px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 138px;
    color: #FFF;
}

.BulletBox-1-1[b-hsfyyxacj9] {
    height: 235px;
    overflow: inherit;
}

.drop-down-bx[b-hsfyyxacj9] {
    position: absolute;
    border-radius: 6px;
    border: 1px solid rgba(0,0,0,0.10);
    background: #FFF;
    width: 100%;
    top: 35px;
    z-index: 99;
}

    .drop-down-bx div[b-hsfyyxacj9] {
        height: 33px;
        width: 95%;
        color: rgba(0,0,0,0.90); /* font-family:OPPOSans;*/
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.26px;
        padding-left: 5%;
        line-height: 33px;
        border-bottom: rgba(0,0,0,0.10) 1px solid;
    }

        .drop-down-bx div:hover[b-hsfyyxacj9] {
            background: #F0F1F7;
        }

.configuration-Box-width-div[b-hsfyyxacj9] {
    width: 416px;
}

.configuration-Box-name-div[b-hsfyyxacj9] {
    width: 322px;
}

.CustomerServiceTeam-div-width:hover[b-hsfyyxacj9] {
    background: #FFF;
}

.BulletBox3-t-3-div[b-hsfyyxacj9] {
    height: auto;
}

    .BulletBox3-t-3-div textarea[b-hsfyyxacj9] {
        width: 90%;
        background: fixed;
        padding: 4%;
        outline: none;
        color: rgba(0,0,0,0.40); /* font-family:OPPOSans;*/
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.26px; /* resize:none;*/
    }

    .BulletBox3-t-3-div textarea[b-hsfyyxacj9] {
        overflow: hidden;
        color: rgba(0,0,0,0.90);
        text-overflow: ellipsis;
        font-family: 'OPPOSans-M';
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal; /* resize:none;*/
        width: 90%;
        background: none;
        outline: none;
        height: 123px;
    }

        .BulletBox3-t-3-div textarea[b-hsfyyxacj9]::placeholder {
            color: rgba(0,0,0,0.40);
            font-family: OPPOSans-R;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.28px;
        }

.BulletBox3-t-2-div[b-hsfyyxacj9] { /* background:red;*/
    width: 420px;
}

.BulletBox3-t-1-div[b-hsfyyxacj9] {
    color: rgba(0,0,0,0.60);
    text-align: right;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    width: 67px;
    margin-right: 12px; /* width:67px;*/
    padding-top: 7px;
}

.popFrameBox[b-hsfyyxacj9] {
    border-radius: 6px;
    position: absolute;
    background: #fff;
    left: 50%;
    right: 0;
    top: 50%; /* top:0;*/
    bottom: 0;
    width: 480px;
    height: 509px; /* margin:0 auto;*/
    transform: translate(-50%,-50%);
    overflow: hidden;
    border-radius: 6px;
}

.popFrameBox-1[b-hsfyyxacj9] {
    display: flex;
    justify-content: space-between;
    padding: 0 20px 0 20px;
    height: 60px;
}

.popFrameBox-2[b-hsfyyxacj9] {
    display: flex;
    align-items: center;
    color: rgba(0,0,0,0.90);
    font-family: OPPOSans-b;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.32px;
}

.BulletBox3-1[b-hsfyyxacj9] {
    display: flex;
    align-items: center;
}

.popFrameBox-3-1[b-hsfyyxacj9] {
    display: flex;
    align-items: center;
}

.popFrameBox-4[b-hsfyyxacj9] { /* background:red;*/
    width: 420px;
    display: flex; /* align-items:center;*/
    margin-bottom: 12px; /* width:332px;*/
    margin: 0 auto;
    margin-bottom: 12px;
}

.popFrameBox-5[b-hsfyyxacj9] {
    color: rgba(0,0,0,0.60);
    text-align: right;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    width: 67px;
    margin-right: 12px; /* width:67px;*/
    padding-top: 7px;
}

.popFrameBox-6[b-hsfyyxacj9] {
    width: 339px;
    border-radius: 6px;
    border: 1px solid rgba(0,0,0,0.10);
    background: #FFF; /* height:31px;*/ /* display:flex;*/ /* align-items:center;*/
    display: flex; /* justify-content:space-between;*/
    position: relative;
}

    .popFrameBox-6 input[b-hsfyyxacj9] {
        color: rgba(0,0,0,0.90);
        font-family: 'OPPOSans-M';
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.26px;
        padding-left: 12px;
        outline: none;
        background: none;
    }

.popFrameBox-7 input[b-hsfyyxacj9] {
    color: rgba(0,0,0,0.90);
    font-family: OPPOSans-M;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.popFrameBox-8[b-hsfyyxacj9] {
    margin-right: 12px;
    color: #3578EE;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.popFrameBox-9[b-hsfyyxacj9] {
    width: 420px;
    margin: 0 auto;
    display: flex;
}

.popFrameBox-10[b-hsfyyxacj9] { /* display:flex;*/
    float: left;
    width: 240px; /* overflow-y:auto;*/ /* height:145px;*/ /* overflow-x:hidden;*/
}

.popFrameBox-11[b-hsfyyxacj9] {
    width: 115px;
    float: left;
    display: flex;
    margin-bottom: 16px;
}

.popFrameBox-12[b-hsfyyxacj9] { /* float:left;*/ /* display:flex;*/
}

    .popFrameBox-12 input[b-hsfyyxacj9] {
        float: left;
        margin-top: 2px;
        margin-right: 8px;
        width: 14px;
        height: 14px;
    }

.popFrameBox-13[b-hsfyyxacj9] {
    color: rgba(0,0,0,0.90);
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.popFrameBox-14[b-hsfyyxacj9] { /* float:left;*/ /* display:flex;*/
}

    .popFrameBox-14 input[b-hsfyyxacj9] {
        float: left;
        margin-top: 2px;
        margin-right: 8px;
        width: 14px;
        height: 14px;
    }

.popFrameBox-3[b-hsfyyxacj9] {
}

.popFrameBox-6-1[b-hsfyyxacj9] {
    margin-bottom: 20px; /* clear:both;*/ /* overflow:hidden;*/
    display: flex;
    margin: 0 auto;
    width: 420px;
}

.height-box[b-hsfyyxacj9] {
    height: 31px;
}

.width-box-pop[b-hsfyyxacj9] {
    width: 100%;
}

.popFrameBox-6-2[b-hsfyyxacj9] {
    margin-bottom: 12px;
}

.boxDiv4_6-1[b-hsfyyxacj9] {
    display: flex;
    align-items: center; /* border-radius:36px;*/
    border: 1px solid var(--01,rgba(0,0,0,0.10));
    background: #FFF;
    padding: 0 20px;
    height: 37px; /* margin-right:10px;*/ /* border-radius:6px;*/ /* width:234px;*/
    border-radius: 6px;
    margin: 0 0px 0 28px; /* margin-bottom:14px;*/
    padding-left: 16px;
}

.margin-top-box[b-hsfyyxacj9] {
    margin-top: 27px;
}

.boxDiv4_6-1-1[b-hsfyyxacj9] {
    width: 276px;
}

.boxDiv5_9_11_width_1[b-hsfyyxacj9] {
    width: 4% !important;
    padding-left: 30px;
    text-align: center; /* font-family:'OPPOSans-R';*/
    font-family: 'OPPOSans-M';
}

.boxDiv5_9_11_width_2[b-hsfyyxacj9] {
    width: 8% !important;
    text-align: center;
    padding-left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.boxDiv5_9_11_width_3[b-hsfyyxacj9] {
    width: 10% !important;
    text-align: center;
    font-family: 'OPPOSans-R';
}

.boxDiv5_9_11_width_4[b-hsfyyxacj9] {
    width: 11% !important;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #3578EE;
    font-family: OPPOSans;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    line-height: 25px;
}

.boxDiv5_9_11_width_5[b-hsfyyxacj9] {
    width: 31% !important;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-right: 2%;
    display: flex;
}

    .boxDiv5_9_11_width_5 div[b-hsfyyxacj9] {
        margin-right: 10px;
        font-family: 'OPPOSans-M';
        color: rgba(0,0,0,0.90); /* font-family:OPPOSans;*/
        font-size: 13px;
    }

.boxDiv5_9_11_width_6[b-hsfyyxacj9] {
    text-align: center;
    width: 7%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.boxDiv5_9_11_width_7[b-hsfyyxacj9] {
    width: 10%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .boxDiv5_9_11_width_7 div[b-hsfyyxacj9] {
        font-family: 'OPPOSans-R';
    }

.boxDiv5_9_11_width_8[b-hsfyyxacj9] {
    width: 8%;
    text-align: center;
}

.boxDiv5_9_11_width_9[b-hsfyyxacj9] {
}

.boxDiv5_9_13-1-1[b-hsfyyxacj9] {
    padding-left: 0;
    width: 5%;
}

.boxDiv5_9_13-1-2[b-hsfyyxacj9] {
    width: 13%;
}

.boxDiv5_9_13-1-3[b-hsfyyxacj9] {
    width: 13%;
}

.boxDiv5_9_13-1-4[b-hsfyyxacj9] {
    width: 25%;
}

.boxDiv5_9_13-1-5[b-hsfyyxacj9] {
    width: 20%;
}

.mmargin[b-hsfyyxacj9] {
    margin-left: 30px;
}

.boxDiv5_9_11_width_0[b-hsfyyxacj9] {
    width: 7%;
}

.boxDiv5_9_11-1-1[b-hsfyyxacj9] {
    color: #3578EE;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    width: 29px;
    height: 23px; /* border-radius:4px;*/ /* background:rgba(240,70,66,0.10);*/
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    background: rgba(53,120,238,0.10);
}

.boxDiv5_9_11_width_4-1[b-hsfyyxacj9] {
    border-radius: 4px;
    border: 1px solid rgba(53,120,238,0.50);
    width: 56px;
    height: 23px;
}

.widthBox-group-1[b-hsfyyxacj9] {
    width: auto;
}

.dong_1[b-hsfyyxacj9] {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #2FBA56;
    font-size: 13px;
    border-radius: 4px;
    font-family: 'OPPOSans-R';
}

    .dong_1 div[b-hsfyyxacj9] {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .dong_1 svg[b-hsfyyxacj9] {
        margin-right: 4px;
    }

.dong_2[b-hsfyyxacj9] {
    display: flex;
    justify-content: space-between;
    width: 7%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .dong_2 div[b-hsfyyxacj9] {
        margin-left: 24%; /* margin-right:13%;*/
    }

.color_div-1[b-hsfyyxacj9] {
    color: #E58E0A;
}

.color_div-bg[b-hsfyyxacj9] {
    background: rgba(245,155,20,0.10);
}

.color_div-2[b-hsfyyxacj9] {
    color: rgba(0,0,0,0.60);
}

.color_div-bg2[b-hsfyyxacj9] {
    background: rgba(0,0,0,0.05);
}

.color_div-bg3[b-hsfyyxacj9] {
    border: 1px solid rgba(0,0,0,0.20);
}

.color_div-bg3[b-hsfyyxacj9] {
    color: rgba(0,0,0,0.90);
}

.color_div_c[b-hsfyyxacj9] {
    color: rgba(0,0,0,0.60);
}

.color_div_b div[b-hsfyyxacj9] {
    color: rgba(0,0,0,0.60);
}

.color-box[b-hsfyyxacj9] {
    color: #F04642;
    background: rgba(240,70,66,0.10);
}

.width-div-box[b-hsfyyxacj9] {
    width: 100%;
}

.genderSelection[b-hsfyyxacj9] {
    position: absolute;
    background: #FFF;
    width: 100%;
    top: 30px;
    z-index: 10;
    border: 1px solid #e1e1e1;
    border-radius:6px;
}
    .genderSelection > div[b-hsfyyxacj9] {
        padding-left: 10px;
        padding-top: 3px;
        padding-bottom:3px;
    }
    .genderSelection > div:hover[b-hsfyyxacj9] {
        background: rgba(0,0,0,0.10)
    }

.IsEmpty[b-hsfyyxacj9] {
 
    border: 1px solid red;
 
}
/* _content/Cyqf_ChatService/Elements/BlackConfirmDialog.razor.rz.scp.css */
.infor[b-qqyjaocpp0] {
    display: flex;
    padding: 20px;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    color: rgba(0, 0, 0, 0.90);
    font-family: OPPOSans-R;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 19.5px */
    letter-spacing: 0.26px;
}

.cause[b-qqyjaocpp0] {
    display: flex;
    margin-top: -10px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    color: rgba(0, 0, 0, 0.90);
    font-family: OPPOSans-R;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 19.5px */
    letter-spacing: 0.26px;
}

.causeInput[b-qqyjaocpp0] {
    overflow: hidden;
    color: rgba(0, 0, 0, 0.90);
    text-overflow: ellipsis;
    font-family: 'OPPOSans-R';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    background: #f0f1f7;
    outline: none;
    border-width: 1px;
}
.causeFilled[b-qqyjaocpp0] {
}
.causeNotFilled[b-qqyjaocpp0] {
    border-color: red;
    border-width: 1px;
}

.operation[b-qqyjaocpp0] {
    width: 100%;
    display: flex;
    padding: 0px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    margin-bottom: 20px;
}

    .operation div[b-qqyjaocpp0] {
        user-select: none;
        cursor: pointer;
    }

.inforItem[b-qqyjaocpp0] {
    margin-bottom: 0;
}

.cancel[b-qqyjaocpp0] {
    display: flex;
    height: 37px;
    padding: 4px 30px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    flex: 1 0 0;
    border-radius: 6px;
    background: #F0F1F7;
    color: rgba(0, 0, 0, 0.90);
    text-align: center;
    font-family: OPPOSans-R;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
    width: 118px;
    height: 37px;
}

.affirm[b-qqyjaocpp0] {
    display: flex;
    height: 37px;
    padding: 4px 30px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    flex: 1 0 0;
    border-radius: 6px;
    background: #3578EE;
    color: #FFF;
    font-family: OPPOSans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
    width: 118px;
    height: 37px;
}
/* _content/Cyqf_ChatService/Elements/ConfirmDialog.razor.rz.scp.css */
.infor[b-zv2uxc0l0k] {
    display: flex;
    padding: 20px;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    color: rgba(0, 0, 0, 0.90);
    font-family: OPPOSans-R;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 19.5px */
    letter-spacing: 0.26px;
 
}
.operation[b-zv2uxc0l0k] {
    width: 100%;
    display: flex;
    padding: 0px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    margin-bottom:20px;
}
    .operation div[b-zv2uxc0l0k] {
    
        user-select:none;
        cursor:pointer;
    
    }
.inforItem[b-zv2uxc0l0k] {
    margin-bottom: 0;
}

.cancel[b-zv2uxc0l0k] {
    display: flex;
    height: 37px;
    padding: 4px 30px; 
    justify-content: center;
    align-items: center;
    gap: 4px;
    flex: 1 0 0;
    border-radius: 6px;
    background: #F0F1F7;
    color: rgba(0, 0, 0, 0.90);
    text-align: center;
    font-family: OPPOSans-R;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
    width: 118px;
    height: 37px;
}
.affirm[b-zv2uxc0l0k] {
    display: flex;
    height: 37px;
    padding: 4px 30px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    flex: 1 0 0;
    border-radius: 6px;
    background: #3578EE;
    color: #FFF;
    font-family: OPPOSans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
    width: 118px;
    height: 37px;
}
/* _content/Cyqf_ChatService/Elements/CutOffLine.razor.rz.scp.css */

/* _content/Cyqf_ChatService/Elements/DateSelectElement.razor.rz.scp.css */
.sessionBottom_right[b-7wp8kp9n6y] {
    border-radius: 6px;
    background: #FFF;
    height: 416px;
    float: right;
    width: 49.5%;
    padding-top: 32px;
}

.calendarBox[b-7wp8kp9n6y] {
    height: 36px;
    margin-left: 20px;
    margin-right: 20px;
    text-align: center;
    line-height: 36px;
    padding-top: 14px;
    padding-bottom: 14px;
}

.calendarM[b-7wp8kp9n6y] {
    color: #131414;
    text-align: center;
    font-family: "OPPOSans-M";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26.78px;
    border: none;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: #fff;
    outline: 0;
}

.calendarYears[b-7wp8kp9n6y] {
    color: #131414;
    text-align: center;
    font-family: "OPPOSans-M";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    border: none;
    outline: none;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: #fff;
    outline: 0;
}

.buttonLeftTwo[b-7wp8kp9n6y] {
    float: left;
    background: #fff;
    margin-right: 14px;
    /*padding-top: 10px;*/
}

.buttonLeft[b-7wp8kp9n6y] {
    float: left;
    background: #fff;
    /*padding-top: 10px;*/
}

.buttonRight[b-7wp8kp9n6y] {
    float: right;
    background: #fff;
    /*padding-top: 10px;*/
    padding-right: 10px;
}

.buttonRightTwo[b-7wp8kp9n6y] {
    float: right;
    background: #fff;
    /*padding-top: 11px;*/
}

.calendarYearsBox[b-7wp8kp9n6y] {
    float: left;
    margin-right: 10px;
    font-family: "OPPOSans-M";
    color: #131414;
    text-align: center;
    font-size:16px;
}

.calendarMBox[b-7wp8kp9n6y] {
    float: left;
    font-family: "OPPOSans-M";
    color: #131414;
    text-align: center;
    font-size: 16px;
}

.yearsMBox[b-7wp8kp9n6y] {
    width: 105px;
    margin: 0 auto;
    font-family: "OPPOSans-M";
    text-align: center;
    font-size: 16px;
}

.tableBox[b-7wp8kp9n6y] {
    width: 92%;
    margin: 0 auto;
}

    .tableBox tr[b-7wp8kp9n6y] {
        height: 44px;
        width: 100%;
    }

    .tableBox td[b-7wp8kp9n6y] {
        text-align: center;
        font-family: "OPPOSans-R";
    }

    .tableBox th[b-7wp8kp9n6y] {
        width: 10%;
        color: #131414;
        text-align: center;
        font-family: "OPPOSans-R";
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 22.317px;
        letter-spacing: -0.011px;
    }

    .tableBox td span[b-7wp8kp9n6y] {
        color: #131414;
        text-align: center;
        font-family: "OPPOSans-R";
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 22.317px;
        letter-spacing: -0.011px;
        display: block;
        margin-bottom: 2px;
    }

    .tableBox td i[b-7wp8kp9n6y] {
 
        width: 4px;
        height: 4px;
        display: block;
        border-radius: 100px;
        margin: 0 auto;
        
    }

    .tableBox td .online[b-7wp8kp9n6y] {
        background: #3578ee;
    }

    .tableBox td  .notOnline[b-7wp8kp9n6y] {
        background: #F59B14;
    }
.today span[b-7wp8kp9n6y] {
    background-color: #3578EE;
    height: 27px;
    width: 27px;
    color: #FFF !important;
    display: block;
    text-align: center;
    margin:auto;
    border-radius:45px;
    line-height:27px !important;
}
.today[b-7wp8kp9n6y] {
    
    

    text-align:center;
}
.rest[b-7wp8kp9n6y] {
    height: 27px;
    width: 27px;
    text-align: center;
    margin: auto;
    display: block;
    border-radius: 45px;
    line-height: 27px !important;
}
    .rest:hover[b-7wp8kp9n6y] {
        background-color: #3578EE;
        color: #FFF !important;
    }
.opacityBox[b-7wp8kp9n6y] {
    opacity: 0.5
}

.opacityBoxColor[b-7wp8kp9n6y] {
    opacity: 0.5
}

    .opacityBoxColor i[b-7wp8kp9n6y] {
        background: #f59b14 !important;
    }

.colorYellow[b-7wp8kp9n6y] {
    background: #f59b14 !important;
}

button[b-7wp8kp9n6y]{
    border: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    font-family: "OPPOSans-R";
}

/* _content/Cyqf_ChatService/Elements/DialogTitle.razor.rz.scp.css */
.dialog-titlebar[b-y0sw1qahn5] {
    background-color: #FFF;
    height: 54px;
     position: relative; 
    padding: var(--rz-dialog-title-padding);
    font-size: var(--rz-dialog-title-font-size);
    line-height: var(--rz-dialog-title-line-height);
    border-bottom: var(--rz-dialog-title-border);
}
.dialog-title[b-y0sw1qahn5] {
    color: rgba(0, 0, 0, 0.90);
    font-family: OPPOSans-B;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
}

.svgDiv[b-y0sw1qahn5]{

    position:absolute;
    top:10px;
    right:20px;
    cursor:pointer;
}
/* _content/Cyqf_ChatService/Elements/ImgPreview.razor.rz.scp.css */
#container[b-ifon8117c8] {
    /*        width: 500px;
                height: 500px; */
    /* border: 1px solid #ccc; */
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow-y: auto;
}

#showimage[b-ifon8117c8] {
    max-width: 1400px;
    max-height: 850px;
}

.showImgRotateButton[b-ifon8117c8] {
    border-radius: 6px;
    background: #F0F1F7;
    display: block;
    height: 37px;
    padding: 0px 20px;
    line-height: 37px;
    margin-left: 10px;
    color: rgba(0, 0, 0, 0.90);
    font-size: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgba(0, 0, 0, 0.90);
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    cursor: pointer;
    border:0;
}
    .showImgRotateButton:hover[b-ifon8117c8] {
        background: #3578EE;
        color: rgba(255, 255, 255, 0.90);
    }


    .showImgOperation[b-ifon8117c8] {
        /*    position: absolute;
    bottom: 0;*/
        margin-top: auto;
        margin-left: auto;
        padding-top: 10px;
    }

.containerHome[b-ifon8117c8] {
    position: relative;
    display: flex;
    flex-direction: column;
    max-width: 1400px;
    max-height: 900px;
}

/*.container {
    max-width: 100%;
    max-height: 100%;
}*/
/* _content/Cyqf_ChatService/Elements/ImportPreviewDialog.razor.rz.scp.css */
tr:nth-child(2n+1)[b-w06vrmbnor] {
  
    background-color:#f0f0f0;

}
td[b-w06vrmbnor] {

    /*width:100%;*/
    padding-left:20px;
}
td[b-w06vrmbnor] {

    max-width:430px;
    overflow :clip;
}
.divBox-b-15[b-w06vrmbnor] {
    display: flex;
    justify-content: space-between;
    background: #FFF;
    box-shadow: 0px -2px 6px 0px rgba(0,0,0,0.10);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-radius: 0 0 6px 6px;
}

.divBox-b-16[b-w06vrmbnor] {
    color: rgba(0,0,0,0.90);
    text-align: center;
    font-family: 'OPPOSans-M';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
    display: flex;
    justify-content: center;
    width: 49%;
    align-items: center;
    height: 54px;
    cursor: pointer;
}

.divBox-b-17[b-w06vrmbnor] {
    color: #3578EE;
    font-family: 'OPPOSans-M';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
    height: 54px;
    width: 49%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: rgba(0,0,0,0.10) 1px solid;
    cursor: pointer;
}
.content[b-w06vrmbnor] {

    width:100%;
    height:88%;
    overflow:scroll;


}
/* _content/Cyqf_ChatService/Elements/IndexElements/ClockElement.razor.rz.scp.css */
canvas[b-qn5gkl418p] {
    width: 210px;
    height: 210px;
    position: absolute;
}
img[b-qn5gkl418p] {
    width: 159px;
    height: 159px;
    position: absolute;
    z-index: 3;
    margin-right: 2px;
    margin-bottom: 1px;
}
span[b-qn5gkl418p] {
    display: block;
    margin-bottom: 4px;
    text-align:center;
}
#hour[b-qn5gkl418p] {
    font-family: "OPPOSans-M";
    text-align: center;
    font-family: OPPOSans;
    font-size: 25.2px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.504px;
    color: #000;
    opacity: 0.8;
}
#minute[b-qn5gkl418p] {
    color: #000;
    text-align: center;
    font-family: "OPPOSans-R";
    font-size: 13.44px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.269px;
    opacity: 0.6;
}

.ClockDiv[b-qn5gkl418p] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.time[b-qn5gkl418p] {
    z-index: 4;
}
/* _content/Cyqf_ChatService/Elements/IndexElements/CutInSessionVolume.razor.rz.scp.css */
canvas[b-wte020wt7v] {
    position: absolute;
    top: 0;
    left: 0;
    width: 98%;
    height: 248px;
    margin-top: 5px;
    margin-left: 6px;
}

.data[b-wte020wt7v] {
    position: relative;

  
    width: 100%;
    height: 296px;
    
}
.head[b-wte020wt7v] {
    font-family: "OPPOSans-M";
    margin-top: 20px;
    margin-left: 20px;
}
#CutInSessionVolumeCanvas[b-wte020wt7v] {
    z-index: 2;
}

.text[b-wte020wt7v] {
    position: fixed;
    bottom: 100px;
    width: 100%;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .text span[b-wte020wt7v] {
        margin-left: 15px;
        margin-right: 15px;
    }

        .text span svg[b-wte020wt7v] {
            margin-right: 12px;
        }


/*.SelectTime {
    justify-self: end;
    background-color: aqua;
    height: 23px;
    width: 206px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    border-radius: 6px;
}*/
#chart-introduction[b-wte020wt7v] {
    position: absolute;
    display: flex;
    padding: 20px;
    flex-direction: column;
    justify-content: center; /* 垂直居中 */
    gap: 10px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    border-radius: 6px;
    background: #FFFFFF;

    height: 104px;
    top: 18px;
    z-index: 3;
    opacity: 0;
}
.chart-introduction-content[b-wte020wt7v] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    font-size: 14px;
}

.chart-introduction-frame[b-wte020wt7v] {
    width: 37px;
    height: 27px;
    margin-left: 6px;
    background-color: antiquewhite;
    border-radius: 4px;
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    color: #FFF;
}




.promptBox[b-wte020wt7v] {
    padding: 20px 20px 10px 20px;
    background: #fff;
    border-radius: 6px;
    background: #FFF;
    box-shadow: 0px 4px 14px 0px rgba(42,45,52,0.20);
    position: absolute;
    /*right: 40px;*/
    top: -10px;
 
}

.promptTime[b-wte020wt7v] {
    border-radius: 20px;
    background: #F0F1F7;
    color: #000;
    font-family: 'OPPOSans-M';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.24px;
    opacity: 0.6;
    padding: 2px 10px 2px 10px;
    margin-bottom: 12px;
}

.promptMessage[b-wte020wt7v] {
}

.promptMessageBox[b-wte020wt7v] {
    color: rgba(0,0,0,0.90);
    font-family: 'OPPOSans-M';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.24px;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
}

.promptMessageBoxI[b-wte020wt7v] {
    width: 4px;
    height: 4px;
    background: #2B2D34;
    display: block;
    margin-right: 4px;
}

.promptMessageBoxDiv[b-wte020wt7v] {
    color: rgba(0,0,0,0.90);
    font-family: 'OPPOSans-M';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.24px;
}

.promptMessageBox_r[b-wte020wt7v] {
    color: rgba(0,0,0,0.90);
    font-family: 'OPPOSans-M';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.24px;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
}

.promptMessageBoxI_r[b-wte020wt7v] {
    width: 4px;
    height: 4px;
    display: block;
    margin-right: 4px;
    background: #FF7547;
}

.promptMessageBoxDiv_r[b-wte020wt7v] {
    color: rgba(0,0,0,0.90);
    font-family: 'OPPOSans-M';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.24px;
}
/* _content/Cyqf_ChatService/Elements/IndexElements/DataitemCard.razor.rz.scp.css */
.dataitem[b-3j7omabd6d] {

    background-color: #FFF;
    /*width: 10%;*/
    min-width: 186px;
    height: 186px;
    display: flex;
    /*flex: 1 0 0;*/
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2px;
    border-radius: 16px;
    box-shadow: 0px 4px 14px 0px rgba(188, 202, 228, 0.50);
    user-select: none;
    cursor: pointer;
    flex: 1;
    margin: 0 10px; /* 因为你需要组件之间有 20px 的间距，每个组件左右各给 10px */
    transition: all 0.3s ease  /* 选择性添加，用于平滑过渡 */
}

    .dataitem:hover[b-3j7omabd6d] {
        flex: 1.05;
        height: 230px;
        /*flex-grow: 1.05;*/ /* 鼠标悬停时，使当前项的宽度增大 */
        /*transform: scale(1.05);*/ /* 使当前项放大10% */
        /*margin: 20px;*/
    }
.dataitem-select[b-3j7omabd6d] {
 
   
}
.dataitem-no-select[b-3j7omabd6d] {
 /*   flex:1;
    height: 186px;*/
}

#dataitem1[b-3j7omabd6d] {
    margin-right: 10px;
}

#dataitem5[b-3j7omabd6d] {
    margin-left: 10px;
}

.dataitem-aut[b-3j7omabd6d] {
    margin-left: 10px;
    margin-right: 10px;
}

.title[b-3j7omabd6d] {
    color: rgb(0, 0, 0,0.6);
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-style: normal;
   
    line-height: normal;
    letter-spacing: 0.28px;
}
.val[b-3j7omabd6d] {
    color: #000;
    font-family: Microsoft YaHei;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.48px;
   
}

.comparison-div[b-3j7omabd6d] {
    
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-radius: 20px;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.15) inset;
    
}

.comparison[b-3j7omabd6d] {
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(0, 0, 0,0.8);
    font-family: Microsoft YaHei;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
}
/* _content/Cyqf_ChatService/Elements/IndexElements/DataOverview.razor.rz.scp.css */




.data[b-0rr3i5cu18] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 242px;
   
    justify-content: center;
    align-items: center;
 
}
/* _content/Cyqf_ChatService/Elements/IndexElements/UserSessionsChart.razor.rz.scp.css */
canvas[b-6ilamgm31u] {
    position: absolute;
    top: 0;
    left: 0;
    width: 98%;
    height: 248px;
    margin-left: 6px;
    margin-top: 5px;
}
.UserSessionsChartDiv[b-6ilamgm31u] {
    position: relative;
    width: 100%;
    height: 296px;
}
#UserSessionsChartCanvas[b-6ilamgm31u] {
    z-index: 2;
}

#chart-introduction-UserSessions[b-6ilamgm31u] {
    position: absolute;
    display: flex;
    padding: 20px;
    flex-direction: column;
    justify-content: center; /* 垂直居中 */
    gap: 10px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    border-radius: 6px;
    background: #FFFFFF;
    height: 104px;
    top: 18px;
    z-index: 3;
    opacity: 0;
}

.chart-introduction-content[b-6ilamgm31u] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    font-size: 14px;
}

.chart-introduction-frame[b-6ilamgm31u] {
    width: 37px;
    height: 27px;
    margin-left: 6px;
    background-color: antiquewhite;
    border-radius: 4px;
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    color: #FFF;
}




.promptBox[b-6ilamgm31u] {
    padding: 20px 20px 10px 20px;
    background: #fff;
    border-radius: 6px;
    background: #FFF;
    box-shadow: 0px 4px 14px 0px rgba(42,45,52,0.20);
    position: absolute;
    /*right: 40px;*/
    top: -10px;
}

.promptTime[b-6ilamgm31u] {
    border-radius: 20px;
    background: #F0F1F7;
    color: #000;
    font-family: 'OPPOSans-M';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.24px;
    opacity: 0.6;
    padding: 2px 10px 2px 10px;
    margin-bottom: 12px;
}

.promptMessage[b-6ilamgm31u] {
}

.promptMessageBox[b-6ilamgm31u] {
    color: rgba(0,0,0,0.90);
    font-family: 'OPPOSans-M';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.24px;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
}

.promptMessageBoxI[b-6ilamgm31u] {
    width: 4px;
    height: 4px;
    background: #DDD;
    display: block;
    margin-right: 4px;
}

.promptMessageBoxDiv[b-6ilamgm31u] {
    color: rgba(0,0,0,0.90);
    font-family: 'OPPOSans-M';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.24px;
}

.promptMessageBox_r[b-6ilamgm31u] {
    color: rgba(0,0,0,0.90);
    font-family: 'OPPOSans-M';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.24px;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
}

.promptMessageBoxI_r[b-6ilamgm31u] {
    width: 4px;
    height: 4px;
    display: block;
    margin-right: 4px;
    background: #3578EE
}

.promptMessageBoxDiv_r[b-6ilamgm31u] {
    color: rgba(0,0,0,0.90);
    font-family: 'OPPOSans-M';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.24px;
}
/* _content/Cyqf_ChatService/Elements/LeaveHandle.razor.rz.scp.css */
.infor[b-bdifr70jek] {
    display: flex;
    padding: 20px;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    color: rgba(0, 0, 0, 0.90);
    font-family: OPPOSans-R;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 19.5px */
    letter-spacing: 0.26px;
 
}
.operation[b-bdifr70jek] {
    width: 100%;
    display: flex;
    padding: 0px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    margin-bottom:20px;
}
    .operation div[b-bdifr70jek] {
    
        user-select:none;
        cursor:pointer;
    
    }
.inforItem[b-bdifr70jek] {
    margin-bottom: 0;
    width:100%;
}
    .inforItem p[b-bdifr70jek] {
        text-align: center;
        justify-content: center;
        font-family: OPPOSans-M;
    }
    .cancel[b-bdifr70jek] {
        display: flex;
        height: 37px;
        padding: 4px 30px;
        justify-content: center;
        align-items: center;
        gap: 4px;
        flex: 1 0 0;
        border-radius: 6px;
        background: #F0F1F7;
        color: rgba(0, 0, 0, 0.90);
        text-align: center;
        font-family: OPPOSans-R;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.28px;
        width: 118px;
        height: 37px;
    }
.affirm[b-bdifr70jek] {
    display: flex;
    height: 37px;
    padding: 4px 30px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    flex: 1 0 0;
    border-radius: 6px;
    background: #3578EE;
    color: #FFF;
    font-family: OPPOSans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
    width: 118px;
    height: 37px;
}
textarea[b-bdifr70jek] {
    width: 100%;
    font-family: OPPOSans-M;
}
/* _content/Cyqf_ChatService/Elements/Login.razor.rz.scp.css */
.loginHome[b-21hcz65bha] {
    width: 100vw;
    height: 100vh;
    background: radial-gradient(50% 50% at 50% 50%, #525866 0%, #2A2D34 100%);
    position: relative; /* 设置为relative，使内部的绝对定位元素相对于此div定位 */
    overflow-x: hidden;
    user-select: none;
}

.loginFormWrapper[b-21hcz65bha] {
    position: absolute;
    top: 47.2%;
    right: -6%; /* 使div靠右 */
    transform: translate(-50%, -50%); /* 使图片居中 */
    z-index: 2; /* 如果需要div在图片之上，可以设置z-index */
}

.loginForm[b-21hcz65bha] {
    border-radius: 16px;
    background-color: rgba(255, 255, 255, 0);
    backdrop-filter: blur(4px);
    text-align: center;
    width: 440px;
    height: 458px;
    /*display: grid;*/
    animation: divZoomIn-b-21hcz65bha 0.5s forwards;
}

.loginHomeImg[b-21hcz65bha] {
    width: 74vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* 使图片居中 */
    z-index: 0; /* 如果需要图片在div之上，可以设置z-index */
    opacity: 0.6;
}

@keyframes divZoomIn-b-21hcz65bha {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}
.hidden-element[b-21hcz65bha] {
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    height: 64px;
    width: 90px;
}

    .hidden-element svg[b-21hcz65bha] {
        position: absolute;
        top: 0;
        left: 0;
    }

    .hidden-element img[b-21hcz65bha] {
        width: 36px;
        height: 36px;
        z-index: 1;
        margin-bottom: 15px;
    }
.TypeSwitch[b-21hcz65bha] {
    display: flex;
    justify-content: space-between; /* 使子元素分别靠左和靠右 */
    width: 100%;
    max-width: 100%;
    height: 50px;
    color: white;
    font-size: 14px;
    user-select: none;
}

.TypeSwitchReversal[b-21hcz65bha] {
    transform: scaleX(-1);

}


.s-curve-but[b-21hcz65bha] {
    width: 261px;
    height: 50px;
    /*background-color: var(--bs-primary-lucency-15);*/
    /*clip-path: path('M261 0H16C7.16345 0 9.53674e-06 7.16344 9.53674e-06 16V50H198.801C208.718 50 217.137 42.7332 218.587 32.923L220.928 17.077C222.377 7.26675 230.796 0 240.713 0H261Z');*/
    display: flex; /* 使用Flexbox布局 */
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    cursor: pointer;
    z-index: 1;

}

.s-curve-but-p[b-21hcz65bha] {
    margin: auto;
    padding-right: 41px;
    display: flex; /* 使用Flexbox布局 */
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
}

.s-curve-but-p-rev[b-21hcz65bha] {
    margin: auto;
    padding-left: 43px;
    transform: scaleX(-1);
    display: flex; /* 使用Flexbox布局 */
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
}

.s-curve-but-out[b-21hcz65bha] {
    width: 220px;
    height: 50px;
    margin-left: -50px;
    display: flex; /* 使用Flexbox布局 */
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    z-index: 2;
   background-color:transparent;

}


    .s-curve-but-out p[b-21hcz65bha] {
        margin: auto;
        display: flex; /* 使用Flexbox布局 */
        justify-content: center; /* 水平居中 */
        align-items: center; /* 垂直居中 */
    }

.contentloginForm[b-21hcz65bha] {
    width: 100%;
    height: 408px;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    background-color:rgba(255,255,255,0.15);
}

.contentInput input[b-21hcz65bha] {
    width: 280px;
    background-color: transparent;
    border: none;
    /*border-bottom: 1px solid lightgray;*/ /* 添加浅灰色的下边框 */
    outline: none; /* 移除默认的焦点轮廓 */
    color: white;
    font-size: 14px;
    padding-top: 10px;
}

.contentInput[b-21hcz65bha] {
    /*margin-top: 27px;*/
    display: grid;
    height: 174px;
    justify-content: center; /* 水平居中 */
    align-items: end; /* 垂直居下 */
    /*border: 1px solid black;*/
    padding-top:20px;
}

    .contentInput div[b-21hcz65bha] {
        height: 38px;
        width: 300px;
        border-bottom: 1px solid rgb(255,255,255,0.5);
        position: relative;
        /*position: absolute;*/
        /*bottom: 0;*/
        /*padding-bo: 10px;*/
    }


input[b-21hcz65bha]::placeholder {
    color: rgba(255, 255, 255, 0.8)!important;
}
/* 为外部div创建一个白色的下边框伪元素 */
.InputDiv[b-21hcz65bha]::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0; /* 初始宽度为0 */
    height: 1px; /* 与外部div的下边框高度相同 */
    background-color: white; /* 下边框的颜色 */
    transition: width 0.3s; /* 动画效果 */
}

.InputDiv:focus-within[b-21hcz65bha]::before {
    width: 100%;
}

#rememberPassText[b-21hcz65bha] {
    color: rgb(255,255,255);
    cursor: pointer;
}

.LoginOperation[b-21hcz65bha] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding-left: 80px;
    padding-right: 80px;
    padding-top: 40px;
}

    .LoginOperation span[b-21hcz65bha] {
        display: flex;
        justify-content: center; /* 水平居中 */
    }

    .LoginOperation a[b-21hcz65bha] {
        opacity: 0.8;
        text-decoration: none; /* 去掉下划线 */
        color: rgba(255,255,255,0.6);
    }
    .LoginOperation svg[b-21hcz65bha] {
        margin-top: 2px;
        margin-right: 6px;
    }
    .LoginBut[b-21hcz65bha] {
        padding-top: 40px;
    }

#LoginBut[b-21hcz65bha] {
    width: 300px;
    height: 48px;
    border-radius: 30px;
    border: none;
    /*background: var(--bs-primary);*/
    background: rgba(53, 120, 238, 0.9);
    color: rgb(255,255,255);
}
    #LoginBut:hover[b-21hcz65bha] {
        background: rgba(53, 120, 238, 1);
    }

    .hidden-element:hover[b-21hcz65bha] {
        animation-play-state: paused;
    }

.hidden-element[b-21hcz65bha] {
    opacity: 0; /* 初始状态为完全透明 */
    z-index: 1;
    transform: translateY(30px); /* 初始状态向下移动30px */
    animation: slideAndFade-b-21hcz65bha 2s forwards; /* 应用动画，总时长6秒 */
    width: 90px;
    height: 64px;
}

@keyframes slideAndFade-b-21hcz65bha {
    0% {
        opacity: 0;
        transform: translateY(60px) scale(0.8);
  
    }

    50% {
        opacity: 1;
        transform: translateY(30px) scale(1.1);
 
    }

    100% {
        opacity: 0;
        transform: translateY(0) scale(0.8);
      
    }
}


.merging-div[b-21hcz65bha] {
    background-color: rgb(255,255,255); /* 仅为了可视化 */
    z-index: 9;
}


.merge-animation-from-top[b-21hcz65bha] {
    animation: mergeFromTop-b-21hcz65bha 1s forwards;
    position: absolute;
    top: -50%; /* 初始位置在现有div的上方 */
    width: 100%;
    height: 50%; /* 占据现有div的一半高度 */
}

.merge-animation-from-bottom[b-21hcz65bha] {
    animation: mergeFromBottom-b-21hcz65bha 1s forwards;
    position: absolute;
    bottom: -50%; /* 初始位置在现有div的下方 */
    width: 100%;
    height: 50%; /* 占据现有div的一半高度 */
}

@keyframes mergeFromTop-b-21hcz65bha {
    to {
        top: 0;
    }
}

@keyframes mergeFromBottom-b-21hcz65bha {
    to {
        bottom: 0;
    }
}

.merge-animation-from-top-error[b-21hcz65bha] {
    animation: mergeFromTopError-b-21hcz65bha 1s forwards;
    position: absolute;
    top: 0%; /* 初始位置在现有div的上方 */
    width: 100%;
    height: 50%; /* 占据现有div的一半高度 */
}

.merge-animation-from-bottom-error[b-21hcz65bha] {
    animation: mergeFromBottomError-b-21hcz65bha 1s forwards;
    position: absolute;

    bottom: 0%; /* 初始位置在现有div的下方 */
    width: 100%;
    height: 50%; /* 占据现有div的一半高度 */
}

@keyframes mergeFromTopError-b-21hcz65bha {
    to {
        opacity: 0;
        top: -50%;
    }
}

@keyframes mergeFromBottomError-b-21hcz65bha {
    to {
        opacity: 0;
        bottom: -50%;
    }
}

.loader[b-21hcz65bha] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    /*display: none;*/
    animation: colorChange-b-21hcz65bha 6s infinite;
    z-index: 10;
}

    .loader[b-21hcz65bha]:before, .loader[b-21hcz65bha]:after, .loader > div[b-21hcz65bha] {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        border-radius: 50%;
        animation: spin-b-21hcz65bha 1.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) infinite;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    }

    .loader[b-21hcz65bha]:before {
        border: 6px solid rgba(255, 255, 255, 0.3);
        border-top: 6px solid rgba(255, 255, 255, 1);
        width: 100%;
        height: 100%;
        animation-duration: 2s;
    }

    .loader[b-21hcz65bha]:after {
        border: 4px solid rgba(255, 255, 255, 0.3);
        border-top: 4px solid rgba(255, 255, 255, 1);
        width: 75%;
        height: 75%;
        animation-duration: 1.5s;
        animation-direction: reverse;
    }

    .loader > div[b-21hcz65bha] {
        border: 2px solid rgba(255, 255, 255, 0.3);
        border-top: 2px solid rgba(255, 255, 255, 1);
        width: 50%;
        height: 50%;
        animation-duration: 1s;
    }

@keyframes spin-b-21hcz65bha {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@keyframes colorChange-b-21hcz65bha {
    0%, 100% {
        color: #3498db;
    }

    25% {
        color: #e74c3c;
    }

    50% {
        color: #f39c12;
    }

    75% {
        color: #2ecc71;
    }
}


.overlay[b-21hcz65bha] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 20px;
    z-index: 10;
    border-radius: 16px;
}
    .overlay p[b-21hcz65bha] {
        margin-top:-80px;
    }
/* _content/Cyqf_ChatService/Elements/LoginSwitchComText.razor.rz.scp.css */
.bg[b-36snkye2jj] {
 margin-left:40px;
 position:relative;
}
.but[b-36snkye2jj] {
position:absolute;
top:15px;
left:72px;
display:flex;
}
    .but span[b-36snkye2jj] {
    margin-left:8px;
    }

.fg[b-36snkye2jj] {
    background: linear-gradient(270deg, rgba(49, 115, 231, 0.00) 0%, #3173E7 50.3%, rgba(49, 115, 231, 0.00) 100%);
    width: 140px;
    height: 2px;
    flex-shrink: 0;
    position: absolute;
    left:43px;
}
/* _content/Cyqf_ChatService/Elements/LoginSwitchStaffText.razor.rz.scp.css */
.bg[b-7f7rpqqln8] {
    margin-right: 40px;
    position: relative;
}

.but[b-7f7rpqqln8] {
    position: absolute;
    top: 15px;
    right: 69px;
    display: flex;
}

    .but svg[b-7f7rpqqln8] {
        margin-right: 8px;
        margin-top:2px;
    }

.fg[b-7f7rpqqln8] {
    background: linear-gradient(270deg, rgba(49, 115, 231, 0.00) 0%, #3173E7 50.3%, rgba(49, 115, 231, 0.00) 100%);
    width: 140px;
    height: 2px;
    flex-shrink: 0;
    position: absolute;
    right: 43px;
}
/* _content/Cyqf_ChatService/Elements/MoreInformationDialog.razor.rz.scp.css */
.border-box-div1[b-cjq4cim9r6] {
    width: 480px;
    height: 1px;
    opacity: 0.1;
    background: linear-gradient(270deg,rgba(0,0,0,0.00) 0%,#000 15.06%,#000 84.74%,rgba(0,0,0,0.00) 100%);
    margin-bottom: 23px;
}

.border-box-div2[b-cjq4cim9r6] {
    background: #F6F6FA;
    width: 480px;
    height: 100vh;
}

.border-box-div3[b-cjq4cim9r6] {
    color: rgba(0,0,0,0.90);
    font-family: OPPOSans-B;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
    padding: 18px 20px 18px 20px;
}

.border-box-div4[b-cjq4cim9r6] {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    margin-bottom: 16px;
    margin-top:20px;
}

    .border-box-div4 img[b-cjq4cim9r6] {
        width: 100px;
        height: 100px;
        border-radius: 80px
    }

.border-box-div5[b-cjq4cim9r6] {
    overflow: hidden;
    color: rgba(0,0,0,0.90);
    text-overflow: ellipsis;
    font-family: OPPOSans-M;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.3px;
    TEXT-ALIGN: CENTER;
    margin-bottom: 24px;
}

.border-box-div6[b-cjq4cim9r6] {
    margin-left: 14px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.border-box-div7[b-cjq4cim9r6] {
    overflow: hidden;
    color: rgba(0,0,0,0.50);
    text-align: right;
    text-overflow: ellipsis;
    font-family: OPPOSans-M;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.24px;
    width: 80px;
    margin-right: 16px;
    /*width:30%;*/
}

.border-box-div8[b-cjq4cim9r6] {
    overflow: hidden;
    color: rgba(0,0,0,0.90);
    text-overflow: ellipsis;
    font-family: OPPOSans-M;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.24px;
}

.margin-div-box-1[b-cjq4cim9r6] {
    margin-bottom: 22px;
}
/* _content/Cyqf_ChatService/Elements/Notice.razor.rz.scp.css */
.h2Box[b-g57g9ugqxy] {
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    display: block;
    overflow: hidden;
}
.h2Box h2[b-g57g9ugqxy] {
        color: rgba(0,0,0,0.90);
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.28px;
        float: left;
        font-family: 'OPPOSans-M';
        font-weight: 400;
    }

 .h2Box a[b-g57g9ugqxy] {
        color: rgba(0,0,0,0.40);
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.24px;
        float: right;
        font-family: 'OPPOSans-M';
    }

h3[b-g57g9ugqxy] {
    overflow: hidden;
    color: rgba(0,0,0,0.90);
    text-overflow: ellipsis;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    letter-spacing:0.3px;
    clear: both;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 16px;
    font-family: 'OPPOSans-M',sans-serif;
}

 p[b-g57g9ugqxy] {
    margin-left: 20px;
    margin-right: 20px;
    overflow: hidden;
    color: rgba(0,0,0,0.60);
    text-overflow: ellipsis;
    whitespace: nowrap;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.26px;
    height: 150px;
    margin-bottom: 16px;
    font-family: 'OPPOSans-M';
}

 i[b-g57g9ugqxy] {
    color: rgba(0,0,0,0.40);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.24px;
    margin-left: 20px;
    margin-right: 20px;
    font-family: 'OPPOSans-M';
}
/* _content/Cyqf_ChatService/Elements/OutLogin.razor.rz.scp.css */
.bom[b-fdui6uqydh] {
    width: 100%;
    display: grid;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
    margin-bottom: 50px;
    position: absolute;
    bottom: 0;
}
    .bom div[b-fdui6uqydh] {
        margin-top: 10px;
        position: relative;
        bottom: 0px;
        border-radius: 50px;
        padding: 6px;
    }
        .bom div:hover[b-fdui6uqydh] {
       
           background-color:rgba(255,255,255,0.3);
        }

        .bom svg[b-fdui6uqydh] {
            cursor: pointer;
        }
/* _content/Cyqf_ChatService/Elements/PromptDialog.razor.rz.scp.css */
.infor[b-lz26dyrihh] {
    display: flex;
    padding: 20px;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    color: rgba(0, 0, 0, 0.90);
    font-family: OPPOSans-R;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 19.5px */
    letter-spacing: 0.26px;
    justify-content: center;
    margin-top:10px;
}

.operation[b-lz26dyrihh] {
    width: 100%;
    display: flex;
    padding: 0px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    margin-bottom: 20px;
}

    .operation div[b-lz26dyrihh] {
        user-select: none;
        cursor: pointer;
    }

.inforItem[b-lz26dyrihh] {
    margin-bottom: 0;
}
/* _content/Cyqf_ChatService/Elements/SetStaffInfor.razor.rz.scp.css */

ul[b-ncscvcw74x], li[b-ncscvcw74x], dl[b-ncscvcw74x], dt[b-ncscvcw74x], dd[b-ncscvcw74x], img[b-ncscvcw74x], h1[b-ncscvcw74x], h2[b-ncscvcw74x], h3[b-ncscvcw74x], h4[b-ncscvcw74x], h5[b-ncscvcw74x], h6[b-ncscvcw74x], p[b-ncscvcw74x], a[b-ncscvcw74x], textarea[b-ncscvcw74x], input[b-ncscvcw74x], span[b-ncscvcw74x], div[b-ncscvcw74x], i[b-ncscvcw74x], time[b-ncscvcw74x], article[b-ncscvcw74x], header[b-ncscvcw74x], h3[b-ncscvcw74x], button[b-ncscvcw74x] {
    border: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    font-family: "OPPOSans-M";
}

.staging_box[b-ncscvcw74x] {
    width: 98%;
    display: flex; /* margin:20px;*/
    overflow-y: hidden;
    height: 100vh; /* margin:20px 20px 20px 20px;*/ /* margin-bottom:20px;*/
    margin: 0px 0 0 20px;
    flex-direction: column;
}

.staging_leftBox[b-ncscvcw74x] {
    width: 6%;
    height: 970px;
    float: left;
    background-color: #2B2D34;
}

.staging_rightBox[b-ncscvcw74x] {
    width: 100%; /* float:left;*/ /* margin:20px;*/
    margin-right: 0 !important;
    border-radius: 6px;
    background: #FFF;
    display: flex;
    justify-content: space-between;
    height: 69px;
    margin-bottom: 10px;
    margin-top: 20px;
}

.rightBox_l[b-ncscvcw74x] {
    width: 100%;
    margin-right: 0 !important;
}

.leaveWord[b-ncscvcw74x] {
    padding-left: 20px; /* padding-top:24px;*/ /* float:left;*/
    display: flex;
    align-items: center;
}

    .leaveWord b[b-ncscvcw74x] {
        color: rgba(0,0,0,0.90);
        font-size: 16px;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.32px;
        margin-right: 10px;
        display: block;
        float: left;
        color: rgba(0,0,0,0.90);
        font-family: OPPOSans-H;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.32px;
        min-width: 100px;
    }

.boxDiv[b-ncscvcw74x] {
}

.divBox1[b-ncscvcw74x] {
    display: flex;
    align-items: center;
}

    .divBox1 .div[b-ncscvcw74x] {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 4px;
        overflow: hidden;
    }

.divBox2 span[b-ncscvcw74x] {
    margin-right: 10px;
}

.div2[b-ncscvcw74x] {
}

.divBox2[b-ncscvcw74x] {
    margin-right: 20px;
    width: 811px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 18px;
    overflow: hidden;
    color: rgba(0,0,0,0.60);
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.boxDiv[b-ncscvcw74x] {
    width: 100%;
    height: 100vh;
    margin-bottom: 20px;
    overflow: hidden;
    display: flex;
    min-width: 1300px;
}

.boxDiv3[b-ncscvcw74x] {
    width: 300px;
    background: #FFF;
    border-radius: 6px; /* overflow:hidden;*/
    height: 100%; /* display:flex;*/ /* justify-content:center;*/ /* display:flex;*/ /* flex-direction:column;*/ /* max-height:100vh;*/
    margin-right: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* align-items:center;*/
    min-width: 300px;
}

.boxDiv4[b-ncscvcw74x] {
    width: 100%;
    background: #fff;
    border-radius: 6px;
    height: 100%;
    min-width: 1000px;
    display: flex; /* justify-content:center;*/
    flex-direction: column;
}

.divBox4_1[b-ncscvcw74x] {
    color: var(--06,rgba(0,0,0,0.60));
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    margin: 0 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.divBox4_2[b-ncscvcw74x] {
    color: rgba(0,0,0,0.90);
    font-family: 'OPPOSans-B';
    font-size: 15px;
}

.divBox4_12[b-ncscvcw74x] {
    margin-bottom: 25px; /* color:#3578EE;*/ /* font-family:'OPPOSans-M';*/ /* font-size:12px;*/ /* font-style:normal;*/ /* font-weight:400;*/ /* line-height:normal;*/ /* letter-spacing:0.24px;*/ /* display:flex;*/
    display: flex; /* justify-content:center;*/
    align-items: center;
    padding-top: 27px;
    color: rgba(0,0,0,0.90);
    font-family: 'OPPOSans-B';
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.3px;
    margin-left: 20px;
}

.borderBottom6[b-ncscvcw74x] {
    opacity: 0.1;
    background: linear-gradient(270deg,rgba(0,0,0,0.00) 0%,#000 15.06%,#000 84.74%,rgba(0,0,0,0.00) 100%);
    width: 300px;
    height: 1px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.boxDiv5[b-ncscvcw74x] {
    margin: 0 14px 0 14px;
    flex: 1;
    overflow-y: auto;
}

[b-ncscvcw74x]::-webkit-scrollbar {
    width: 4px;
}

[b-ncscvcw74x]::-webkit-scrollbar-thumb {
    background: #dadce4;
    border-radius: 3px;
}

    [b-ncscvcw74x]::-webkit-scrollbar-thumb:hover {
        background-color: #555;
    }

.boxDiv6[b-ncscvcw74x] {
    height: 44px;
    display: flex;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: 'OPPOSans-R';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
    padding: 0 0 0 14px;
    color: rgba(0,0,0,0.90);
    margin-bottom: 2px;
}

    .boxDiv6:hover[b-ncscvcw74x] {
        border-radius: 6px;
        background: #F0F1F7;
        color: rgba(0,0,0,0.90);
    }

.boxDiv7[b-ncscvcw74x] {
}

.boxDiv8[b-ncscvcw74x] {
    color: #3578EE;
}

    .boxDiv8:hover[b-ncscvcw74x] {
        background: #Fff;
        cursor: pointer;
    }

.boxDiv9[b-ncscvcw74x] {
    border-radius: 6px;
    background: #F5F5FA;
    height: 348px;
    margin: 0 14px 14px 14px;
    padding: 012px;
}

.boxDiv11[b-ncscvcw74x] {
    padding-top: 10px;
}

    .boxDiv11 textarea[b-ncscvcw74x] {
        overflow: hidden;
        color: rgba(0,0,0,0.90);
        text-overflow: ellipsis;
        font-family: 'OPPOSans-M';
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        height: 17px;
        resize: none;
        width: 98%;
        background: none;
        outline: none;
    }

        .boxDiv11 textarea[b-ncscvcw74x]::placeholder {
            color: rgba(0,0,0,0.40);
            font-family: OPPOSans-R;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.28px;
        }

.boxDiv12[b-ncscvcw74x] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px 4px 0 0px;
}

.boxDiv13[b-ncscvcw74x] {
    width: 80%;
}

    .boxDiv13 input[b-ncscvcw74x] {
        overflow: hidden;
        color: #3578EE;
        text-overflow: ellipsis;
        font-family: 'OPPOSans-M';
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        height: 17px;
        resize: none;
        width: 100%;
        background: none;
        outline: none;
        caret-color: #3578EE;
        letter-spacing: 0.1px;
    }

        .boxDiv13 input[b-ncscvcw74x]::placeholder {
            color: #3578EE;
            font-family: OPPOSans-R;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.28px;
        }

.boxDiv14[b-ncscvcw74x] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 0;
    top: 3px;
}

.boxDiv10[b-ncscvcw74x] {
    border-bottom: 1px solid #e1e1e1;
    display: flex; /* justify-content:space-between;*/
    padding-bottom: 10px;
    position: relative;
}

.boxDiv15[b-ncscvcw74x] {
    display: flex;
    flex-direction: column;
    height: 98%; /* background:#ccc;*/
}

.boxDiv4_14[b-ncscvcw74x] {
    color: #F0F1F7;
    font-family: 'OPPOSans-R';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.boxDiv4_13[b-ncscvcw74x] {
    margin: 0 4px 0 0;
    display: flex;
    align-items: center;
}

.boxDiv4_12[b-ncscvcw74x] {
    display: flex;
    align-items: center;
    display: flex;
    align-items: center;
    border-radius: 6px;
    background: #3578EE;
    padding: 0 20px;
    height: 37px;
    margin-left: 10px;
}

.boxDiv4_11[b-ncscvcw74x] {
    margin-right: 8px;
}

.boxDiv4_10[b-ncscvcw74x] {
    display: flex;
    align-items: center;
    margin-right: 4px;
    margin-top: 1px;
}

.boxDiv4_9[b-ncscvcw74x] {
    display: flex;
    align-items: center;
    border-radius: 6px;
    background: #F0F1F7; /* margin:0 10px 0 0;*/
    padding: 0 20px;
    height: 37px;
    margin-left: 10px;
    padding-right: 14px;
}

.boxDiv4_8[b-ncscvcw74x] {
}

    .boxDiv4_8 input[b-ncscvcw74x] {
        outline: none;
        color: rgba(0,0,0,0.90);
    }

        .boxDiv4_8 input[type="text"][b-ncscvcw74x]::placeholder {
            color: rgba(0,0,0,0.40);
            font-family: OPPOSans-M;
            font-size: 13px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.26px;
        }

.boxDiv4_7[b-ncscvcw74x] {
    display: flex;
    align-items: center;
    margin-right: 4px;
    margin-top: 2px;
}

.boxDiv4_6[b-ncscvcw74x] {
    display: flex;
    align-items: center; /* border-radius:36px;*/
    border: 1px solid var(--01,rgba(0,0,0,0.10));
    background: #FFF;
    padding: 0 20px;
    height: 37px; /* margin-right:10px;*/ /* border-radius:6px;*/ /* width:234px;*/
    border-radius: 20px;
    margin: 0 28px 0 28px;
    margin-bottom: 14px;
}

.boxDiv4_5[b-ncscvcw74x] {
    display: flex;
    align-items: center;
}

.boxDiv4_4[b-ncscvcw74x] {
    color: rgba(0,0,0,0.40);
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    display: flex;
    align-items: center;
}

.boxDiv4_3[b-ncscvcw74x] {
    overflow: hidden;
    color: rgba(0,0,0,0.90);
    text-overflow: ellipsis;
    font-family: 'OPPOSans-B';
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.3px;
    margin-right: 10px;
    padding-left: 10px;
}

.boxDiv4_2[b-ncscvcw74x] {
    display: flex;
    align-items: center;
    height: 37px;
}

.boxDiv4_1[b-ncscvcw74x] {
    display: flex;
    justify-content: space-between; /* padding-top:20px;*/ /* padding-bottom:20px;*/
    padding: 20px;
}

.boxDiv5_1[b-ncscvcw74x] {
    margin: 0 20px 0 20px;
    flex: 1;
    overflow-y: auto; /* flex-grow:1;*/
    padding-bottom: 25px;
}

.boxDiv5_2[b-ncscvcw74x] {
    display: flex;
    background: #F0F1F7;
    box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.10);
    height: 44px;
    display: flex;
    align-items: center; /* padding-left:30px;*/
    margin: 0 20px 0 20px;
}

    .boxDiv5_2 div[b-ncscvcw74x] {
        font-family: 'OPPOSans-B';
        color: #2B2D34;
        font-family: 'OPPOSans-B';
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.26px;
    }

.boxDiv5_3[b-ncscvcw74x] {
    color: #2B2D34;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    width: 33%; /* display:-webkit-box;*/ /* -webkit-line-clamp:1;*/ /* -webkit-box-orient:vertical;*/ /* overflow:hidden;*/
    display: flex;
    justify-content: space-between;
}

.boxDiv5_4[b-ncscvcw74x] {
    width: 9%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0;
}

.boxDiv5_5[b-ncscvcw74x] {
    color: #2B2D34;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.boxDiv5_6[b-ncscvcw74x] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 4px;
    padding-top: 1px;
}

.boxDiv5_7[b-ncscvcw74x] {
    color: #2B2D34;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    width: 9%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.boxDiv5_8[b-ncscvcw74x] {
}

.boxDiv5_9[b-ncscvcw74x] {
    width: 13%;
    padding-left: 30px;
    margin-right: 1%;
    color: #2B2D34;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.boxDiv5_21[b-ncscvcw74x] {
    display: flex; /* background:#F0F1F7;*/
    box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.10);
    height: 44px;
    display: flex;
    align-items: center;
}

.boxDiv5_71[b-ncscvcw74x] {
    color: #2B2D34;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    width: 8%;
    display: flex;
    justify-content: center;
    margin-left: 1%;
}

    .boxDiv5_71 div[b-ncscvcw74x] {
        margin: 10px;
    }

.boxDiv5_21:hover[b-ncscvcw74x] {
    background: #F0F1F7;
    box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.10);
}

    .boxDiv5_21:hover .widthBox-group-div[b-ncscvcw74x] {
        color: #3578EE
    }

    .boxDiv5_21:hover .widthBox-group-imgBox[b-ncscvcw74x] {
        background: url(../img/img7.png) no-repeat;
        background-size: 16px; /* background-position-x:10px;*/ /* background-position-y:2px;*/
    }

.boxDiv5_91[b-ncscvcw74x] {
    width: 13%;
    padding-left: 30px;
    margin-right: 1%;
    color: #3578EE;
    font-family: OPPOSans-M;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.boxDiv5Img1[b-ncscvcw74x] {
    width: 16px;
    height: 16px;
    background: url(../img/img4.png) no-repeat;
    background-size: 100%;
    cursor: pointer;
}

.boxDiv5Img2[b-ncscvcw74x] {
    width: 16px;
    height: 16px;
    background: url(../img/img5.png) no-repeat;
    background-size: 100%;
    cursor: pointer;
}

.boxDiv5Img3[b-ncscvcw74x] {
    width: 16px;
    height: 16px;
    background: url(../img/img6.png) no-repeat;
    background-size: 100%;
    cursor: pointer;
}

.boxDiv5Img1:hover[b-ncscvcw74x] {
    background: url(../img/img4_.png) no-repeat;
    background-size: 100%;
}

.boxDiv5Img2:hover[b-ncscvcw74x] {
    background: url(../img/img5_.png) no-repeat;
    background-size: 100%;
}

.boxDiv5Img3:hover[b-ncscvcw74x] {
    background: url(../img/img6_.png) no-repeat;
    background-size: 100%;
}

.BulletBox21[b-ncscvcw74x] {
    width: 146px;
    background: #FFF;
    border-radius: 6px;
}

.BulletBoxList21[b-ncscvcw74x] {
    height: 38px;
    padding-left: 20px;
    display: flex;
    align-items: center;
}

    .BulletBoxList21:hover[b-ncscvcw74x] {
        background: #F0F1F7;
    }

    .BulletBoxList21 div[b-ncscvcw74x] {
        display: flex;
        align-items: center;
        margin-left: 2px;
    }

.BulletBoxList31[b-ncscvcw74x] {
    height: 38px;
}

.BulletBox22[b-ncscvcw74x] {
    width: 97px;
    background: #FFF;
    border-radius: 6px;
}

.BulletBox23[b-ncscvcw74x] {
    height: 38px;
    padding-left: 20px;
    display: flex;
    align-items: center;
}

    .BulletBox23:hover[b-ncscvcw74x] {
        background: #F0F1F7;
    }

.boxDiv16[b-ncscvcw74x] {
    border-radius: 6px;
    border: 1px solid #3578EE;
    background: #FFF;
    height: 42px;
    color: rgba(0,0,0,0.40);
    font-family: 'OPPOSans-M';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
    display: flex;
    justify-content: space-between;
    line-height: 44px;
    padding-left: 12px;
    margin-bottom: 2px;
}

.boxDiv17[b-ncscvcw74x] {
    display: flex;
    align-items: center;
}

.boxDiv18[b-ncscvcw74x] {
    border-radius: 24px;
    background: rgba(0,0,0,0.90);
    height: 20px;
    width: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.boxDiv19[b-ncscvcw74x] {
    border-radius: 24px;
    background: #3578EE;
    height: 20px;
    width: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 12px;
    margin-left: 10px;
}

.leftWidth[b-ncscvcw74x] {
    padding-left: 0;
}

    .leftWidth:hover[b-ncscvcw74x] {
        color: #3578EE;
    }

.boxDiv4_19[b-ncscvcw74x] {
    margin-right: 10px;
}

.boxDiv4_20[b-ncscvcw74x] {
}

.boxDiv5_9_1[b-ncscvcw74x] {
    width: 4%;
    display: flex;
    justify-content: center;
    align-items: center; /* display:flex;*/ /* align-items:center;*/
    padding-top: 3px;
}

    .boxDiv5_9_1 div[b-ncscvcw74x] {
        font-family: 'OPPOSans-B';
    }

.activeDiv[b-ncscvcw74x] {
    background: #DDE7FB;
    box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.10);
}

.boxDiv5_9_1 .checkbox[b-ncscvcw74x] { /* zoom:100%;*/
    width: 14px;
    height: 14px;
}

.divBox_1[b-ncscvcw74x] {
    border-radius: 4px;
    background: #161616;
    display: flex;
    align-items: center;
    padding: 6px;
    color: #FFF;
    font-family: OPPOSans-R;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.24px;
    width: 260px;
}

.divBox_2[b-ncscvcw74x] {
    border-radius: 6px;
    background: rgba(0,0,0,0.90);
    padding: 10px;
    width: 146px;
    color: #FFF;
    text-align: center;
    font-family: OPPOSans-R;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.32px;
}

.maskBox[b-ncscvcw74x] {
    background: #0000005c;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
}

.BulletBox[b-ncscvcw74x] {
    position: absolute;
    background: #fff;
    left: 50%;
    right: 0;
    top: 50%;
    bottom: 0;
    width: 703px;
    height: 510px; /* margin:0 auto;*/
    transform: translate(-50%,-50%);
}

.BulletBox1[b-ncscvcw74x] {
    display: flex;
    justify-content: space-between;
    padding: 0 20px 0 20px;
    height: 60px;
}

.BulletBox2[b-ncscvcw74x] {
    display: flex;
    align-items: center;
    color: rgba(0,0,0,0.90);
    font-family: OPPOSans-b;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.32px;
}

.BulletBox3[b-ncscvcw74x] {
    display: flex;
    align-items: center;
}

.border_bottom[b-ncscvcw74x] {
    opacity: 0.1;
    background: linear-gradient(270deg,rgba(0,0,0,0.00) 0%,#000 15.06%,#000 84.74%,rgba(0,0,0,0.00) 100%);
    width: 703px;
    height: 1px;
}

.boxDiv14c[b-ncscvcw74x] {
    padding: 0 3px 0 0;
    overflow: hidden;
    color: #3578EE;
    text-overflow: ellipsis;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.boxDiv5_9_12[b-ncscvcw74x] {
    width: 9%;
    display: flex; /* justify-content:center;*/
    align-items: center;
    border-radius: 6px; /* background:rgba(52,211,97,0.10);*/
    height: 23px;
    color: rgba(0,0,0,0.90);
    font-family: 'OPPOSans-M';
    font-size: 13px; /* background:#000;*/
}

    .boxDiv5_9_12 div[b-ncscvcw74x] {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 4px;
    }

.boxDiv5_9_11[b-ncscvcw74x] {
    width: 12%; /* display:flex;*/ /* justify-content:center;*/ /* align-items:center;*/
    padding-left: 30px;
}

.boxDiv5_9_14[b-ncscvcw74x] {
    width: 32%;
    display: flex; /* justify-content:center;*/
    align-items: center; /* font-family:'OPPOSans-M';*/
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical; /* overflow:hidden;*/ /* white-space:nowrap;*/
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.boxDiv5_9_13[b-ncscvcw74x] {
    width: 7%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #3578EE; /* border:#3578EE 1px solid;*/
}

.boxDiv5_91[b-ncscvcw74x] {
}

.gunBox[b-ncscvcw74x] {
}

.boxDiv5_9_12-1[b-ncscvcw74x] {
    background: rgba(52,211,97,0.10);
    width: 55px;
    height: 23px; /* margin-left:2.8%;*/ /* margin-right:2.9%;*/
}

.boxDiv5_9_12-2[b-ncscvcw74x] {
    border-radius: 6px;
    background: rgba(0,0,0,0.05);
    width: 55px;
    height: 23px;
    color: rgba(0,0,0,0.60); /* margin-left:2.8%;*/ /* margin-right:2.9%;*/
    margin-right: 0 !important;
}

.boxDiv5_9_12-3[b-ncscvcw74x] {
    border-radius: 6px;
    background: rgba(245,155,20,0.10);
    width: 55px;
    height: 23px;
    color: #E58E0A; /* margin-left:2.8%;*/ /* margin-right:2.9%;*/
}

.boxDiv5_9_13-1[b-ncscvcw74x] { /* border:#3578EE 1px solid;*/
    border-radius: 4px; /* font-family:'OPPOSans-M';*/
    font-size: 12px; /* padding:2px 8px 2px 8px;*/
    width: 77px;
    height: 23px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(245,155,20,0.10);
    color: #F59B14;
}

    .boxDiv5_9_13-1 svg[b-ncscvcw74x] {
        width: 16px;
        height: 16px;
        margin-right: 4px;
    }

.boxDiv5_9_13-2[b-ncscvcw74x] {
    border-radius: 4px; /* border:1px solid rgba(0,0,0,0.20);*/ /* border:#3578EE 1px solid;*/ /* border-radius:4px;*/ /* font-family:'OPPOSans-M';*/
    font-size: 12px; /* padding:2px 8px 2px 8px;*/
    width: 77px;
    height: 23px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgba(0,0,0,0.90);
    background: rgba(245,155,20,0.10);
    color: #F59B14;
}

    .boxDiv5_9_13-2 svg[b-ncscvcw74x] {
        width: 16px;
        height: 16px;
        margin-right: 4px;
    }

.boxDiv5_9_11-1[b-ncscvcw74x] {
    color: #3578EE;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    width: 29px;
    height: 23px; /* border-radius:4px;*/ /* background:rgba(240,70,66,0.10);*/
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    background: rgba(53,120,238,0.10);
}

.boxDiv5_9_11-2[b-ncscvcw74x] {
    color: #F04642;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    width: 29px;
    height: 23px;
    border-radius: 4px;
    background: rgba(240,70,66,0.10);
    display: flex;
    justify-content: center;
    align-items: center;
}

.BulletBox-1[b-ncscvcw74x] {
    border-radius: 6px;
    position: absolute;
    background: #fff;
    left: 50%;
    right: 0;
    top: 50%;
    bottom: 0;
    width: 480px;
    height: 680px; /* margin:0 auto;*/
    transform: translate(-50%,-50%);
    overflow: hidden;
    border-radius: 6px;
}

.BulletBox1-1[b-ncscvcw74x] {
    display: flex;
    justify-content: space-between;
    padding: 0 20px 0 20px;
    height: 60px;
}

.BulletBox2-1[b-ncscvcw74x] {
    display: flex;
    align-items: center;
    color: rgba(0,0,0,0.90);
    font-family: OPPOSans-b;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.32px;
}

.BulletBox3-1[b-ncscvcw74x] {
    display: flex;
    align-items: center;
}

.border_bottom-1[b-ncscvcw74x] {
    opacity: 0.1;
    background: linear-gradient(270deg,rgba(0,0,0,0.00) 0%,#000 15.06%,#000 84.74%,rgba(0,0,0,0.00) 100%);
    width: 480px;
    height: 1px;
    margin-bottom: 20px;
}

.BulletBox3-t-0[b-ncscvcw74x] { /* width:330px;*/ /* margin:0 auto;*/ /* overflow:hidden;*/
}

.BulletBox3-t-2[b-ncscvcw74x] {
    display: flex; /* align-items:center;*/
    margin-bottom: 12px;
    width: 332px;
    margin: 0 auto;
    margin-bottom: 12px;
}

.BulletBox3-t-1[b-ncscvcw74x] {
    color: rgba(0,0,0,0.60);
    text-align: right;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    width: 67px;
    margin-right: 12px; /* width:67px;*/
    padding-top: 7px;
}

.BulletBox3-t-3[b-ncscvcw74x] {
    width: 252px;
    border-radius: 6px;
    border: 1px solid rgba(0,0,0,0.10);
    background: #FFF;
    height: 31px;
    display: flex;
    align-items: center;
    display: flex;
    justify-content: space-between;
    position: relative;
    overflow:visible;
}

    .BulletBox3-t-3 input[b-ncscvcw74x] {
        color: rgba(0,0,0,0.90);
        font-family: 'OPPOSans-M';
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.26px;
        padding-left: 12px;
        outline: none;
    }
/* 设置placeholder样式 */ input[type="text"][b-ncscvcw74x]::placeholder {
    color: rgba(0,0,0,0.40);
}

.BulletBox3-t-7[b-ncscvcw74x] {
    margin-right: 12px;
    color: #3578EE;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.BulletBox3-t-8[b-ncscvcw74x] {
    margin-right: 12px;
 
}

.BulletBox3-t-9 input[b-ncscvcw74x] {
    color: rgba(0,0,0,0.90);
    font-family: OPPOSans-M;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.BulletBox3-t-10[b-ncscvcw74x] {
}

.border_bottom-2[b-ncscvcw74x] {
    opacity: 0.1;
    background: linear-gradient(270deg,rgba(0,0,0,0.00) 0%,#000 15.06%,#000 84.74%,rgba(0,0,0,0.00) 100%);
    width: 480px;
    height: 1px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.BulletBox3-t11[b-ncscvcw74x] {
}

.BulletBox3-t-12[b-ncscvcw74x] { /* display:flex;*/
    float: left;
    width: 240px; /* overflow-y:auto;*/ /* height:145px;*/ /* overflow-x:hidden;*/
}

.BulletBox3-t-14[b-ncscvcw74x] {
    width: 330px;
    margin: 0 auto;
    display: flex;
}

.BulletBox3-t-4[b-ncscvcw74x] {
    width: 115px;
    float: left;
    display: flex;
    margin-bottom: 16px;
}

.BulletBox3-t-5[b-ncscvcw74x] { /* float:left;*/ /* display:flex;*/
}

    .BulletBox3-t-5 input[b-ncscvcw74x] {
        float: left;
        margin-top: 2px;
        margin-right: 8px;
        width: 14px;
        height: 14px;
    }

.BulletBox3-t-6[b-ncscvcw74x] {
    color: rgba(0,0,0,0.90);
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    cursor:pointer;
}

.BulletBox3-t-18[b-ncscvcw74x] {
    margin-bottom: 20px; /* clear:both;*/ /* overflow:hidden;*/
}

.divBox-b-15[b-ncscvcw74x] {
    display: flex;
    justify-content: space-between;
    background: #FFF;
    box-shadow: 0px -2px 6px 0px rgba(0,0,0,0.10);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-radius: 0 0 6px 6px;
}

.divBox-b-16[b-ncscvcw74x] {
    color: rgba(0,0,0,0.90);
    text-align: center;
    font-family: 'OPPOSans-M';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
    display: flex;
    justify-content: center;
    width: 49%;
    align-items: center;
    height: 54px;
    cursor:pointer;
}

.divBox-b-17[b-ncscvcw74x] {
    color: #3578EE;
    font-family: 'OPPOSans-M';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
    height: 54px;
    width: 49%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: rgba(0,0,0,0.10) 1px solid;
    cursor: pointer;
}

.margin-top[b-ncscvcw74x] { /* margin-top:27px;*/
    background: #666D84;
    border-radius: 6px;
    color: #fff;
}

    .margin-top:hover[b-ncscvcw74x] {
        background: #666D84;
        color: #fff;
    }

.widthBox-list[b-ncscvcw74x] {
    align-items: center;
    width: 10%;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; /* height:17px;*/
    border-radius: 4px;
}

    .widthBox-list div[b-ncscvcw74x] {
        float: left;
        margin-right: 10px;
        background: rgba(53,120,238,0.10);
        width: 77px;
        height: 23px;
        font-size: 12px;
        color: #3578EE;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .widthBox-list svg[b-ncscvcw74x] {
        margin-right: 4px;
    }

.widthBox-group[b-ncscvcw74x] {
    display: flex;
    align-items: center;
    border-left: #e2e2e2 1px solid;
    width: 10%;
}

.widthBox-group-imgBox[b-ncscvcw74x] {
    display: flex;
    align-items: center;
    margin-right: 4px; /* border-left:#e2e2e2 1px solid;*/
    margin-left: 10px;
    height: 20px;
    background: url(../img/img8.png);
    width: 16px;
    height: 16px;
    background-size: 16px;
}

.widthBox-group-div[b-ncscvcw74x] {
    color: rgba(0,0,0,0.60);
    font-family: 'OPPOSans-M';
}

.color-null[b-ncscvcw74x] {
    color: rgba(0,0,0,0.60);
}

.BulletBox3-t-12-width[b-ncscvcw74x] {
    width: 300px; /* padding-top:10px;*/
    overflow-y: scroll !important;
    height: 170px;
    display: flex;
    flex-direction: column;
}

.div-Box-width[b-ncscvcw74x] {
    color: rgba(0,0,0,0.40);
    font-size: 12px;
    padding-top: 10px;
}

.width-box[b-ncscvcw74x] {
    width: 252px;
}

.width-box-padding[b-ncscvcw74x] {
    padding-top: 0px;
    width:80px;
}

.configurationBox[b-ncscvcw74x] {
    width: 480px;
    height: 100vh;
    background: #fff;
    position: absolute;
    right: 0;
}

.configuration-Box[b-ncscvcw74x] {
    padding: 0 32px 0 32px;
    margin-bottom: 20px; /* display:block;*/
    overflow: hidden;
}

.configuration-Box-width[b-ncscvcw74x] {
    display: flex;
    align-items: center;
    float: left;
}

.configuration-Box-nameBox[b-ncscvcw74x] {
    color: rgba(0,0,0,0.60); /* text-align:right;*/ /* font-family:OPPOSans;*/
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.configuration-Box-name[b-ncscvcw74x] {
    width: 118px;
    height: 33px;
    border-radius: 6px;
    border: 1px solid rgba(0,0,0,0.10);
    background: #F0F1F7;
    color: rgba(0,0,0,0.60);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    padding-left: 12px;
    display: flex;
    align-items: center;
}

    .configuration-Box-name input[b-ncscvcw74x] {
        background: none;
        outline: none
    }

.margin-left[b-ncscvcw74x] {
    margin-left: 19px;
}

.CustomerServiceTeam[b-ncscvcw74x] {
    clear: both;
    margin: 0 20px 0 20px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 4px;
    height: 37px;
    border-radius: 6px; /* background:#F0F1F7;*/ /* line-height:37px;*/
}

    .CustomerServiceTeam:hover[b-ncscvcw74x] {
        background: #F0F1F7;
    }

.CustomerServiceTeam-left[b-ncscvcw74x] {
    color: rgba(0,0,0,0.90); /* font-family:OPPOSans;*/
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
    line-height: 37px;
    padding-left: 12px;
}

.CustomerServiceTeam-right[b-ncscvcw74x] {
    display: flex; /* justify-content:space-between;*/
    overflow: hidden;
    color: rgba(0,0,0,0.60);
    text-overflow: ellipsis; /* font-family:OPPOSans;*/
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.24px; /* display:flex;*/ /* align-items:center;*/
    line-height: 37px;
}

    .CustomerServiceTeam-right input[b-ncscvcw74x] {
        margin-left: 8px;
        width: 14px;
        height: 14px;
        margin-top: 2px;
        margin-right: 12px;
        margin-top: 11px;
    }

.CustomerServiceTeam-btn[b-ncscvcw74x] {
    width: 286px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    position: absolute;
    bottom: 60px;
    left: 0;
    right: 0;
}

.CustomerServiceTeam-btn-left[b-ncscvcw74x] {
    border-radius: 6px;
    background: #F0F1F7;
    height: 37px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 138px;
}

.CustomerServiceTeam-btn-right[b-ncscvcw74x] {
    border-radius: 6px;
    background: #3578EE;
    height: 37px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 138px;
    color: #FFF;
}

.BulletBox-1-1[b-ncscvcw74x] {
    height: 235px;
    overflow: inherit;
}

.drop-down-bx[b-ncscvcw74x] {
    position: absolute;
    border-radius: 6px;
    border: 1px solid rgba(0,0,0,0.10);
    background: #FFF;
    width: 100%;
    top: 35px;
    z-index: 99;
}

    .drop-down-bx div[b-ncscvcw74x] {
        height: 33px;
        width: 95%;
        color: rgba(0,0,0,0.90); /* font-family:OPPOSans;*/
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.26px;
        padding-left: 5%;
        line-height: 33px;
        border-bottom: rgba(0,0,0,0.10) 1px solid;
    }

        .drop-down-bx div:hover[b-ncscvcw74x] {
            background: #F0F1F7;
        }

.configuration-Box-width-div[b-ncscvcw74x] {
    width: 416px;
}

.configuration-Box-name-div[b-ncscvcw74x] {
    width: 322px;
}

.CustomerServiceTeam-div-width:hover[b-ncscvcw74x] {
    background: #FFF;
}

.BulletBox3-t-3-div[b-ncscvcw74x] {
    height: auto;
}

    .BulletBox3-t-3-div textarea[b-ncscvcw74x] {
        width: 90%;
        background: fixed;
        padding: 4%;
        outline: none;
        color: rgba(0,0,0,0.40); /* font-family:OPPOSans;*/
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.26px; /* resize:none;*/
    }

    .BulletBox3-t-3-div textarea[b-ncscvcw74x] {
        overflow: hidden;
        color: rgba(0,0,0,0.90);
        text-overflow: ellipsis;
        font-family: 'OPPOSans-M';
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal; /* resize:none;*/
        width: 90%;
        background: none;
        outline: none;
        height: 123px;
    }

        .BulletBox3-t-3-div textarea[b-ncscvcw74x]::placeholder {
            color: rgba(0,0,0,0.40);
            font-family: OPPOSans-R;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.28px;
        }

.BulletBox3-t-2-div[b-ncscvcw74x] { /* background:red;*/
    width: 420px;
}

.BulletBox3-t-1-div[b-ncscvcw74x] {
    color: rgba(0,0,0,0.60);
    text-align: right;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    width: 67px;
    margin-right: 12px; /* width:67px;*/
    padding-top: 7px;
}

.popFrameBox[b-ncscvcw74x] {
    border-radius: 6px;
    position: absolute;
    background: #fff;
    left: 50%;
    right: 0;
    top: 50%; /* top:0;*/
    bottom: 0;
    width: 480px;
    height: 509px; /* margin:0 auto;*/
    transform: translate(-50%,-50%);
    overflow: hidden;
    border-radius: 6px;
}

.popFrameBox-1[b-ncscvcw74x] {
    display: flex;
    justify-content: space-between;
    padding: 0 20px 0 20px;
    height: 60px;
}

.popFrameBox-2[b-ncscvcw74x] {
    display: flex;
    align-items: center;
    color: rgba(0,0,0,0.90);
    font-family: OPPOSans-b;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.32px;
}

.BulletBox3-1[b-ncscvcw74x] {
    display: flex;
    align-items: center;
}

.popFrameBox-3-1[b-ncscvcw74x] {
    display: flex;
    align-items: center;
}

.popFrameBox-4[b-ncscvcw74x] { /* background:red;*/
    width: 420px;
    display: flex; /* align-items:center;*/
    margin-bottom: 12px; /* width:332px;*/
    margin: 0 auto;
    margin-bottom: 12px;
}

.popFrameBox-5[b-ncscvcw74x] {
    color: rgba(0,0,0,0.60);
    text-align: right;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    width: 67px;
    margin-right: 12px; /* width:67px;*/
    padding-top: 7px;
}

.popFrameBox-6[b-ncscvcw74x] {
    width: 339px;
    border-radius: 6px;
    border: 1px solid rgba(0,0,0,0.10);
    background: #FFF; /* height:31px;*/ /* display:flex;*/ /* align-items:center;*/
    display: flex; /* justify-content:space-between;*/
    position: relative;
}

    .popFrameBox-6 input[b-ncscvcw74x] {
        color: rgba(0,0,0,0.90);
        font-family: 'OPPOSans-M';
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.26px;
        padding-left: 12px;
        outline: none;
        background: none;
    }

.popFrameBox-7 input[b-ncscvcw74x] {
    color: rgba(0,0,0,0.90);
    font-family: OPPOSans-M;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.popFrameBox-8[b-ncscvcw74x] {
    margin-right: 12px;
    color: #3578EE;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.popFrameBox-9[b-ncscvcw74x] {
    width: 420px;
    margin: 0 auto;
    display: flex;
}

.popFrameBox-10[b-ncscvcw74x] { /* display:flex;*/
    float: left;
    width: 240px; /* overflow-y:auto;*/ /* height:145px;*/ /* overflow-x:hidden;*/
}

.popFrameBox-11[b-ncscvcw74x] {
    width: 115px;
    float: left;
    display: flex;
    margin-bottom: 16px;
}

.popFrameBox-12[b-ncscvcw74x] { /* float:left;*/ /* display:flex;*/
}

    .popFrameBox-12 input[b-ncscvcw74x] {
        float: left;
        margin-top: 2px;
        margin-right: 8px;
        width: 14px;
        height: 14px;
    }

.popFrameBox-13[b-ncscvcw74x] {
    color: rgba(0,0,0,0.90);
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.popFrameBox-14[b-ncscvcw74x] { /* float:left;*/ /* display:flex;*/
}

    .popFrameBox-14 input[b-ncscvcw74x] {
        float: left;
        margin-top: 2px;
        margin-right: 8px;
        width: 14px;
        height: 14px;
    }

.popFrameBox-3[b-ncscvcw74x] {
}

.popFrameBox-6-1[b-ncscvcw74x] {
    margin-bottom: 20px; /* clear:both;*/ /* overflow:hidden;*/
    display: flex;
    margin: 0 auto;
    width: 420px;
}

.height-box[b-ncscvcw74x] {
    height: 31px;
}

.width-box-pop[b-ncscvcw74x] {
    width: 100%;
}

.popFrameBox-6-2[b-ncscvcw74x] {
    margin-bottom: 12px;
}

.boxDiv4_6-1[b-ncscvcw74x] {
    display: flex;
    align-items: center; /* border-radius:36px;*/
    border: 1px solid var(--01,rgba(0,0,0,0.10));
    background: #FFF;
    padding: 0 20px;
    height: 37px; /* margin-right:10px;*/ /* border-radius:6px;*/ /* width:234px;*/
    border-radius: 6px;
    margin: 0 0px 0 28px; /* margin-bottom:14px;*/
    padding-left: 16px;
}

.margin-top-box[b-ncscvcw74x] {
    margin-top: 27px;
}

.boxDiv4_6-1-1[b-ncscvcw74x] {
    width: 276px;
}

.boxDiv5_9_11_width_1[b-ncscvcw74x] {
    width: 4% !important;
    padding-left: 30px;
    text-align: center; /* font-family:'OPPOSans-R';*/
    font-family: 'OPPOSans-M';
}

.boxDiv5_9_11_width_2[b-ncscvcw74x] {
    width: 8% !important;
    text-align: center;
    padding-left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.boxDiv5_9_11_width_3[b-ncscvcw74x] {
    width: 10% !important;
    text-align: center;
    font-family: 'OPPOSans-R';
}

.boxDiv5_9_11_width_4[b-ncscvcw74x] {
    width: 11% !important;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #3578EE;
    font-family: OPPOSans;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    line-height: 25px;
}

.boxDiv5_9_11_width_5[b-ncscvcw74x] {
    width: 31% !important;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-right: 2%;
    display: flex;
}

    .boxDiv5_9_11_width_5 div[b-ncscvcw74x] {
        margin-right: 10px;
        font-family: 'OPPOSans-M';
        color: rgba(0,0,0,0.90); /* font-family:OPPOSans;*/
        font-size: 13px;
    }

.boxDiv5_9_11_width_6[b-ncscvcw74x] {
    text-align: center;
    width: 7%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.boxDiv5_9_11_width_7[b-ncscvcw74x] {
    width: 10%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .boxDiv5_9_11_width_7 div[b-ncscvcw74x] {
        font-family: 'OPPOSans-R';
    }

.boxDiv5_9_11_width_8[b-ncscvcw74x] {
    width: 8%;
    text-align: center;
}

.boxDiv5_9_11_width_9[b-ncscvcw74x] {
}

.boxDiv5_9_13-1-1[b-ncscvcw74x] {
    padding-left: 0;
    width: 5%;
}

.boxDiv5_9_13-1-2[b-ncscvcw74x] {
    width: 13%;
}

.boxDiv5_9_13-1-3[b-ncscvcw74x] {
    width: 13%;
}

.boxDiv5_9_13-1-4[b-ncscvcw74x] {
    width: 25%;
}

.boxDiv5_9_13-1-5[b-ncscvcw74x] {
    width: 20%;
}

.mmargin[b-ncscvcw74x] {
    margin-left: 30px;
}

.boxDiv5_9_11_width_0[b-ncscvcw74x] {
    width: 7%;
}

.boxDiv5_9_11-1-1[b-ncscvcw74x] {
    color: #3578EE;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    width: 29px;
    height: 23px; /* border-radius:4px;*/ /* background:rgba(240,70,66,0.10);*/
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    background: rgba(53,120,238,0.10);
}

.boxDiv5_9_11_width_4-1[b-ncscvcw74x] {
    border-radius: 4px;
    border: 1px solid rgba(53,120,238,0.50);
    width: 56px;
    height: 23px;
}

.widthBox-group-1[b-ncscvcw74x] {
    width: auto;
}

.dong_1[b-ncscvcw74x] {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #2FBA56;
    font-size: 13px;
    border-radius: 4px;
    font-family: 'OPPOSans-R';
}

    .dong_1 div[b-ncscvcw74x] {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .dong_1 svg[b-ncscvcw74x] {
        margin-right: 4px;
    }

.dong_2[b-ncscvcw74x] {
    display: flex;
    justify-content: space-between;
    width: 7%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .dong_2 div[b-ncscvcw74x] {
        margin-left: 24%; /* margin-right:13%;*/
    }

.color_div-1[b-ncscvcw74x] {
    color: #E58E0A;
}

.color_div-bg[b-ncscvcw74x] {
    background: rgba(245,155,20,0.10);
}

.color_div-2[b-ncscvcw74x] {
    color: rgba(0,0,0,0.60);
}

.color_div-bg2[b-ncscvcw74x] {
    background: rgba(0,0,0,0.05);
}

.color_div-bg3[b-ncscvcw74x] {
    border: 1px solid rgba(0,0,0,0.20);
}

.color_div-bg3[b-ncscvcw74x] {
    color: rgba(0,0,0,0.90);
}

.color_div_c[b-ncscvcw74x] {
    color: rgba(0,0,0,0.60);
}

.color_div_b div[b-ncscvcw74x] {
    color: rgba(0,0,0,0.60);
}

.color-box[b-ncscvcw74x] {
    color: #F04642;
    background: rgba(240,70,66,0.10);
}

.width-div-box[b-ncscvcw74x] {
    width: 100%;
}

.genderSelection[b-ncscvcw74x] {
    position: absolute;
    background: #FFF;
    width: 100%;
    top: 30px;
    z-index: 10;
    border: 1px solid #e1e1e1;
    border-radius:6px;
}
    .genderSelection > div[b-ncscvcw74x] {
        padding-left: 10px;
        padding-top: 3px;
        padding-bottom:3px;
    }
    .genderSelection > div:hover[b-ncscvcw74x] {
        background: rgba(0,0,0,0.10)
    }

.IsEmpty[b-ncscvcw74x] {
 
    border: 1px solid red;
 
}
/* _content/Cyqf_ChatService/Elements/SetStaffInforEdit.razor.rz.scp.css */

ul[b-ilzxxi3l5m], li[b-ilzxxi3l5m], dl[b-ilzxxi3l5m], dt[b-ilzxxi3l5m], dd[b-ilzxxi3l5m], img[b-ilzxxi3l5m], h1[b-ilzxxi3l5m], h2[b-ilzxxi3l5m], h3[b-ilzxxi3l5m], h4[b-ilzxxi3l5m], h5[b-ilzxxi3l5m], h6[b-ilzxxi3l5m], p[b-ilzxxi3l5m], a[b-ilzxxi3l5m], textarea[b-ilzxxi3l5m], input[b-ilzxxi3l5m], span[b-ilzxxi3l5m], div[b-ilzxxi3l5m], i[b-ilzxxi3l5m], time[b-ilzxxi3l5m], article[b-ilzxxi3l5m], header[b-ilzxxi3l5m], h3[b-ilzxxi3l5m], button[b-ilzxxi3l5m] {
    border: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    font-family: "OPPOSans-M";
}

.staging_box[b-ilzxxi3l5m] {
    width: 98%;
    display: flex; /* margin:20px;*/
    overflow-y: hidden;
    height: 100vh; /* margin:20px 20px 20px 20px;*/ /* margin-bottom:20px;*/
    margin: 0px 0 0 20px;
    flex-direction: column;
}

.staging_leftBox[b-ilzxxi3l5m] {
    width: 6%;
    height: 970px;
    float: left;
    background-color: #2B2D34;
}

.staging_rightBox[b-ilzxxi3l5m] {
    width: 100%; /* float:left;*/ /* margin:20px;*/
    margin-right: 0 !important;
    border-radius: 6px;
    background: #FFF;
    display: flex;
    justify-content: space-between;
    height: 69px;
    margin-bottom: 10px;
    margin-top: 20px;
}

.rightBox_l[b-ilzxxi3l5m] {
    width: 100%;
    margin-right: 0 !important;
}

.leaveWord[b-ilzxxi3l5m] {
    padding-left: 20px; /* padding-top:24px;*/ /* float:left;*/
    display: flex;
    align-items: center;
}

    .leaveWord b[b-ilzxxi3l5m] {
        color: rgba(0,0,0,0.90);
        font-size: 16px;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.32px;
        margin-right: 10px;
        display: block;
        float: left;
        color: rgba(0,0,0,0.90);
        font-family: OPPOSans-H;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.32px;
        min-width: 100px;
    }

.boxDiv[b-ilzxxi3l5m] {
}

.divBox1[b-ilzxxi3l5m] {
    display: flex;
    align-items: center;
}

    .divBox1 .div[b-ilzxxi3l5m] {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 4px;
        overflow: hidden;
    }

.divBox2 span[b-ilzxxi3l5m] {
    margin-right: 10px;
}

.div2[b-ilzxxi3l5m] {
}

.divBox2[b-ilzxxi3l5m] {
    margin-right: 20px;
    width: 811px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 18px;
    overflow: hidden;
    color: rgba(0,0,0,0.60);
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.boxDiv[b-ilzxxi3l5m] {
    width: 100%;
    height: 100vh;
    margin-bottom: 20px;
    overflow: hidden;
    display: flex;
    min-width: 1300px;
}

.boxDiv3[b-ilzxxi3l5m] {
    width: 300px;
    background: #FFF;
    border-radius: 6px; /* overflow:hidden;*/
    height: 100%; /* display:flex;*/ /* justify-content:center;*/ /* display:flex;*/ /* flex-direction:column;*/ /* max-height:100vh;*/
    margin-right: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* align-items:center;*/
    min-width: 300px;
}

.boxDiv4[b-ilzxxi3l5m] {
    width: 100%;
    background: #fff;
    border-radius: 6px;
    height: 100%;
    min-width: 1000px;
    display: flex; /* justify-content:center;*/
    flex-direction: column;
}

.divBox4_1[b-ilzxxi3l5m] {
    color: var(--06,rgba(0,0,0,0.60));
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    margin: 0 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.divBox4_2[b-ilzxxi3l5m] {
    color: rgba(0,0,0,0.90);
    font-family: 'OPPOSans-B';
    font-size: 15px;
}

.divBox4_12[b-ilzxxi3l5m] {
    margin-bottom: 25px; /* color:#3578EE;*/ /* font-family:'OPPOSans-M';*/ /* font-size:12px;*/ /* font-style:normal;*/ /* font-weight:400;*/ /* line-height:normal;*/ /* letter-spacing:0.24px;*/ /* display:flex;*/
    display: flex; /* justify-content:center;*/
    align-items: center;
    padding-top: 27px;
    color: rgba(0,0,0,0.90);
    font-family: 'OPPOSans-B';
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.3px;
    margin-left: 20px;
}

.borderBottom6[b-ilzxxi3l5m] {
    opacity: 0.1;
    background: linear-gradient(270deg,rgba(0,0,0,0.00) 0%,#000 15.06%,#000 84.74%,rgba(0,0,0,0.00) 100%);
    width: 300px;
    height: 1px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.boxDiv5[b-ilzxxi3l5m] {
    margin: 0 14px 0 14px;
    flex: 1;
    overflow-y: auto;
}

[b-ilzxxi3l5m]::-webkit-scrollbar {
    width: 4px;
}

[b-ilzxxi3l5m]::-webkit-scrollbar-thumb {
    background: #dadce4;
    border-radius: 3px;
}

    [b-ilzxxi3l5m]::-webkit-scrollbar-thumb:hover {
        background-color: #555;
    }

.boxDiv6[b-ilzxxi3l5m] {
    height: 44px;
    display: flex;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: 'OPPOSans-R';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
    padding: 0 0 0 14px;
    color: rgba(0,0,0,0.90);
    margin-bottom: 2px;
}

    .boxDiv6:hover[b-ilzxxi3l5m] {
        border-radius: 6px;
        background: #F0F1F7;
        color: rgba(0,0,0,0.90);
    }

.boxDiv7[b-ilzxxi3l5m] {
}

.boxDiv8[b-ilzxxi3l5m] {
    color: #3578EE;
}

    .boxDiv8:hover[b-ilzxxi3l5m] {
        background: #Fff;
        cursor: pointer;
    }

.boxDiv9[b-ilzxxi3l5m] {
    border-radius: 6px;
    background: #F5F5FA;
    height: 348px;
    margin: 0 14px 14px 14px;
    padding: 012px;
}

.boxDiv11[b-ilzxxi3l5m] {
    padding-top: 10px;
}

    .boxDiv11 textarea[b-ilzxxi3l5m] {
        overflow: hidden;
        color: rgba(0,0,0,0.90);
        text-overflow: ellipsis;
        font-family: 'OPPOSans-M';
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        height: 17px;
        resize: none;
        width: 98%;
        background: none;
        outline: none;
    }

        .boxDiv11 textarea[b-ilzxxi3l5m]::placeholder {
            color: rgba(0,0,0,0.40);
            font-family: OPPOSans-R;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.28px;
        }

.boxDiv12[b-ilzxxi3l5m] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px 4px 0 0px;
}

.boxDiv13[b-ilzxxi3l5m] {
    width: 80%;
}

    .boxDiv13 input[b-ilzxxi3l5m] {
        overflow: hidden;
        color: #3578EE;
        text-overflow: ellipsis;
        font-family: 'OPPOSans-M';
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        height: 17px;
        resize: none;
        width: 100%;
        background: none;
        outline: none;
        caret-color: #3578EE;
        letter-spacing: 0.1px;
    }

        .boxDiv13 input[b-ilzxxi3l5m]::placeholder {
            color: #3578EE;
            font-family: OPPOSans-R;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.28px;
        }

.boxDiv14[b-ilzxxi3l5m] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 0;
    top: 3px;
}

.boxDiv10[b-ilzxxi3l5m] {
    border-bottom: 1px solid #e1e1e1;
    display: flex; /* justify-content:space-between;*/
    padding-bottom: 10px;
    position: relative;
}

.boxDiv15[b-ilzxxi3l5m] {
    display: flex;
    flex-direction: column;
    height: 98%; /* background:#ccc;*/
}

.boxDiv4_14[b-ilzxxi3l5m] {
    color: #F0F1F7;
    font-family: 'OPPOSans-R';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.boxDiv4_13[b-ilzxxi3l5m] {
    margin: 0 4px 0 0;
    display: flex;
    align-items: center;
}

.boxDiv4_12[b-ilzxxi3l5m] {
    display: flex;
    align-items: center;
    display: flex;
    align-items: center;
    border-radius: 6px;
    background: #3578EE;
    padding: 0 20px;
    height: 37px;
    margin-left: 10px;
}

.boxDiv4_11[b-ilzxxi3l5m] {
    margin-right: 8px;
}

.boxDiv4_10[b-ilzxxi3l5m] {
    display: flex;
    align-items: center;
    margin-right: 4px;
    margin-top: 1px;
}

.boxDiv4_9[b-ilzxxi3l5m] {
    display: flex;
    align-items: center;
    border-radius: 6px;
    background: #F0F1F7; /* margin:0 10px 0 0;*/
    padding: 0 20px;
    height: 37px;
    margin-left: 10px;
    padding-right: 14px;
}

.boxDiv4_8[b-ilzxxi3l5m] {
}

    .boxDiv4_8 input[b-ilzxxi3l5m] {
        outline: none;
        color: rgba(0,0,0,0.90);
    }

        .boxDiv4_8 input[type="text"][b-ilzxxi3l5m]::placeholder {
            color: rgba(0,0,0,0.40);
            font-family: OPPOSans-M;
            font-size: 13px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.26px;
        }

.boxDiv4_7[b-ilzxxi3l5m] {
    display: flex;
    align-items: center;
    margin-right: 4px;
    margin-top: 2px;
}

.boxDiv4_6[b-ilzxxi3l5m] {
    display: flex;
    align-items: center; /* border-radius:36px;*/
    border: 1px solid var(--01,rgba(0,0,0,0.10));
    background: #FFF;
    padding: 0 20px;
    height: 37px; /* margin-right:10px;*/ /* border-radius:6px;*/ /* width:234px;*/
    border-radius: 20px;
    margin: 0 28px 0 28px;
    margin-bottom: 14px;
}

.boxDiv4_5[b-ilzxxi3l5m] {
    display: flex;
    align-items: center;
}

.boxDiv4_4[b-ilzxxi3l5m] {
    color: rgba(0,0,0,0.40);
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    display: flex;
    align-items: center;
}

.boxDiv4_3[b-ilzxxi3l5m] {
    overflow: hidden;
    color: rgba(0,0,0,0.90);
    text-overflow: ellipsis;
    font-family: 'OPPOSans-B';
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.3px;
    margin-right: 10px;
    padding-left: 10px;
}

.boxDiv4_2[b-ilzxxi3l5m] {
    display: flex;
    align-items: center;
    height: 37px;
}

.boxDiv4_1[b-ilzxxi3l5m] {
    display: flex;
    justify-content: space-between; /* padding-top:20px;*/ /* padding-bottom:20px;*/
    padding: 20px;
}

.boxDiv5_1[b-ilzxxi3l5m] {
    margin: 0 20px 0 20px;
    flex: 1;
    overflow-y: auto; /* flex-grow:1;*/
    padding-bottom: 25px;
}

.boxDiv5_2[b-ilzxxi3l5m] {
    display: flex;
    background: #F0F1F7;
    box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.10);
    height: 44px;
    display: flex;
    align-items: center; /* padding-left:30px;*/
    margin: 0 20px 0 20px;
}

    .boxDiv5_2 div[b-ilzxxi3l5m] {
        font-family: 'OPPOSans-B';
        color: #2B2D34;
        font-family: 'OPPOSans-B';
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.26px;
    }

.boxDiv5_3[b-ilzxxi3l5m] {
    color: #2B2D34;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    width: 33%; /* display:-webkit-box;*/ /* -webkit-line-clamp:1;*/ /* -webkit-box-orient:vertical;*/ /* overflow:hidden;*/
    display: flex;
    justify-content: space-between;
}

.boxDiv5_4[b-ilzxxi3l5m] {
    width: 9%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0;
}

.boxDiv5_5[b-ilzxxi3l5m] {
    color: #2B2D34;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.boxDiv5_6[b-ilzxxi3l5m] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 4px;
    padding-top: 1px;
}

.boxDiv5_7[b-ilzxxi3l5m] {
    color: #2B2D34;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    width: 9%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.boxDiv5_8[b-ilzxxi3l5m] {
}

.boxDiv5_9[b-ilzxxi3l5m] {
    width: 13%;
    padding-left: 30px;
    margin-right: 1%;
    color: #2B2D34;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.boxDiv5_21[b-ilzxxi3l5m] {
    display: flex; /* background:#F0F1F7;*/
    box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.10);
    height: 44px;
    display: flex;
    align-items: center;
}

.boxDiv5_71[b-ilzxxi3l5m] {
    color: #2B2D34;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    width: 8%;
    display: flex;
    justify-content: center;
    margin-left: 1%;
}

    .boxDiv5_71 div[b-ilzxxi3l5m] {
        margin: 10px;
    }

.boxDiv5_21:hover[b-ilzxxi3l5m] {
    background: #F0F1F7;
    box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.10);
}

    .boxDiv5_21:hover .widthBox-group-div[b-ilzxxi3l5m] {
        color: #3578EE
    }

    .boxDiv5_21:hover .widthBox-group-imgBox[b-ilzxxi3l5m] {
        background: url(../img/img7.png) no-repeat;
        background-size: 16px; /* background-position-x:10px;*/ /* background-position-y:2px;*/
    }

.boxDiv5_91[b-ilzxxi3l5m] {
    width: 13%;
    padding-left: 30px;
    margin-right: 1%;
    color: #3578EE;
    font-family: OPPOSans-M;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.boxDiv5Img1[b-ilzxxi3l5m] {
    width: 16px;
    height: 16px;
    background: url(../img/img4.png) no-repeat;
    background-size: 100%;
    cursor: pointer;
}

.boxDiv5Img2[b-ilzxxi3l5m] {
    width: 16px;
    height: 16px;
    background: url(../img/img5.png) no-repeat;
    background-size: 100%;
    cursor: pointer;
}

.boxDiv5Img3[b-ilzxxi3l5m] {
    width: 16px;
    height: 16px;
    background: url(../img/img6.png) no-repeat;
    background-size: 100%;
    cursor: pointer;
}

.boxDiv5Img1:hover[b-ilzxxi3l5m] {
    background: url(../img/img4_.png) no-repeat;
    background-size: 100%;
}

.boxDiv5Img2:hover[b-ilzxxi3l5m] {
    background: url(../img/img5_.png) no-repeat;
    background-size: 100%;
}

.boxDiv5Img3:hover[b-ilzxxi3l5m] {
    background: url(../img/img6_.png) no-repeat;
    background-size: 100%;
}

.BulletBox21[b-ilzxxi3l5m] {
    width: 146px;
    background: #FFF;
    border-radius: 6px;
}

.BulletBoxList21[b-ilzxxi3l5m] {
    height: 38px;
    padding-left: 20px;
    display: flex;
    align-items: center;
}

    .BulletBoxList21:hover[b-ilzxxi3l5m] {
        background: #F0F1F7;
    }

    .BulletBoxList21 div[b-ilzxxi3l5m] {
        display: flex;
        align-items: center;
        margin-left: 2px;
    }

.BulletBoxList31[b-ilzxxi3l5m] {
    height: 38px;
}

.BulletBox22[b-ilzxxi3l5m] {
    width: 97px;
    background: #FFF;
    border-radius: 6px;
}

.BulletBox23[b-ilzxxi3l5m] {
    height: 38px;
    padding-left: 20px;
    display: flex;
    align-items: center;
}

    .BulletBox23:hover[b-ilzxxi3l5m] {
        background: #F0F1F7;
    }

.boxDiv16[b-ilzxxi3l5m] {
    border-radius: 6px;
    border: 1px solid #3578EE;
    background: #FFF;
    height: 42px;
    color: rgba(0,0,0,0.40);
    font-family: 'OPPOSans-M';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
    display: flex;
    justify-content: space-between;
    line-height: 44px;
    padding-left: 12px;
    margin-bottom: 2px;
}

.boxDiv17[b-ilzxxi3l5m] {
    display: flex;
    align-items: center;
}

.boxDiv18[b-ilzxxi3l5m] {
    border-radius: 24px;
    background: rgba(0,0,0,0.90);
    height: 20px;
    width: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.boxDiv19[b-ilzxxi3l5m] {
    border-radius: 24px;
    background: #3578EE;
    height: 20px;
    width: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 12px;
    margin-left: 10px;
}

.leftWidth[b-ilzxxi3l5m] {
    padding-left: 0;
}

    .leftWidth:hover[b-ilzxxi3l5m] {
        color: #3578EE;
    }

.boxDiv4_19[b-ilzxxi3l5m] {
    margin-right: 10px;
}

.boxDiv4_20[b-ilzxxi3l5m] {
}

.boxDiv5_9_1[b-ilzxxi3l5m] {
    width: 4%;
    display: flex;
    justify-content: center;
    align-items: center; /* display:flex;*/ /* align-items:center;*/
    padding-top: 3px;
}

    .boxDiv5_9_1 div[b-ilzxxi3l5m] {
        font-family: 'OPPOSans-B';
    }

.activeDiv[b-ilzxxi3l5m] {
    background: #DDE7FB;
    box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.10);
}

.boxDiv5_9_1 .checkbox[b-ilzxxi3l5m] { /* zoom:100%;*/
    width: 14px;
    height: 14px;
}

.divBox_1[b-ilzxxi3l5m] {
    border-radius: 4px;
    background: #161616;
    display: flex;
    align-items: center;
    padding: 6px;
    color: #FFF;
    font-family: OPPOSans-R;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.24px;
    width: 260px;
}

.divBox_2[b-ilzxxi3l5m] {
    border-radius: 6px;
    background: rgba(0,0,0,0.90);
    padding: 10px;
    width: 146px;
    color: #FFF;
    text-align: center;
    font-family: OPPOSans-R;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.32px;
}

.maskBox[b-ilzxxi3l5m] {
    background: #0000005c;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
}

.BulletBox[b-ilzxxi3l5m] {
    position: absolute;
    background: #fff;
    left: 50%;
    right: 0;
    top: 50%;
    bottom: 0;
    width: 703px;
    height: 510px; /* margin:0 auto;*/
    transform: translate(-50%,-50%);
}

.BulletBox1[b-ilzxxi3l5m] {
    display: flex;
    justify-content: space-between;
    padding: 0 20px 0 20px;
    height: 60px;
}

.BulletBox2[b-ilzxxi3l5m] {
    display: flex;
    align-items: center;
    color: rgba(0,0,0,0.90);
    font-family: OPPOSans-b;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.32px;
}

.BulletBox3[b-ilzxxi3l5m] {
    display: flex;
    align-items: center;
}

.border_bottom[b-ilzxxi3l5m] {
    opacity: 0.1;
    background: linear-gradient(270deg,rgba(0,0,0,0.00) 0%,#000 15.06%,#000 84.74%,rgba(0,0,0,0.00) 100%);
    width: 703px;
    height: 1px;
}

.boxDiv14c[b-ilzxxi3l5m] {
    padding: 0 3px 0 0;
    overflow: hidden;
    color: #3578EE;
    text-overflow: ellipsis;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.boxDiv5_9_12[b-ilzxxi3l5m] {
    width: 9%;
    display: flex; /* justify-content:center;*/
    align-items: center;
    border-radius: 6px; /* background:rgba(52,211,97,0.10);*/
    height: 23px;
    color: rgba(0,0,0,0.90);
    font-family: 'OPPOSans-M';
    font-size: 13px; /* background:#000;*/
}

    .boxDiv5_9_12 div[b-ilzxxi3l5m] {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 4px;
    }

.boxDiv5_9_11[b-ilzxxi3l5m] {
    width: 12%; /* display:flex;*/ /* justify-content:center;*/ /* align-items:center;*/
    padding-left: 30px;
}

.boxDiv5_9_14[b-ilzxxi3l5m] {
    width: 32%;
    display: flex; /* justify-content:center;*/
    align-items: center; /* font-family:'OPPOSans-M';*/
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical; /* overflow:hidden;*/ /* white-space:nowrap;*/
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.boxDiv5_9_13[b-ilzxxi3l5m] {
    width: 7%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #3578EE; /* border:#3578EE 1px solid;*/
}

.boxDiv5_91[b-ilzxxi3l5m] {
}

.gunBox[b-ilzxxi3l5m] {
}

.boxDiv5_9_12-1[b-ilzxxi3l5m] {
    background: rgba(52,211,97,0.10);
    width: 55px;
    height: 23px; /* margin-left:2.8%;*/ /* margin-right:2.9%;*/
}

.boxDiv5_9_12-2[b-ilzxxi3l5m] {
    border-radius: 6px;
    background: rgba(0,0,0,0.05);
    width: 55px;
    height: 23px;
    color: rgba(0,0,0,0.60); /* margin-left:2.8%;*/ /* margin-right:2.9%;*/
    margin-right: 0 !important;
}

.boxDiv5_9_12-3[b-ilzxxi3l5m] {
    border-radius: 6px;
    background: rgba(245,155,20,0.10);
    width: 55px;
    height: 23px;
    color: #E58E0A; /* margin-left:2.8%;*/ /* margin-right:2.9%;*/
}

.boxDiv5_9_13-1[b-ilzxxi3l5m] { /* border:#3578EE 1px solid;*/
    border-radius: 4px; /* font-family:'OPPOSans-M';*/
    font-size: 12px; /* padding:2px 8px 2px 8px;*/
    width: 77px;
    height: 23px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(245,155,20,0.10);
    color: #F59B14;
}

    .boxDiv5_9_13-1 svg[b-ilzxxi3l5m] {
        width: 16px;
        height: 16px;
        margin-right: 4px;
    }

.boxDiv5_9_13-2[b-ilzxxi3l5m] {
    border-radius: 4px; /* border:1px solid rgba(0,0,0,0.20);*/ /* border:#3578EE 1px solid;*/ /* border-radius:4px;*/ /* font-family:'OPPOSans-M';*/
    font-size: 12px; /* padding:2px 8px 2px 8px;*/
    width: 77px;
    height: 23px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgba(0,0,0,0.90);
    background: rgba(245,155,20,0.10);
    color: #F59B14;
}

    .boxDiv5_9_13-2 svg[b-ilzxxi3l5m] {
        width: 16px;
        height: 16px;
        margin-right: 4px;
    }

.boxDiv5_9_11-1[b-ilzxxi3l5m] {
    color: #3578EE;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    width: 29px;
    height: 23px; /* border-radius:4px;*/ /* background:rgba(240,70,66,0.10);*/
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    background: rgba(53,120,238,0.10);
}

.boxDiv5_9_11-2[b-ilzxxi3l5m] {
    color: #F04642;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    width: 29px;
    height: 23px;
    border-radius: 4px;
    background: rgba(240,70,66,0.10);
    display: flex;
    justify-content: center;
    align-items: center;
}

.BulletBox-1[b-ilzxxi3l5m] {
    border-radius: 6px;
    position: absolute;
    background: #fff;
    left: 50%;
    right: 0;
    top: 50%;
    bottom: 0;
    width: 480px;
    height: 680px; /* margin:0 auto;*/
    transform: translate(-50%,-50%);
    overflow: hidden;
    border-radius: 6px;
}

.BulletBox1-1[b-ilzxxi3l5m] {
    display: flex;
    justify-content: space-between;
    padding: 0 20px 0 20px;
    height: 60px;
}

.BulletBox2-1[b-ilzxxi3l5m] {
    display: flex;
    align-items: center;
    color: rgba(0,0,0,0.90);
    font-family: OPPOSans-b;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.32px;
}

.BulletBox3-1[b-ilzxxi3l5m] {
    display: flex;
    align-items: center;
}

.border_bottom-1[b-ilzxxi3l5m] {
    opacity: 0.1;
    background: linear-gradient(270deg,rgba(0,0,0,0.00) 0%,#000 15.06%,#000 84.74%,rgba(0,0,0,0.00) 100%);
    width: 480px;
    height: 1px;
    margin-bottom: 20px;
}

.BulletBox3-t-0[b-ilzxxi3l5m] { /* width:330px;*/ /* margin:0 auto;*/ /* overflow:hidden;*/
}

.BulletBox3-t-2[b-ilzxxi3l5m] {
    display: flex; /* align-items:center;*/
    margin-bottom: 12px;
    width: 332px;
    margin: 0 auto;
    margin-bottom: 12px;
}

.BulletBox3-t-1[b-ilzxxi3l5m] {
    color: rgba(0,0,0,0.60);
    text-align: right;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    width: 67px;
    margin-right: 12px; /* width:67px;*/
    padding-top: 7px;
}

.BulletBox3-t-3[b-ilzxxi3l5m] {
    width: 252px;
    border-radius: 6px;
    border: 1px solid rgba(0,0,0,0.10);
    background: #FFF;
    height: 31px;
    display: flex;
    align-items: center;
    display: flex;
    justify-content: space-between;
    position: relative;
    overflow:visible;
}

    .BulletBox3-t-3 input[b-ilzxxi3l5m] {
        color: rgba(0,0,0,0.90);
        font-family: 'OPPOSans-M';
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.26px;
        padding-left: 12px;
        outline: none;
    }
/* 设置placeholder样式 */ input[type="text"][b-ilzxxi3l5m]::placeholder {
    color: rgba(0,0,0,0.40);
}

.BulletBox3-t-7[b-ilzxxi3l5m] {
    margin-right: 12px;
    color: #3578EE;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.BulletBox3-t-8[b-ilzxxi3l5m] {
    margin-right: 12px;
 
}

.BulletBox3-t-9 input[b-ilzxxi3l5m] {
    color: rgba(0,0,0,0.90);
    font-family: OPPOSans-M;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.BulletBox3-t-10[b-ilzxxi3l5m] {
}

.border_bottom-2[b-ilzxxi3l5m] {
    opacity: 0.1;
    background: linear-gradient(270deg,rgba(0,0,0,0.00) 0%,#000 15.06%,#000 84.74%,rgba(0,0,0,0.00) 100%);
    width: 480px;
    height: 1px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.BulletBox3-t11[b-ilzxxi3l5m] {
}

.BulletBox3-t-12[b-ilzxxi3l5m] { /* display:flex;*/
    float: left;
    width: 240px; /* overflow-y:auto;*/ /* height:145px;*/ /* overflow-x:hidden;*/
}

.BulletBox3-t-14[b-ilzxxi3l5m] {
    width: 330px;
    margin: 0 auto;
    display: flex;
}

.BulletBox3-t-4[b-ilzxxi3l5m] {
    width: 115px;
    float: left;
    display: flex;
    margin-bottom: 16px;
}

.BulletBox3-t-5[b-ilzxxi3l5m] { /* float:left;*/ /* display:flex;*/
}

    .BulletBox3-t-5 input[b-ilzxxi3l5m] {
        float: left;
        margin-top: 2px;
        margin-right: 8px;
        width: 14px;
        height: 14px;
    }

.BulletBox3-t-6[b-ilzxxi3l5m] {
    color: rgba(0,0,0,0.90);
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    cursor:pointer;
}

.BulletBox3-t-18[b-ilzxxi3l5m] {
    margin-bottom: 20px; /* clear:both;*/ /* overflow:hidden;*/
}

.divBox-b-15[b-ilzxxi3l5m] {
    display: flex;
    justify-content: space-between;
    background: #FFF;
    box-shadow: 0px -2px 6px 0px rgba(0,0,0,0.10);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-radius: 0 0 6px 6px;
}

.divBox-b-16[b-ilzxxi3l5m] {
    color: rgba(0,0,0,0.90);
    text-align: center;
    font-family: 'OPPOSans-M';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
    display: flex;
    justify-content: center;
    width: 49%;
    align-items: center;
    height: 54px;
    cursor:pointer;
}

.divBox-b-17[b-ilzxxi3l5m] {
    color: #3578EE;
    font-family: 'OPPOSans-M';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
    height: 54px;
    width: 49%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: rgba(0,0,0,0.10) 1px solid;
    cursor: pointer;
}

.margin-top[b-ilzxxi3l5m] { /* margin-top:27px;*/
    background: #666D84;
    border-radius: 6px;
    color: #fff;
}

    .margin-top:hover[b-ilzxxi3l5m] {
        background: #666D84;
        color: #fff;
    }

.widthBox-list[b-ilzxxi3l5m] {
    align-items: center;
    width: 10%;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; /* height:17px;*/
    border-radius: 4px;
}

    .widthBox-list div[b-ilzxxi3l5m] {
        float: left;
        margin-right: 10px;
        background: rgba(53,120,238,0.10);
        width: 77px;
        height: 23px;
        font-size: 12px;
        color: #3578EE;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .widthBox-list svg[b-ilzxxi3l5m] {
        margin-right: 4px;
    }

.widthBox-group[b-ilzxxi3l5m] {
    display: flex;
    align-items: center;
    border-left: #e2e2e2 1px solid;
    width: 10%;
}

.widthBox-group-imgBox[b-ilzxxi3l5m] {
    display: flex;
    align-items: center;
    margin-right: 4px; /* border-left:#e2e2e2 1px solid;*/
    margin-left: 10px;
    height: 20px;
    background: url(../img/img8.png);
    width: 16px;
    height: 16px;
    background-size: 16px;
}

.widthBox-group-div[b-ilzxxi3l5m] {
    color: rgba(0,0,0,0.60);
    font-family: 'OPPOSans-M';
}

.color-null[b-ilzxxi3l5m] {
    color: rgba(0,0,0,0.60);
}

.BulletBox3-t-12-width[b-ilzxxi3l5m] {
    width: 300px; /* padding-top:10px;*/
    overflow-y: scroll !important;
    height: 170px;
    display: flex;
    flex-direction: column;
}

.div-Box-width[b-ilzxxi3l5m] {
    color: rgba(0,0,0,0.40);
    font-size: 12px;
    padding-top: 10px;
}

.width-box[b-ilzxxi3l5m] {
    width: 252px;
}

.width-box-padding[b-ilzxxi3l5m] {
    padding-top: 0px;
    width:80px;
}

.configurationBox[b-ilzxxi3l5m] {
    width: 480px;
    height: 100vh;
    background: #fff;
    position: absolute;
    right: 0;
}

.configuration-Box[b-ilzxxi3l5m] {
    padding: 0 32px 0 32px;
    margin-bottom: 20px; /* display:block;*/
    overflow: hidden;
}

.configuration-Box-width[b-ilzxxi3l5m] {
    display: flex;
    align-items: center;
    float: left;
}

.configuration-Box-nameBox[b-ilzxxi3l5m] {
    color: rgba(0,0,0,0.60); /* text-align:right;*/ /* font-family:OPPOSans;*/
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.configuration-Box-name[b-ilzxxi3l5m] {
    width: 118px;
    height: 33px;
    border-radius: 6px;
    border: 1px solid rgba(0,0,0,0.10);
    background: #F0F1F7;
    color: rgba(0,0,0,0.60);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    padding-left: 12px;
    display: flex;
    align-items: center;
}

    .configuration-Box-name input[b-ilzxxi3l5m] {
        background: none;
        outline: none
    }

.margin-left[b-ilzxxi3l5m] {
    margin-left: 19px;
}

.CustomerServiceTeam[b-ilzxxi3l5m] {
    clear: both;
    margin: 0 20px 0 20px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 4px;
    height: 37px;
    border-radius: 6px; /* background:#F0F1F7;*/ /* line-height:37px;*/
}

    .CustomerServiceTeam:hover[b-ilzxxi3l5m] {
        background: #F0F1F7;
    }

.CustomerServiceTeam-left[b-ilzxxi3l5m] {
    color: rgba(0,0,0,0.90); /* font-family:OPPOSans;*/
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
    line-height: 37px;
    padding-left: 12px;
}

.CustomerServiceTeam-right[b-ilzxxi3l5m] {
    display: flex; /* justify-content:space-between;*/
    overflow: hidden;
    color: rgba(0,0,0,0.60);
    text-overflow: ellipsis; /* font-family:OPPOSans;*/
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.24px; /* display:flex;*/ /* align-items:center;*/
    line-height: 37px;
}

    .CustomerServiceTeam-right input[b-ilzxxi3l5m] {
        margin-left: 8px;
        width: 14px;
        height: 14px;
        margin-top: 2px;
        margin-right: 12px;
        margin-top: 11px;
    }

.CustomerServiceTeam-btn[b-ilzxxi3l5m] {
    width: 286px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    position: absolute;
    bottom: 60px;
    left: 0;
    right: 0;
}

.CustomerServiceTeam-btn-left[b-ilzxxi3l5m] {
    border-radius: 6px;
    background: #F0F1F7;
    height: 37px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 138px;
}

.CustomerServiceTeam-btn-right[b-ilzxxi3l5m] {
    border-radius: 6px;
    background: #3578EE;
    height: 37px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 138px;
    color: #FFF;
}

.BulletBox-1-1[b-ilzxxi3l5m] {
    height: 235px;
    overflow: inherit;
}

.drop-down-bx[b-ilzxxi3l5m] {
    position: absolute;
    border-radius: 6px;
    border: 1px solid rgba(0,0,0,0.10);
    background: #FFF;
    width: 100%;
    top: 35px;
    z-index: 99;
}

    .drop-down-bx div[b-ilzxxi3l5m] {
        height: 33px;
        width: 95%;
        color: rgba(0,0,0,0.90); /* font-family:OPPOSans;*/
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.26px;
        padding-left: 5%;
        line-height: 33px;
        border-bottom: rgba(0,0,0,0.10) 1px solid;
    }

        .drop-down-bx div:hover[b-ilzxxi3l5m] {
            background: #F0F1F7;
        }

.configuration-Box-width-div[b-ilzxxi3l5m] {
    width: 416px;
}

.configuration-Box-name-div[b-ilzxxi3l5m] {
    width: 322px;
}

.CustomerServiceTeam-div-width:hover[b-ilzxxi3l5m] {
    background: #FFF;
}

.BulletBox3-t-3-div[b-ilzxxi3l5m] {
    height: auto;
}

    .BulletBox3-t-3-div textarea[b-ilzxxi3l5m] {
        width: 90%;
        background: fixed;
        padding: 4%;
        outline: none;
        color: rgba(0,0,0,0.40); /* font-family:OPPOSans;*/
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.26px; /* resize:none;*/
    }

    .BulletBox3-t-3-div textarea[b-ilzxxi3l5m] {
        overflow: hidden;
        color: rgba(0,0,0,0.90);
        text-overflow: ellipsis;
        font-family: 'OPPOSans-M';
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal; /* resize:none;*/
        width: 90%;
        background: none;
        outline: none;
        height: 123px;
    }

        .BulletBox3-t-3-div textarea[b-ilzxxi3l5m]::placeholder {
            color: rgba(0,0,0,0.40);
            font-family: OPPOSans-R;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.28px;
        }

.BulletBox3-t-2-div[b-ilzxxi3l5m] { /* background:red;*/
    width: 420px;
}

.BulletBox3-t-1-div[b-ilzxxi3l5m] {
    color: rgba(0,0,0,0.60);
    text-align: right;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    width: 67px;
    margin-right: 12px; /* width:67px;*/
    padding-top: 7px;
}

.popFrameBox[b-ilzxxi3l5m] {
    border-radius: 6px;
    position: absolute;
    background: #fff;
    left: 50%;
    right: 0;
    top: 50%; /* top:0;*/
    bottom: 0;
    width: 480px;
    height: 509px; /* margin:0 auto;*/
    transform: translate(-50%,-50%);
    overflow: hidden;
    border-radius: 6px;
}

.popFrameBox-1[b-ilzxxi3l5m] {
    display: flex;
    justify-content: space-between;
    padding: 0 20px 0 20px;
    height: 60px;
}

.popFrameBox-2[b-ilzxxi3l5m] {
    display: flex;
    align-items: center;
    color: rgba(0,0,0,0.90);
    font-family: OPPOSans-b;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.32px;
}

.BulletBox3-1[b-ilzxxi3l5m] {
    display: flex;
    align-items: center;
}

.popFrameBox-3-1[b-ilzxxi3l5m] {
    display: flex;
    align-items: center;
}

.popFrameBox-4[b-ilzxxi3l5m] { /* background:red;*/
    width: 420px;
    display: flex; /* align-items:center;*/
    margin-bottom: 12px; /* width:332px;*/
    margin: 0 auto;
    margin-bottom: 12px;
}

.popFrameBox-5[b-ilzxxi3l5m] {
    color: rgba(0,0,0,0.60);
    text-align: right;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    width: 67px;
    margin-right: 12px; /* width:67px;*/
    padding-top: 7px;
}

.popFrameBox-6[b-ilzxxi3l5m] {
    width: 339px;
    border-radius: 6px;
    border: 1px solid rgba(0,0,0,0.10);
    background: #FFF; /* height:31px;*/ /* display:flex;*/ /* align-items:center;*/
    display: flex; /* justify-content:space-between;*/
    position: relative;
}

    .popFrameBox-6 input[b-ilzxxi3l5m] {
        color: rgba(0,0,0,0.90);
        font-family: 'OPPOSans-M';
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.26px;
        padding-left: 12px;
        outline: none;
        background: none;
    }

.popFrameBox-7 input[b-ilzxxi3l5m] {
    color: rgba(0,0,0,0.90);
    font-family: OPPOSans-M;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.popFrameBox-8[b-ilzxxi3l5m] {
    margin-right: 12px;
    color: #3578EE;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.popFrameBox-9[b-ilzxxi3l5m] {
    width: 420px;
    margin: 0 auto;
    display: flex;
}

.popFrameBox-10[b-ilzxxi3l5m] { /* display:flex;*/
    float: left;
    width: 240px; /* overflow-y:auto;*/ /* height:145px;*/ /* overflow-x:hidden;*/
}

.popFrameBox-11[b-ilzxxi3l5m] {
    width: 115px;
    float: left;
    display: flex;
    margin-bottom: 16px;
}

.popFrameBox-12[b-ilzxxi3l5m] { /* float:left;*/ /* display:flex;*/
}

    .popFrameBox-12 input[b-ilzxxi3l5m] {
        float: left;
        margin-top: 2px;
        margin-right: 8px;
        width: 14px;
        height: 14px;
    }

.popFrameBox-13[b-ilzxxi3l5m] {
    color: rgba(0,0,0,0.90);
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.popFrameBox-14[b-ilzxxi3l5m] { /* float:left;*/ /* display:flex;*/
}

    .popFrameBox-14 input[b-ilzxxi3l5m] {
        float: left;
        margin-top: 2px;
        margin-right: 8px;
        width: 14px;
        height: 14px;
    }

.popFrameBox-3[b-ilzxxi3l5m] {
}

.popFrameBox-6-1[b-ilzxxi3l5m] {
    margin-bottom: 20px; /* clear:both;*/ /* overflow:hidden;*/
    display: flex;
    margin: 0 auto;
    width: 420px;
}

.height-box[b-ilzxxi3l5m] {
    height: 31px;
}

.width-box-pop[b-ilzxxi3l5m] {
    width: 100%;
}

.popFrameBox-6-2[b-ilzxxi3l5m] {
    margin-bottom: 12px;
}

.boxDiv4_6-1[b-ilzxxi3l5m] {
    display: flex;
    align-items: center; /* border-radius:36px;*/
    border: 1px solid var(--01,rgba(0,0,0,0.10));
    background: #FFF;
    padding: 0 20px;
    height: 37px; /* margin-right:10px;*/ /* border-radius:6px;*/ /* width:234px;*/
    border-radius: 6px;
    margin: 0 0px 0 28px; /* margin-bottom:14px;*/
    padding-left: 16px;
}

.margin-top-box[b-ilzxxi3l5m] {
    margin-top: 27px;
}

.boxDiv4_6-1-1[b-ilzxxi3l5m] {
    width: 276px;
}

.boxDiv5_9_11_width_1[b-ilzxxi3l5m] {
    width: 4% !important;
    padding-left: 30px;
    text-align: center; /* font-family:'OPPOSans-R';*/
    font-family: 'OPPOSans-M';
}

.boxDiv5_9_11_width_2[b-ilzxxi3l5m] {
    width: 8% !important;
    text-align: center;
    padding-left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.boxDiv5_9_11_width_3[b-ilzxxi3l5m] {
    width: 10% !important;
    text-align: center;
    font-family: 'OPPOSans-R';
}

.boxDiv5_9_11_width_4[b-ilzxxi3l5m] {
    width: 11% !important;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #3578EE;
    font-family: OPPOSans;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    line-height: 25px;
}

.boxDiv5_9_11_width_5[b-ilzxxi3l5m] {
    width: 31% !important;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-right: 2%;
    display: flex;
}

    .boxDiv5_9_11_width_5 div[b-ilzxxi3l5m] {
        margin-right: 10px;
        font-family: 'OPPOSans-M';
        color: rgba(0,0,0,0.90); /* font-family:OPPOSans;*/
        font-size: 13px;
    }

.boxDiv5_9_11_width_6[b-ilzxxi3l5m] {
    text-align: center;
    width: 7%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.boxDiv5_9_11_width_7[b-ilzxxi3l5m] {
    width: 10%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .boxDiv5_9_11_width_7 div[b-ilzxxi3l5m] {
        font-family: 'OPPOSans-R';
    }

.boxDiv5_9_11_width_8[b-ilzxxi3l5m] {
    width: 8%;
    text-align: center;
}

.boxDiv5_9_11_width_9[b-ilzxxi3l5m] {
}

.boxDiv5_9_13-1-1[b-ilzxxi3l5m] {
    padding-left: 0;
    width: 5%;
}

.boxDiv5_9_13-1-2[b-ilzxxi3l5m] {
    width: 13%;
}

.boxDiv5_9_13-1-3[b-ilzxxi3l5m] {
    width: 13%;
}

.boxDiv5_9_13-1-4[b-ilzxxi3l5m] {
    width: 25%;
}

.boxDiv5_9_13-1-5[b-ilzxxi3l5m] {
    width: 20%;
}

.mmargin[b-ilzxxi3l5m] {
    margin-left: 30px;
}

.boxDiv5_9_11_width_0[b-ilzxxi3l5m] {
    width: 7%;
}

.boxDiv5_9_11-1-1[b-ilzxxi3l5m] {
    color: #3578EE;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    width: 29px;
    height: 23px; /* border-radius:4px;*/ /* background:rgba(240,70,66,0.10);*/
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    background: rgba(53,120,238,0.10);
}

.boxDiv5_9_11_width_4-1[b-ilzxxi3l5m] {
    border-radius: 4px;
    border: 1px solid rgba(53,120,238,0.50);
    width: 56px;
    height: 23px;
}

.widthBox-group-1[b-ilzxxi3l5m] {
    width: auto;
}

.dong_1[b-ilzxxi3l5m] {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #2FBA56;
    font-size: 13px;
    border-radius: 4px;
    font-family: 'OPPOSans-R';
}

    .dong_1 div[b-ilzxxi3l5m] {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .dong_1 svg[b-ilzxxi3l5m] {
        margin-right: 4px;
    }

.dong_2[b-ilzxxi3l5m] {
    display: flex;
    justify-content: space-between;
    width: 7%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .dong_2 div[b-ilzxxi3l5m] {
        margin-left: 24%; /* margin-right:13%;*/
    }

.color_div-1[b-ilzxxi3l5m] {
    color: #E58E0A;
}

.color_div-bg[b-ilzxxi3l5m] {
    background: rgba(245,155,20,0.10);
}

.color_div-2[b-ilzxxi3l5m] {
    color: rgba(0,0,0,0.60);
}

.color_div-bg2[b-ilzxxi3l5m] {
    background: rgba(0,0,0,0.05);
}

.color_div-bg3[b-ilzxxi3l5m] {
    border: 1px solid rgba(0,0,0,0.20);
}

.color_div-bg3[b-ilzxxi3l5m] {
    color: rgba(0,0,0,0.90);
}

.color_div_c[b-ilzxxi3l5m] {
    color: rgba(0,0,0,0.60);
}

.color_div_b div[b-ilzxxi3l5m] {
    color: rgba(0,0,0,0.60);
}

.color-box[b-ilzxxi3l5m] {
    color: #F04642;
    background: rgba(240,70,66,0.10);
}

.width-div-box[b-ilzxxi3l5m] {
    width: 100%;
}

.genderSelection[b-ilzxxi3l5m] {
    position: absolute;
    background: #FFF;
    width: 100%;
    top: 30px;
    z-index: 10;
    border: 1px solid #e1e1e1;
    border-radius:6px;
}
    .genderSelection > div[b-ilzxxi3l5m] {
        padding-left: 10px;
        padding-top: 3px;
        padding-bottom:3px;
    }
    .genderSelection > div:hover[b-ilzxxi3l5m] {
        background: rgba(0,0,0,0.10)
    }

.IsEmpty[b-ilzxxi3l5m] {
 
    border: 1px solid red;
 
}
/* _content/Cyqf_ChatService/Elements/TalkTimeElement.razor.rz.scp.css */

.timeBox[b-j68iol60mo] {
    border-radius: 40px 0px 0px 40px;
    background: rgba(255,255,255,0.50); /* */
    box-shadow: -5px 4px 14px 0px rgba(42, 45, 52, 0.20);
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 158px;
    color: rgba(0,0,0,0.60);
    font-family: 'OPPOSans-M';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.24px;
    height: 32px;
    padding-right: 5px;
    position: absolute;
    right: 0;
    top: 65px;
}

.timeBoxImg[b-j68iol60mo] {
    width: 24px;
    height: 24px;
    margin-right: 6px;
}

    .timeBoxImg img[b-j68iol60mo] {
        width: 24px;
        height: 24px;
    }
/* _content/Cyqf_ChatService/Elements/TitleElement.razor.rz.scp.css */
.title-text[b-r4lscg673y] {
    font-size: 16px;
    font-weight: bold;
    color: black;
    margin-left: 10px;
    justify-self: start;
}

.Title[b-r4lscg673y] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
}
/* _content/Cyqf_ChatService/Elements/TransferColleague.razor.rz.scp.css */
.container[b-fiuupdoe63] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    height: 243px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    user-select: none;
}
input[b-fiuupdoe63] {
    background-color: transparent;
    border: 0;
    outline: none;
}

.svgDiv[b-fiuupdoe63] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top:2px;
}
 
input[b-fiuupdoe63]::placeholder {
    color: rgba(0,0,0,0.40);
    font-family: OPPOSans-R;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
}

.group[b-fiuupdoe63] {
    display: flex;
    padding: 6px 0px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    overflow: hidden;
    color: rgba(0, 0, 0, 0.60);
    text-overflow: ellipsis;
    font-family: OPPOSans-R;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
}

.search[b-fiuupdoe63] {
    display: flex;
    height: 37px;
    padding: 8px 16px;
    align-items: center;
    gap: 4px;
    align-self: stretch;
    border-radius: 6px;
    background: #F0F1F7;
}

.colleagueList[b-fiuupdoe63] {
    overflow-y: auto;
    height: 160px;
    width: 100%;
}

    .colleagueList[b-fiuupdoe63]::-webkit-scrollbar {
        width: 2px; /* 滚动条宽度 */
        height: 0px;
       
    }

/* 滚动条滑块 */
    .colleagueList[b-fiuupdoe63]::-webkit-scrollbar-thumb {
        background: #dadce4;
    }

    /* 滚动条滑块悬停状态 */
        .colleagueList[b-fiuupdoe63]::-webkit-scrollbar-thumb:hover {
            background: #555; /* 悬停状态颜色 */
        }
.colleagueItem[b-fiuupdoe63] {
    display: flex;
    padding: 6px 10px;
    align-items: center;
    gap: 4px;
    align-self: stretch;
    width:100%;
    cursor:pointer;
}
    .colleagueItem img[b-fiuupdoe63] {
        display: flex;
        width: 20px;
        height: 20px;
        padding: 0.5px;
        justify-content: center;
        align-items: center;
    }
.colleagueItemPitch[b-fiuupdoe63] {
    background: #DDE7FB;
    position:relative;
}
.colleagueItemPitchSvg[b-fiuupdoe63] {
    position:absolute;
    right:10px;
}
.offline[b-fiuupdoe63] {
 opacity:0.5;
}
.operation[b-fiuupdoe63] {
    display: flex;
    padding: 0px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    box-shadow: 0px -2px 8px 0px rgba(0, 0, 0, 0.10);
    height:54px;
}
.cancel[b-fiuupdoe63] {
    display: flex;
    height: 37px;
    padding: 4px 30px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    flex: 1 0 0;
    color: rgba(0, 0, 0, 0.90);
    text-align: center;
    font-family: OPPOSans-M;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
    border-radius: 26px;
    cursor: pointer;
    user-select: none;
}
.affirm[b-fiuupdoe63] {
    display: flex;
    height: 37px;
    padding: 4px 30px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    flex: 1 0 0;
    border-radius: 26px;
    color: #3578EE;
    font-family: OPPOSans-M;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
    cursor: pointer;
    user-select:none;
}

.affirmOnPitch[b-fiuupdoe63] {
    color: #c8c8c8;
 
}
.lien[b-fiuupdoe63] {
    width: 1px;
    height: 100%;
    background: rgba(0, 0, 0, 0.10);
}
/* _content/Cyqf_ChatService/Elements/TransferFail.razor.rz.scp.css */

.container[b-0slnshr8w2] {

    height:232px;
    user-select:none;
}

.icon[b-0slnshr8w2] {
    padding: 20px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.describe[b-0slnshr8w2] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    align-self: stretch;
}
.connect[b-0slnshr8w2] {
    color: rgba(0, 0, 0, 0.90);
    text-align: center;
    font-family: OPPOSans-B;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.32px;

}
    .connect svg[b-0slnshr8w2] {
        margin-bottom: 3px;
    }
.infor[b-0slnshr8w2] {

    margin-top:8px;

}
.closeButDiv[b-0slnshr8w2] {
    width: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
    margin-top:20px;
}
.closeBut[b-0slnshr8w2] {
    display: flex;
    width: 118px;
    height: 37px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 6px;
    background: #F04642;
    color: #FFF;
    font-family: OPPOSans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
    cursor:pointer;
}
p[b-0slnshr8w2] {
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    color:   rgba(0, 0, 0, 0.60) ;
    text-align: center;
    text-overflow: ellipsis;
    font-family: OPPOSans-R;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 19.5px */
    letter-spacing: 0.26px;
}
.operation[b-0slnshr8w2] {
    display: flex;
    padding: 0px 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    box-shadow: 0px -2px 8px 0px rgba(0, 0, 0, 0.10);
    height: 54px;
}

.cancel[b-0slnshr8w2] {
    display: flex;
    height: 37px;
    /*padding: 4px 30px;*/
    justify-content: center;
    align-items: center;
    gap: 4px;
    flex: 1 0 0;
    color: rgba(0, 0, 0, 0.90);
    text-align: center;
    font-family: OPPOSans-M;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
    border-radius: 26px;
    cursor: pointer;
    user-select: none;
}

.affirm[b-0slnshr8w2] {
    display: flex;
    height: 37px;
    /*padding: 4px 30px;*/
    justify-content: center;
    align-items: center;
    gap: 4px;
    flex: 1 0 0;
    color: #3578EE;
    font-family: OPPOSans-M;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
    cursor: pointer;
    user-select: none;
}

.lien[b-0slnshr8w2] {
    width: 1px;
    height: 100%;
    background: rgba(0, 0, 0, 0.10);
}
/* _content/Cyqf_ChatService/Elements/TransferIcon.razor.rz.scp.css */
.target[b-r0pkjw2cl6] {
    width: 90px;
    height: 90px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .target[b-r0pkjw2cl6]::before, .target[b-r0pkjw2cl6]::after, .target div[b-r0pkjw2cl6] {
        content: '';
        position: absolute;
        border: 1px solid #3578EE;
        border-radius: 100%;
        animation: pulse-b-r0pkjw2cl6 0.5s alternate infinite;
    }

    .target[b-r0pkjw2cl6]::before {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        animation-delay: 0.5s;
    }

    .target[b-r0pkjw2cl6]::after {
        width: 87%;
        height: 87%;
        top: calc(50% - 43.5%);
        left: calc(50% - 43.5%);
        animation-delay: 0.25s;
    }

    .target div[b-r0pkjw2cl6] {
        width: 73%;
        height: 73%;
        /* top: calc(50% - 36.5%);
        left: calc(50% - 36.5%);*/
        animation-delay: 0s;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
    }

img[b-r0pkjw2cl6] {
    width: 51px;
    height: 51px;
    border-radius: 100%;
}

@keyframes pulse-b-r0pkjw2cl6 {
    0% {
        border: 1px solid rgba(53,120,238,0.50);
    }

    100% {
        border: 1px solid rgba(53,120,238,0.10);
    }
}
/* _content/Cyqf_ChatService/Elements/TransferReceiveNotice.razor.rz.scp.css */

.container[b-2rd71r9urx] {

    height:232px;
    user-select:none;
}

.icon[b-2rd71r9urx] {
    padding: 20px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.describe[b-2rd71r9urx] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    align-self: stretch;
}
.connect[b-2rd71r9urx] {
    color: rgba(0, 0, 0, 0.90);
    text-align: center;
    font-family: OPPOSans-B;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.32px;

}
    .connect svg[b-2rd71r9urx] {
        margin-bottom: 3px;
    }
.infor[b-2rd71r9urx] {

    margin-top:8px;

}
.closeButDiv[b-2rd71r9urx] {
    width: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
    margin-top:20px;
}
.closeBut[b-2rd71r9urx] {
    display: flex;
    width: 118px;
    height: 37px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 6px;
    background: #F04642;
    color: #FFF;
    font-family: OPPOSans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
    cursor:pointer;
}
p[b-2rd71r9urx] {
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    color:   rgba(0, 0, 0, 0.60) ;
    text-align: center;
    text-overflow: ellipsis;
    font-family: OPPOSans-R;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 19.5px */
    letter-spacing: 0.26px;
}
.operation[b-2rd71r9urx] {
    display: flex;
    padding: 0px 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    box-shadow: 0px -2px 8px 0px rgba(0, 0, 0, 0.10);
    height: 54px;
}

.cancel[b-2rd71r9urx] {
    display: flex;
    height: 37px;
    /*padding: 4px 30px;*/
    justify-content: center;
    align-items: center;
    gap: 4px;
    flex: 1 0 0;
    color: rgba(0, 0, 0, 0.90);
    text-align: center;
    font-family: OPPOSans-M;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
    border-radius: 26px;
    cursor: pointer;
    user-select: none;
}

.affirm[b-2rd71r9urx] {
    display: flex;
    height: 37px;
    /*padding: 4px 30px;*/
    justify-content: center;
    align-items: center;
    gap: 4px;
    flex: 1 0 0;
    color: #3578EE;
    font-family: OPPOSans-M;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
    cursor: pointer;
    user-select: none;
}

.lien[b-2rd71r9urx] {
    width: 1px;
    height: 100%;
    background: rgba(0, 0, 0, 0.10);
}
/* _content/Cyqf_ChatService/Elements/TransferSuccess.razor.rz.scp.css */

.container[b-0fm1org053] {

    height:286px;
    user-select:none;
}

.icon[b-0fm1org053] {
    padding: 20px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.describe[b-0fm1org053] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  margin-top:0;
    align-self: stretch;
}
.connect[b-0fm1org053] {
    color: rgba(0, 0, 0, 0.90);
    text-align: center;
    font-family: OPPOSans-B;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.32px;
   
}
    .connect svg[b-0fm1org053] {
    
        margin-bottom:3px;
    
    }
    .infor[b-0fm1org053] {
        margin-top: 8px;
    }
.closeButDiv[b-0fm1org053] {
    width: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
    margin-top:20px;
}
.closeBut[b-0fm1org053] {
    display: flex;
    width: 118px;
    height: 37px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 6px;
    background: #3578EE;
    color: #FFF;
    font-family: OPPOSans-R;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
    cursor: pointer;
}
p[b-0fm1org053] {
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    color:   rgba(0, 0, 0, 0.60) ;
    text-align: center;
    text-overflow: ellipsis;
    font-family: OPPOSans-R;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 19.5px */
    letter-spacing: 0.26px;
}
/* _content/Cyqf_ChatService/Elements/TransferWait.razor.rz.scp.css */

.container[b-6zhhkkn8i5] {

    height:286px;
    user-select:none;
}

.icon[b-6zhhkkn8i5] {
    padding: 20px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.describe[b-6zhhkkn8i5] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  margin-top:0;
    align-self: stretch;
}
.connect[b-6zhhkkn8i5] {
    color:   rgba(0, 0, 0, 0.90);
    text-align: center;
    font-family: OPPOSans-B;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.32px;
}
.infor[b-6zhhkkn8i5] {

    margin-top:8px;

}
.closeButDiv[b-6zhhkkn8i5] {
    width: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
    margin-top:20px;
}
.closeBut[b-6zhhkkn8i5] {
    display: flex;
    width: 118px;
    height: 37px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 6px;
    background: #F04642;
    color: #FFF;
    font-family: OPPOSans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
    cursor:pointer;
}
p[b-6zhhkkn8i5] {
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    color:   rgba(0, 0, 0, 0.60) ;
    text-align: center;
    text-overflow: ellipsis;
    font-family: OPPOSans-R;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 19.5px */
    letter-spacing: 0.26px;
}
/* _content/Cyqf_ChatService/Elements/UserInfor.razor.rz.scp.css */

.UserNameInfor[b-t700j47sg0] {
    /* width: 101px;*/
    height: 40px;
    position: absolute;
    
    top: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    /*background-color: #6060EF;*/
    /*    position: relative;
    align-items: center;*/
}
.CompanyUserNameInfor[b-t700j47sg0] {
 
    right: 80px;
 
}
.StaffUserNameInfor[b-t700j47sg0] {
    right: 173px;
}
.UserNameInfor img[b-t700j47sg0] {
    width: 38px;
    height: 38px;
    border: 1px solid rgba(255, 255, 255, 0.50);
    border-radius: 40px;
}

    .UserNameInfor span[b-t700j47sg0] {
        margin-left: 5px;
        color: rgba(255,255,255,0.9);
        font-size: 14px;
        /*font-weight: 600;*/
        font-family: 'Microsoft YaHei';
        letter-spacing: 0.28px;
        font-style: normal;
        font-weight: bold;
    }
#state[b-t700j47sg0] {
    margin-left: 5px;
}
.segmentation[b-t700j47sg0] {
    position: absolute;
    right: 153px;
    top: 20px;
}

.state[b-t700j47sg0] {
    position: absolute;
    right: 60px;
    top: 20px;
    color: rgba(255,255,255,0.9);
    display: flex;
    justify-content: center;
    align-items: center;
}

.stateText[b-t700j47sg0] {
    font-family: 'Microsoft YaHei';
    font-weight: bold;
    letter-spacing: 0.28px;
    font-size: 14px;
}

.dropdown[b-t700j47sg0] {
    position: absolute;
    right: 60px;
    top: 20px;
    /* display: flex;
    justify-content: center;
    align-items: center;*/

    width: 73px;
    border: none;
    background-color: transparent;
    color: rgba(255,255,255,0.9);
    font-family: 'Microsoft YaHei';
    font-weight: bold;
    appearance: none;
    user-select: none;
    cursor: pointer;
    
}

.dropdown-menus[b-t700j47sg0] {
    width: 85px;
    height: 98px;
    color: rgba(0,0,0,0.8);
    margin-top: 3px;
    background-color: rgba(255,255,255,1);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center; /* 水平居中 */
    justify-content: center; /* 垂直居中 */
    /*border: 1px outset rgba(255,255,255,0.9);*/
}

.dropdown-items[b-t700j47sg0] {
    font-size: 14px;
    /* display: flex;*/
    width: 61px;
    height: 30px;
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    margin-bottom: 5px;
    user-select: none;
    cursor: pointer;
    display: inline-flex;
    padding: 6px 16px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 6px;
    background: var(--unnamed, #F8F8FA);
    color: #000;
    /*padding-right:13px;*/
}

.dropdown-items-select[b-t700j47sg0] {
    background: var(--unnamed, #00AFE7);
    color: #FFF;
}
/* _content/Cyqf_ChatService/Pages/Dialogue.razor.rz.scp.css */

*[b-5qjh86end4], [b-5qjh86end4]::after, [b-5qjh86end4]::before {
    box-sizing: initial; /* border-box;*/
}



ul[b-5qjh86end4], li[b-5qjh86end4], dl[b-5qjh86end4], dt[b-5qjh86end4], dd[b-5qjh86end4], img[b-5qjh86end4], h1[b-5qjh86end4], h2[b-5qjh86end4], h3[b-5qjh86end4], h4[b-5qjh86end4], h5[b-5qjh86end4], h6[b-5qjh86end4], p[b-5qjh86end4], a[b-5qjh86end4], textarea[b-5qjh86end4], input[b-5qjh86end4], span[b-5qjh86end4], div[b-5qjh86end4], i[b-5qjh86end4], time[b-5qjh86end4], article[b-5qjh86end4], header[b-5qjh86end4], h3[b-5qjh86end4], button[b-5qjh86end4] {
    border: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    font-family: "OPPOSans-M";
}

.staging_box[b-5qjh86end4] {
    width: 100%;
    display: flex;
    height: 100vh;
    overflow-y: hidden;
}

.staging_leftBox[b-5qjh86end4] {
}

.staging_rightBox[b-5qjh86end4] {
}

.sessionWhole[b-5qjh86end4] {
    width: 394px;
    background: #f5f6fa;
    display: flex;
    min-width: 394px;
    overflow: hidden;
}

.sessionUserBox[b-5qjh86end4] {
    width: 100%;
    background: #ecedf6;
    margin-left: 14px;
    position: relative;
    display: flex;
}

.sessionWindow[b-5qjh86end4] {
    width: 307px;
    background: #f5f6fa;
    position: relative;
    min-width: 307px;
    height: 100vh;
    display: flex;
    flex-direction: column;
}

.visitorBox[b-5qjh86end4] {
}

.width70[b-5qjh86end4] {
    width: 70px;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    overflow-y: auto;
}

.topBox[b-5qjh86end4] {
    text-align: center;
    /*padding-top: 8px;*/
    background: #F0F1F7;
    width: 100%;
}

    .topBox .active[b-5qjh86end4] {
        background: #F0F1F7;
    }

.toBoxTop[b-5qjh86end4] {
}

    .toBoxTop .jiao[b-5qjh86end4] {
    }

.toBoxQuanbu[b-5qjh86end4] {
    color: rgba(0,0,0,0.60);
    text-align: center;
    font-family: OPPOSans;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.24px;
}

 
.toBoxNum[b-5qjh86end4] {
    padding: 16px 0 16px 0;
    margin: 0 auto;
    color: rgba(0,0,0,0.60);
    text-align: center;
    font-family: 'OPPOSans-M';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.24px;
    background: #ffffff;
    cursor:pointer;
    height:35px;
}

    .toBoxNum .toBoxNum2[b-5qjh86end4] {
        font-family: "OPPOSans-M";
    }
  

    .toBottomTab[b-5qjh86end4] {
        top: 0;
        height: 47%;
        position: relative;
        display: flex;
        flex-direction: column;
    }

    .toBottomTab .TabLeft[b-5qjh86end4] {
    }

        .toBottomTab .TabLeft .jiao[b-5qjh86end4] {
            display: flex;
            justify-content: center;
            align-items: center;
            margin-bottom: 16px;
        }

.tabBox[b-5qjh86end4] {
    /*position:relative;*/
    height:100%;

}
.tabBoxRound[b-5qjh86end4] {
    position: relative;
    width: 30px;
    height: 30px;
    margin-bottom: 16px;
    cursor:pointer;
}

.RoundBox[b-5qjh86end4] {
    width: 6px;
    height: 6px;
    background: #34D361;
    border-radius: 60px;
    border: 2px solid #fff;
    position: absolute;
    left: -4px;
    top: 0;
}

.RoundBoxImg[b-5qjh86end4] {
    width: 30px;
    height: 30px;
    border-radius: 100px;
}

.RoundBoxFont[b-5qjh86end4] {
    width: 15px;
    height: 12px;
    position: absolute;
    right: 0;
    bottom: 0;
}

    .RoundBoxFont img[b-5qjh86end4] {
        width: 100%;
        height: 100%;
        display: block
    }

.TabRight[b-5qjh86end4] {
   
}

    .TabRight .jiao[b-5qjh86end4] {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 20px;
    }

.borderBox[b-5qjh86end4] {
    border-bottom: #f4f4f4 1px solid;
    width: 55px;
    margin: 0 auto;
}

.qbBox[b-5qjh86end4] {
    color: rgba(0,0,0,0.90);
    text-align: center;
    font-family: OPPOSans-B;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.32px;
}

.huiBox[b-5qjh86end4] {
    background: #c8c8c8;
}

.width300[b-5qjh86end4] {
    padding-top: 10px;
    overflow-y: auto;
    width: 324px;
    /*position:relative*/
}

.sessionBox[b-5qjh86end4] {
    display: flex;
    align-items: center;
    padding: 12px 10px 12px 10px;
    background: #fff;
    border-radius: 5px;
    margin: 0 10px 0 10px;
    margin-bottom: 8px;
    cursor: pointer;
}


.sessionBoxLi[b-5qjh86end4] {
    width: 40px;
    height: 40px;
    position: relative;
    margin-right: 10px;
    z-index:9;
}

.sessionBoxLi_r[b-5qjh86end4] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 40px;
    width: 100%;
    z-index:9;
}

.dian[b-5qjh86end4] {
    width: 8px;
    height: 8px;
    border: 2px solid #fff;
    background: #34D361;
    border-radius: 80px;
    position: absolute;
    left: -2px;
    top: -1px;
}

.liImg[b-5qjh86end4] {
    width: 40px;
    height: 40px;
    border-radius: 40px;
}

.Li_r[b-5qjh86end4] {
    display: flex;
    justify-content: space-between;
    z-index:9;
}

.Li_rBox[b-5qjh86end4] {
    display: flex;
}

.Li_rFont[b-5qjh86end4] {
    overflow: hidden;
    color: #000;
    text-overflow: ellipsis;
    font-family: 'OPPOSans-M';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
    margin-right: 6px;
    max-width: 70px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    /*overflow:hidden;*/
    text-overflow:ellipsis;
    white-space: normal;
}

.LiEnterprise[b-5qjh86end4] {
    overflow: hidden;
    color: #3578EE;
    text-overflow: ellipsis;
    font-family: 'OPPOSans-M';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 4px;
    border: 1px solid rgba(53,120,238,0.60);
    padding-left: 4px;
    padding-right: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 16px;
    margin-right: 6px;
}

.LiTime[b-5qjh86end4] {
    color:  rgba(0,0,0,0.40) ;
    text-align: right;
    font-family: 'OPPOSans-M';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.24px;
}

.LiFontBox[b-5qjh86end4] {
    display: flex;
    justify-content: space-between;
    z-index:9;
}

.LiFont[b-5qjh86end4] {
    overflow: hidden;
    color: rgba(0,0,0,0.50);
    text-overflow: ellipsis;
    whitespace: nowrap;
    font-family: 'OPPOSans-M';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.24px;
    width: 85%;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.LiNumer[b-5qjh86end4] {
    color: #FFF;
    text-align: center;
    font-family: 'OPPOSans-R';
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #F04642;
    width: 16px;
    height: 16px;
}

    .LiNumer div[b-5qjh86end4] {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -o-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.79);
        font-family: 'OPPOSans-R';
    }

.imgrR[b-5qjh86end4] {
    width: auto;
    height: 18px;
    border-radius: 8px 8px 8px 1px;
    background: linear-gradient(180deg,#F1662F 0%,#FB9722 100%);
    padding-left: 6px;
    padding-right: 6px;
    color: #fff;
    overflow: hidden;
    color: #FFF;
    text-overflow: ellipsis;
    font-family: 'OPPOSans-R';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.24px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: -5px;
    bottom: 0;
}

[b-5qjh86end4]::-webkit-scrollbar {
    width: 4px;
    height: 8px;
}

[b-5qjh86end4]::-webkit-scrollbar-thumb {
    background: #dadce4;
    border-radius: 3px;
}

    [b-5qjh86end4]::-webkit-scrollbar-thumb:hover {
        background-color: #555;
    }

.bg_color[b-5qjh86end4] {
    background: linear-gradient(to right,#fff 44%,#d7f6e0);
}

.BulletBox[b-5qjh86end4] {
    width: 136px;
    background: #fff;
    box-shadow: 0px 4px 14px 0px rgba(42,45,52,0.20);
    position:absolute;
    top:0;
    left:0;
    z-index:99;
}

.BulletBoxList[b-5qjh86end4] {
    height: 38px;
    line-height: 38px;
    padding-left: 20px;
    display: flex;
    align-items: center;
    font-family: 'OPPOSans-M';
    color: rgba(0,0,0,0.90);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
    cursor:pointer;
}

    .BulletBoxList:hover[b-5qjh86end4] {
        background: #F0F1F7;
    }

.BulletBoxInput[b-5qjh86end4] {
    display: flex;
    align-items: center;
    border-radius: 2px;
    border: 1px solid rgba(0,0,0,0.6);
    width: 14px;
    height: 14px;
    margin-right: 8px;
}

.BulletBoxImg[b-5qjh86end4] {
    display: flex;
    align-items: center;
    padding-left: 20px;
    height: 38px;
}

.BulletImgBox[b-5qjh86end4] {
    padding-right: 8px;
    display: flex;
    align-items: center;
}

.sessionWindowTitle[b-5qjh86end4] {
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
 
}

.titleRecord[b-5qjh86end4] {
}

.borderBottom[b-5qjh86end4] {
    opacity: 0.1;
    background: linear-gradient(270deg,rgba(0,0,0,0.00) 0%,#000 15.06%,#000 84.74%,rgba(0,0,0,0.00) 100%);
    width: 136px;
    height: 1px;
}

.titleInformationRecord[b-5qjh86end4] {
    color: rgba(0,0,0,0.60);
    font-family: 'OPPOSans-M';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
    margin: 0px 15px;
    cursor:pointer;
}

.titleInformation[b-5qjh86end4] {
    font-family: 'OPPOSans-B';
    font-size: 16px;
    color: rgba(0,0,0,0.90);
}

.borderBottom2[b-5qjh86end4] {
    opacity: 0.1;
    background: linear-gradient(270deg,rgba(0,0,0,0.00) 0%,#000 15.06%,#000 84.74%,rgba(0,0,0,0.00) 100%);
    width: 300px;
    height: 1px;
}

.userBox[b-5qjh86end4] {
    padding-top: 14px;
    padding-bottom: 16px;
}

.userBoxImg[b-5qjh86end4] {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    margin-bottom: 16px;

}

    .userBoxImg img[b-5qjh86end4] {
        width: 100px;
        height: 100px;
        border-radius: 100px;
    }

.userBoxName[b-5qjh86end4] {
    overflow: hidden;
    color: rgba(0,0,0,0.90);
    text-overflow: ellipsis;
    font-family: 'OPPOSans-B';
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.3px;
    text-align: center;
}

.AcceptanceBox[b-5qjh86end4] {
    justify-content: space-between;
    display: flex;
    margin: 0 14px 20px 14px;
}

    .AcceptanceBox div[b-5qjh86end4] {
        border-radius: 6px;
        background: #FFF;
        width: 85px;
        height: 43px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        padding-top: 16px;
        padding-bottom: 18px;
    }

        .AcceptanceBox div:hover[b-5qjh86end4] {
            border-radius: 6px;
            background: #FFF;
            box-shadow: 0px 4px 14px 0px rgba(42,45,52,0.20);
        }

        .AcceptanceBox div b[b-5qjh86end4] {
            overflow: hidden;
            color: rgba(0,0,0,0.90);
            text-overflow: ellipsis;
            font-family: 'OPPOSans-B';
            font-size: 15px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.3px;
        }

        .AcceptanceBox div span[b-5qjh86end4] {
            overflow: hidden;
            color: rgba(0,0,0,0.50);
            text-overflow: ellipsis;
            font-family: 'OPPOSans-M';
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.24px;
        }

.userInformation[b-5qjh86end4] {
    margin-left: 14px;
    height: 50%;
    overflow-y: auto;
    /*min-height: 242px;*/
}

    .userInformation div[b-5qjh86end4] {
        /*height: 16px;*/
        margin-bottom: 10px;
        display: flex;
    }

    .userInformation span[b-5qjh86end4] {
        width: 80px;
        display: flex;
        justify-content: flex-end;
        overflow: hidden;
        color: rgba(0,0,0,0.50);
        text-align: right;
        text-overflow: ellipsis;
        font-family: 'OPPOSans-M';
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.24px;
    }

    .userInformation b[b-5qjh86end4] {
        display: flex;
        overflow: hidden;
        color: rgba(0,0,0,0.90);
        text-overflow: ellipsis;
        font-family: 'OPPOSans-M';
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.24px;
    }

.borderBottom3[b-5qjh86end4] {
    opacity: 0.1;
    height: 1px;
    margin: 16px 0 0 0;
    border-bottom: #000 1px dashed;
    margin: 16px 14px 0 14px;
}

.userInformation1[b-5qjh86end4] {
    margin-left: 14px;
    padding-top: 16px;
    overflow: hidden;
}

    .userInformation1 div[b-5qjh86end4] {
        margin-bottom: 10px;
        display: flex;
        min-height: 16px;
    }

    .userInformation1 span[b-5qjh86end4] {
        width: 80px;
        display: flex;
        justify-content: flex-end;
        overflow: hidden;
        color: rgba(0,0,0,0.50);
        text-align: right;
        text-overflow: ellipsis;
        font-family: 'OPPOSans-M';
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.24px;
    }

    .userInformation1 b[b-5qjh86end4] {
        display: flex;
        color: rgba(0,0,0,0.90);
        text-overflow: ellipsis;
        font-family: 'OPPOSans-M';
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.24px;
        width: 176px;
    }

.textareaBox[b-5qjh86end4] {
    margin: 0 14px 8px 14px;
}

    .textareaBox textarea[b-5qjh86end4] {
        outline: none;
        padding: 16px 20px 16px 20px;
        width: 230px;
        overflow: hidden;
        color: rgba(0,0,0,0.90);
        text-overflow: ellipsis;
        font-family: 'OPPOSans-R';
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.26px;
        height: 114px;
        resize: none;
        overflow:scroll;
    }

        .textareaBox textarea[b-5qjh86end4]::placeholder {
            color: rgba(0,0,0,0.40);
            font-family: OPPOSans-R;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.28px;
        }

.btnBox2[b-5qjh86end4] {
    justify-content: space-between;
    display: flex;
    height: 56px;
    width: 100%;
    cursor: pointer;
}

    .btnBox2 .btnBoxQuestionability[b-5qjh86end4] {
        background: linear-gradient(180deg,#FB9722 0%,#F1662F 100%);
        display: flex;
        justify-content: center;
        align-items: center;
        width: 50%;
        overflow: hidden;
        color: #FFF;
        text-overflow: ellipsis;
        font-family: 'OPPOSans-R';
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.28px;
    }

.btnBoxQuestionability div svg[b-5qjh86end4] {
    vertical-align: baseline !important;
}

.btnBox2 .btnBoxQuestionability div[b-5qjh86end4] {
    border-radius: 2px;
    border: 1px solid #FFF;
    width: 16px;
    height: 16px;
    margin-right: 8px;
}

.btnBox2 .btnBoxPush[b-5qjh86end4] {
    background: linear-gradient(180deg,#67BCFF 0%,#2F6AF6 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    overflow: hidden;
    color: #FFF;
    text-overflow: ellipsis;
    font-family: 'OPPOSans-R';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
}
.btnBox2 .notBtnBoxPush[b-5qjh86end4] {

    background:#c8c8c8;

}


.btnBox2 .btnBoxPush div[b-5qjh86end4] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
}

.sessionBoxLi2[b-5qjh86end4] { /* display:flex;*/
    width: 40px;
    height: 40px;
    position: relative;
    margin-right: 10px;
}

.dian2[b-5qjh86end4] {
    width: 8px;
    height: 8px;
    border: 2px solid #fff;
    background: #34D361;
    border-radius: 80px;
    position: absolute;
    left: -2px;
    top: -1px;
}

.liImg2[b-5qjh86end4] {
    width: 40px;
    height: 40px;
    border-radius: 100px;
}

.borderBox2[b-5qjh86end4] {
    background: rgba(0,0,0,0.10);
    width: 1px;
    height: 20px;
}

.UserNameBox[b-5qjh86end4] {
    display: flex;
    justify-content: space-between;
    margin: 0 6px 0 6px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.UserName[b-5qjh86end4] {
    display: flex;
    align-items: center;
    overflow: hidden;
    color: rgba(0,0,0,0.90);
    text-overflow: ellipsis;
    font-family: 'OPPOSans-M';
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.3px;
}

.UserOptions[b-5qjh86end4] {
    display: flex;
    align-items: center;
/*    padding-top: 5px;
    padding-bottom: 5px;*/
    user-select:none;
}

    .UserOptions div[b-5qjh86end4] {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        width: 45px;
        height: 36px;
        padding: 5px 10px;
    }

        .UserOptions div img[b-5qjh86end4] {
            width: 16px;
            height: auto;
            display: block; /* object-fit:cover;*/
            max-width: 16px;
        }

    .UserOptions span[b-5qjh86end4] {
        width: 17px;
        height: 16px;
        display: block;
        text-align: center;
    }

    .UserOptions b[b-5qjh86end4] {
        color: rgba(0,0,0,0.60);
        font-family: 'OPPOSans-M';
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.24px;
    }

.borderBottom4[b-5qjh86end4] {
    opacity: 0.1;
    background: linear-gradient(270deg,rgba(0,0,0,0.00) 0%,#000 15.06%,#000 84.74%,rgba(0,0,0,0.00) 100%);
    width: 100%;
    height: 1px;
    margin-bottom: 20px;
}

.borderBottom5[b-5qjh86end4] {
    border-bottom: #e0e1ea 1px dashed;
}

.sessionBox1[b-5qjh86end4] {
    display: flex;
}

.sessionBox2[b-5qjh86end4] {
}

.sessionBox3[b-5qjh86end4] {
    width: 40px;
    height: 40px;
    margin-right: 6px;
}

    .sessionBox3 img[b-5qjh86end4] {
        width: 40px;
        height: 40px;
        border-radius: 100px;
    }

.sessionBox4[b-5qjh86end4] {
    display: flex;
    margin-bottom: 10px;
}

.sessionBox5[b-5qjh86end4] {
    display: flex;
}

.sessionBox6[b-5qjh86end4] {
    border-radius: 0px 8px 8px 8px;
    background: #FFF;
    padding: 10px;
    color: rgba(0,0,0,0.90);
    font-family: 'OPPOSans-M';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
    max-width: 470px;
}

    .sessionBox6:hover[b-5qjh86end4] {
        box-shadow: 0px 4px 14px 0px rgba(133,142,161,0.50);
    }

.HistoricalNews[b-5qjh86end4] {
    margin-right: 6px;
    position: relative;
    padding-top: 20px;
    padding-bottom: 30px;
    margin-left: 6px;
}

.HistoricalNewsBox[b-5qjh86end4] {
    color: rgba(0,0,0,0.30);
    text-align: center;
    font-family: 'OPPOSans-M';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.24px;
    position: absolute;
    right: 0;
    left: 0;
    top: 12px;
    background: #ecedf6;
    width: 106px;
    text-align: center;
    margin: 0 auto;
    user-select:none;
}

.sessionTime[b-5qjh86end4] {
    color: rgba(0,0,0,0.40);
    font-family: OPPOSans-M;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.24px;
    padding-left: 8px;
    opacity: 0.6;
}

.sessionBox1[b-5qjh86end4] {
    display: flex;
    margin-right: 6px;
    margin-left: 6px;
}

.sessionBox22[b-5qjh86end4] {
}

.sessionBox32[b-5qjh86end4] {
    width: 40px;
    height: 40px;
    margin-right: 6px;
}

    .sessionBox32 img[b-5qjh86end4] {
        width: 40px;
        height: 40px;
    }

.sessionBox42[b-5qjh86end4] {
    display: flex;
    margin-bottom: 4px;
}

.sessionBox52[b-5qjh86end4] {
    display: flex;
}

.sessionBox62[b-5qjh86end4] {
    border-radius: 0px 8px 8px 8px;
    background: #FFF;
    padding: 10px;
    color: rgba(0,0,0,0.90);
    font-family: 'OPPOSans-M';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
    max-width: 470px;
    word-break: break-all;
}

    .sessionBox62:hover[b-5qjh86end4] {
        box-shadow: 0px 4px 14px 0px rgba(133,142,161,0.50);
    }

.sessionBox1b[b-5qjh86end4] {
    display: flex;
    justify-content: flex-end;
    margin-right: 20px;
    margin-bottom: 10px;
    animation: sessionBox1bAnimation-b-5qjh86end4 0.5s forwards;
}

@keyframes sessionBox1bAnimation-b-5qjh86end4 {
    0% {
        transform:translateX(1000px);
    }

    100% {
        transform: translateX(0px);
    }
}

.sessionBox32b[b-5qjh86end4] {
    width: 40px;
    height: 40px;
    margin-left: 6px;
    user-select:none;
}




    .sessionBox32b img[b-5qjh86end4] {
        width: 40px;
        height: 40px;
    }

.sessionBox22b[b-5qjh86end4] {
}

.sessionBox42b[b-5qjh86end4] {
    margin-bottom: 4px;
    display: flex;
    justify-content: flex-end;
}

.sessionTimeb[b-5qjh86end4] {
    color: rgba(0,0,0,0.40);
    font-family: OPPOSans-M;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.24px;
    padding-left: 8px;
    opacity: 0.6;
    user-select:none;
}

.sessionBox52b[b-5qjh86end4] {
    display: flex;
    justify-content: flex-end;
}

.sessionBox62b[b-5qjh86end4] {
    border-radius: 8px 0px 8px 8px;
    background: #666D84;
    padding: 10px;
    color: #FFF;
    text-align: left;
    font-family: 'OPPOSans-R';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
    max-width: 470px;
    word-break: break-all;
    position: relative;
}
.revocation[b-5qjh86end4] {
    display: none;
    position: absolute;
    background: rgba(240, 70, 66, 0.10);
    top: 5px;
    left: -40px;
    padding: 5px;
    border-radius: 100px;
    z-index: 100;
    color: #F04642;
    cursor: pointer;
}

    .revocationChat:hover .revocation[b-5qjh86end4] {
        display: flex;
    }

.revocation:hover[b-5qjh86end4] {

    display: flex;

}

.sessionBox62b:hover[b-5qjh86end4] {
    box-shadow: 0px 4px 14px 0px rgba(133,142,161,0.50);
}
    .sessionBox62b img[b-5qjh86end4] {
    
        max-width:400px;
        max-height:240px;
    }

    .sessionBox42bR[b-5qjh86end4] {
        margin-bottom: 10px;
        display: flex;
        justify-content: flex-end;
    }

.HistoricalNewsR[b-5qjh86end4] {
    margin-right: 6px;
    position: relative;
    padding-top: 20px;
    padding-bottom: 30px;
    margin-left: 6px;
    user-select:none;
}

.HistoricalNewsBoxR[b-5qjh86end4] {
    color: rgba(0,0,0,0.30);
    text-align: center;
    font-family: 'OPPOSans-M';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.24px;
    position: absolute;
    right: 0;
    left: 0;
    top: 12px;
    background: #ecedf6;
    width: 59px;
    text-align: center;
    margin: 0 auto;
}
.dialogboxDill[b-5qjh86end4] {

    height:200px;


}

.borderBottom5R[b-5qjh86end4] {
    border-bottom: rgba(0,0,0,0.10) 1px solid;
    width: 116px;
    margin: 0 auto;
}

.sendingBox[b-5qjh86end4] {
    border-radius: 6px;
    background: #FFF;
    width: inherit;
    height: 212px;
    min-height: 212px;
}

    .sendingBox:hover[b-5qjh86end4] { /**/
        box-shadow: 0px 4px 14px 0px rgba(42,45,52,0.20);
    }

.borderRight[b-5qjh86end4] {
    width: 1px;
    height: 24px;
    opacity: 0.2;
    margin-right: 18px;
    background: #000;
    margin-left: 8px;
}

.sendingBoxImg[b-5qjh86end4] {
    border-radius: 6px;
    display: flex;
    align-items: center;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 16px;
}
.sendingBoxImg2[b-5qjh86end4] {
    border-radius: 6px;
    display: flex;
    align-items: center;
    padding-top: 12px;
    padding-bottom: 15px;
    padding-left: 16px;
    height:45%;
    gap:10px;
    overflow-x:scroll;
 
}
.sendingBoxImg2-img img[b-5qjh86end4] {
    max-height: 96%;
}
.sendingBoxImg2-img[b-5qjh86end4] {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.remove-sendingBoxImg2-img:hover[b-5qjh86end4] {
    color: #F04642;
    background: rgba(240, 70, 66, 0.10);
}
.sendingImgBox[b-5qjh86end4] {
    width: 28px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 4px;
}

    .sendingImgBox:hover[b-5qjh86end4] {
        background: #F0F1F7;
        border-radius: 4px;
    }

.sendingImgBoxFont[b-5qjh86end4] {
    display: flex;
    align-items: center;
    padding-left: 7px;
    padding-right: 7px;
    user-select:none;
    cursor:pointer;
}

    .sendingImgBoxFont:hover[b-5qjh86end4] {
        border-radius: 40px;
        background: #F0F1F7;
    }

.sendingFont[b-5qjh86end4] {
    color: rgba(0,0,0,0.60);
    font-family: 'OPPOSans-M';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.24px;
    padding-right: 5px;
}

.textareaBox2[b-5qjh86end4] {
}

    .textareaBox2 textarea[b-5qjh86end4] {
        outline: none;
        padding: 0px 20px 16px 20px;
        width: 96%;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 114px;
        resize: none;
        color: rgba(0,0,0,0.9 0);
        font-family: 'OPPOSans-M';
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.28px;
    }

        .textareaBox2 textarea[b-5qjh86end4]::placeholder {
            color: rgba(0,0,0,0.40);
            font-family: OPPOSans-R;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.28px;
        }

.searchFor[b-5qjh86end4] {
    margin-left: 12px;
    width: 86%;
    height: 125px;
    overflow-y: auto;
    position: absolute;
    bottom: 6px;
    background: #F0F1F7;
    z-index: 999;
}

.searchForBox[b-5qjh86end4] {
    display: flex;
    align-items: center;
    color: rgba(0,0,0,0.90);
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    padding: 4px 10px;
    overflow: hidden;
    cursor:pointer;
    user-select:none;
}
.searchForBoxHover[b-5qjh86end4] {
    background: #DDE7FB;
}



    .searchForBox:hover[b-5qjh86end4] {
        background: #DDE7FB;
    }

    .searchForBox div[b-5qjh86end4] {
        color: #3578EE;
        font-family: 'OPPOSans-M';
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin-right: 8px;
        letter-spacing: 0.26px;
    }

.shareBox[b-5qjh86end4] {
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    position: absolute;
    bottom: 18px;
    right: 26px;
}
    .shareBox svg[b-5qjh86end4] {
    
    cursor:pointer;
    }
    .dian3[b-5qjh86end4] {
        background: #C8C8C8;
    }

.dian4[b-5qjh86end4] {
    background: #F59B14;
}

.BulletBox2[b-5qjh86end4] {
    width: 155px;
    background: #FFF;
    border-radius: 6px;
    z-index: 99;
    position: absolute;
    left: 70px;
    top: 347px;
    box-shadow: 0px 4px 14px 0px rgba(42,45,52,0.20);
}

.BulletBoxList2[b-5qjh86end4] {
    height: 38px;
    line-height: 38px;
    color: rgba(0,0,0,0.90);
    font-family: 'OPPOSans-M';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 38px;
    letter-spacing: 0.28px;
    padding-left: 20px;
    cursor:pointer;
}

    .BulletBoxList2:hover[b-5qjh86end4] {
        background: #F0F1F7;
    }

.BulletBoxList3[b-5qjh86end4] {
    background: #DDE7FB;
}

.bg_color3[b-5qjh86end4] {
    background: linear-gradient(to right,#fff 44%,#e4e5e9);
}

.BulletBoxList3:hover[b-5qjh86end4] {
    background: #DDE7FB !important;
}

.userBox2[b-5qjh86end4] {
    margin-right: 10px;
}

.userBox3[b-5qjh86end4] {
    overflow: hidden;
    color:  rgba(0,0,0,0.60) ;
    text-overflow: ellipsis;
    font-family: 'OPPOSans-M';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.24px;
    display: flex;
    align-items: center;
}

.userBox4[b-5qjh86end4] {
    margin-right: 4px;
    display: flex;
    align-items: center;
}

.ScriptBox[b-5qjh86end4] {
    width: 100%;
    background-color: #fff;
    min-width: 300px;
    max-width:300px;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.boxDivd[b-5qjh86end4] {
    width: 98.7%;
    margin-right: 14px;
    overflow: hidden;
    bottom: 14px;
    position: absolute;
    height: 22%;
    min-height: 212px;
    background: #fff;
    border-radius: 6px;
}
.boxDivdHaveImg[b-5qjh86end4] {
    height: 44%;
}

.boxDivdfocus[b-5qjh86end4] {
    box-shadow: 0px 4px 14px 0px rgba(42,45,52,0.20);
}
 
.ap_top[b-5qjh86end4] {
    display: none;
}

._boxLeft[b-5qjh86end4] {
    width: 100%;
    position: relative;
    min-width: 620px;
    height: 100%;
}

.divBox1[b-5qjh86end4] {
    height: 60px;
}

.divBox2[b-5qjh86end4] {
    display: flex;
    justify-content: space-between;
    height: 60px;
    margin: 0 20px 0 20px;
}

.divBox3[b-5qjh86end4] {
    color: rgba(0,0,0,0.90);
    font-family: OPPOSans-B;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.32px;
    display: flex;
    align-items: center;
    display: flex;
    align-items: center;
}

.divBox4[b-5qjh86end4] {
    display: flex;
    align-items: center;
}
.divBox4[b-5qjh86end4]  svg{

    cursor:pointer;

}

    .divBox5[b-5qjh86end4] {
        margin-right: 10px;
        display: flex;
        align-items: center;
    }

.divBox6[b-5qjh86end4] {
    margin-right: 10px;
    display: flex;
    align-items: center;
}

.divBox2_1[b-5qjh86end4] {
    height: 37px;
    margin: 0 14px 0 14px;
    border-radius: 6px;
    background: #F0F1F7;
    display: flex;
    align-items: center;
    margin-top: 9px;
    margin-bottom: 16px;
}

.divBox2_2[b-5qjh86end4] {
    margin: 0 8px 0 10px;
    display: flex;
    align-items: center;
}

.divBox2_3[b-5qjh86end4] {
}

    .divBox2_3 input[b-5qjh86end4] {
        overflow: hidden;
        color: rgba(0,0,0,0.50);
        text-overflow: ellipsis;
        font-family: 'OPPOSans-R';
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.26px;
        background: #f0f1f7;
        outline: none;
    }

.borderBottom6[b-5qjh86end4] {
    opacity: 0.1;
    background: linear-gradient(270deg,rgba(0,0,0,0.00) 0%,#000 15.06%,#000 84.74%,rgba(0,0,0,0.00) 100%);
    width: 300px;
    height: 1px;
    margin-bottom: 9px;
}

.borderBottom7[b-5qjh86end4] {
    opacity: 0.1;
    background: linear-gradient(270deg,rgba(0,0,0,0.00) 0%,#000 15.06%,#000 84.74%,rgba(0,0,0,0.00) 100%);
    height: 1px;
    margin-top: 8px;
    position:absolute;
    width:100%;
    bottom:0px;
    
}

.divBox4_11[b-5qjh86end4] {
}

.divBox4_1[b-5qjh86end4] {
    color:  rgba(0,0,0,0.60) ;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    margin: 0 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.divBox4_2[b-5qjh86end4] {
    color: rgba(0,0,0,0.90);
    font-family: 'OPPOSans-B';
    font-size: 15px;
}

.divBox4_3[b-5qjh86end4] {
    margin: 0 14px 0 14px;
}

.divBox4_4[b-5qjh86end4] {
    display: flex;
    align-items: center;
    height: 34px;
    overflow: hidden;
    color: rgba(0,0,0,0.90);
    text-overflow: ellipsis;
    font-family: 'OPPOSans-B';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
    cursor: pointer;
}

    .divBox4_4 div[b-5qjh86end4] {
        margin-right: 8px;
    }

.divBox4_5[b-5qjh86end4] {
}

.divBox4_6[b-5qjh86end4] {
    display: flex;
    align-items: center;
}

.divBox4_7[b-5qjh86end4] {
    display: flex;
    align-items: center;
}

.divBox4_8[b-5qjh86end4] {
}

.divBox4_9[b-5qjh86end4] {
    margin-left: 14px;
    margin-right: 14px;
    /*padding-bottom: 3px;*/
    position:relative;
}

.divBox4_10[b-5qjh86end4] {
    cursor: pointer;
    font-size: 13px;
    letter-spacing: 0.36px;
  
}

.divBox4_13[b-5qjh86end4] {
    color: rgba(0,0,0,0.90);
    font-family: 'OPPOSans-M';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.24px;
 
    position: relative;
    display: flex;
    padding-bottom: 8px;
    padding-top: 8px;
 
}

.divBox4_9:hover .borderBottom7[b-5qjh86end4] {
    opacity: 0.3;
    background: linear-gradient(270deg,rgba(0,0,0,0.00) 0%,#000 15.06%,#000 84.74%,rgba(0,0,0,0.00) 100%);
}
.sendbut[b-5qjh86end4] {
    width: 36px;
    height: 100%;
    background: linear-gradient(270deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
    flex-shrink: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
 
    justify-content: center;
    align-items: center;
    display: none;
}
.fen_box[b-5qjh86end4] {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    background-color: #3578EE;
    filter: drop-shadow(0px 4px 10px rgba(53, 120, 238, 0.50));
    border-radius: 30px;
    justify-content: center;
    align-items: center;
    display: flex;
    cursor:pointer;

}
    .fen_box svg[b-5qjh86end4] {
        justify-content: center;
        align-items: center;
        margin-right: 2px;
        margin-top: 2px;
    }

.divBox4_9:hover .sendbut[b-5qjh86end4] {
    display: flex;
}


.fen_box svg[b-5qjh86end4] {
    justify-content: center;
    align-items: center;
}

.divBox4_13 .fen_box[b-5qjh86end4] {
    display: block;
}

 

.divBox4_12[b-5qjh86end4] {
    margin-bottom: 6px;
    color: #3578EE;
    font-family: 'OPPOSans-M';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.24px; /* display:flex;*/
    display: flex;
    justify-content: center;
    align-items: center;
}

.divBox4_14[b-5qjh86end4] {
    color: #3578EE;
    font-family: 'OPPOSans-M';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.24px;
    margin-right: 5px;
}

.spanImgBox[b-5qjh86end4] {
    cursor: pointer;
}
 

.spanImgBox svg path[b-5qjh86end4] {
    fill: #000000;
    fill-opacity: 0.6;
}
.spanImgBox b[b-5qjh86end4] {
    color: rgba(0,0,0,0.60);
}

.spanImgBox:hover svg path[b-5qjh86end4] {
    fill: #000000;
    fill-opacity: 0.95;
}
.spanImgBox:hover b[b-5qjh86end4] {
    color: rgba(0,0,0,0.95);
}


.scrollBar[b-5qjh86end4] {
}

.divBox3_1[b-5qjh86end4] {
    height: 86%;
}

.boxDivb[b-5qjh86end4] {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.boxWidth[b-5qjh86end4] {
    margin-top:42px;
    height: 64%;
}

.divBox_cont[b-5qjh86end4] {
    width: 100%;
    overflow-y: auto;
}

.divBox_cont2[b-5qjh86end4] {
    width: 100%;
    background: #f5f6fa;
    height: initial;
}

.divBox_cont3[b-5qjh86end4] {
    width: 100%;
    flex: 1;
    overflow-y: auto;
}

.boxDivn[b-5qjh86end4] {
    flex: 1;
    overflow-y: auto;
    user-select: none;
}


.sessionBoxHover[b-5qjh86end4] {
    position: relative;
}

.sessionBoxHover1:hover[b-5qjh86end4]::after {
    content: "";
    display: inline-block;
    border-radius: 0px 6px 6px 0px;
    width: 6px;
    height: 100%;
    background-color: #C8C8C8;
    position: absolute;
    top: 0;
    right: 0; /* This will position the pseudo-element next to .flexible */
}

.expanded1[b-5qjh86end4]::after {
    content: "";
    display: inline-block;
    border-radius: 0px 6px 6px 0px;
    width: 6px;
    height: 100%;
    background-color: #C8C8C8;
    position: absolute;
    top: 0;
    right: 0;
    animation: expanded1Animation-b-5qjh86end4 0.5s forwards;
}
@keyframes expanded1Animation-b-5qjh86end4 {
    0% {
        /*   transform: translateY(-70px);
        opacity: 0;*/
        background-image: linear-gradient(to right, #fff 44%, #C8C8C8);
    }

    100% {
        content: "";
        display: inline-block;
        border-radius: 6px;
        height: 100%;
        /*background-color: #C8C8C8;*/
        position: absolute;
        top: 0;
        right: 0; /* This will position the pseudo-element next to .flexible */
        width: 100%;
        background-image: linear-gradient(to right, #fff 44%, #C8C8C8);
        opacity: 0.2;
    }
}

.expanded2[b-5qjh86end4]::after {
    content: "";
    display: inline-block;
    border-radius: 0px 6px 6px 0px;
    width: 6px;
    height: 100%;
    background-color: #C8C8C8;
    position: absolute;
    top: 0;
    right: 0;
    animation: expanded2Animation-b-5qjh86end4 0.5s forwards;
 
}

@keyframes expanded2Animation-b-5qjh86end4 {
    0% {
        /*   transform: translateY(-70px);
        opacity: 0;*/
        background-image: linear-gradient(to right, #fff 44%, #34D361);
    }

    100% {
        content: "";
        display: inline-block;
        border-radius: 6px;
        height: 100%;
        /*background-color: #C8C8C8;*/
        position: absolute;
        top: 0;
        right: 0; /* This will position the pseudo-element next to .flexible */
        width: 100%;
        background-image: linear-gradient(to right, #fff 44%, #34D361);
        opacity: 0.2;
    }
}

.sessionBoxHover2:hover[b-5qjh86end4]::after {
    content: "";
    display: inline-block;
    border-radius: 0px 6px 6px 0px;
    width: 6px;
    height: 100%;
    background-color: #34D361;
    position: absolute;
    top: 0;
    right: 0; /* This will position the pseudo-element next to .flexible */
}



/*content: "";
display: inline-block;
border-radius: 6px;
height: 100%;
background-color: #C8C8C8;
position: absolute;
top: 0;
right: 0;*/ /* This will position the pseudo-element next to .flexible */
/*width: 100%;
background-image: linear-gradient(to right, #fff 44%, #e4e5e9);
transition: all 0.5s;*/

input[b-5qjh86end4]::-webkit-input-placeholder { /* WebKit browsers */
    color: rgba(0,0,0,0.4);
}
.divBox2_3 input[b-5qjh86end4] {
 color:rgba(0,0,0,0.9);
 font-family:OPPOSans-M;
}
.userInformation-value[b-5qjh86end4] {
    width: 176px;
    word-break: break-all;
}

.hide[b-5qjh86end4] {

    display:none;

}
.BlackEndTime[b-5qjh86end4] {
    color: #f09090
}
/* _content/Cyqf_ChatService/Pages/Index.razor.rz.scp.css */
.content[b-iawgnh0dr1] {
    width: 100%;
    /*background-color: blueviolet;*/
    user-select: none;
    background: #ECEDF6;
    padding-right: 20px !important;
    padding-left: 20px !important;
    padding-top: 15px !important;
}

ul[b-iawgnh0dr1], li[b-iawgnh0dr1], dl[b-iawgnh0dr1], dt[b-iawgnh0dr1], dd[b-iawgnh0dr1], img[b-iawgnh0dr1], h1[b-iawgnh0dr1], h2[b-iawgnh0dr1], h3[b-iawgnh0dr1], h4[b-iawgnh0dr1], h5[b-iawgnh0dr1], h6[b-iawgnh0dr1], p[b-iawgnh0dr1], a[b-iawgnh0dr1], textarea[b-iawgnh0dr1], input[b-iawgnh0dr1], span[b-iawgnh0dr1], div[b-iawgnh0dr1], i[b-iawgnh0dr1], time[b-iawgnh0dr1], article[b-iawgnh0dr1], header[b-iawgnh0dr1],  button[b-iawgnh0dr1] {
    border: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    font-family: "OPPOSans-M";
}
.divBoxContent[b-iawgnh0dr1] {
    float: left;
    width: 100%;
    display: flex;
    /*max-height:900px;*/
 
}
    .staging_box[b-iawgnh0dr1] {
        width: 100%;
        display: flex;
    }

    .staging_leftBox[b-iawgnh0dr1] {
        width: 140px;
        height: 970px;
        float: left;
        background-color: #2B2D34;
        margin-right: 20px;
    }

    .staging_rightBox[b-iawgnh0dr1] {
        width: 91%;
        float: left;
        zoom: 1;
        overflow: hidden;
    }

    .leftBox_numeral[b-iawgnh0dr1] {
        color: rgba(0,0,0,0.90);
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.48px;
        text-align: center;
        padding-top: 108px;
        padding-bottom: 8px;
        width: 166px;
        margin: 0 auto;
    }

        .leftBox_numeral i[b-iawgnh0dr1] {
            font-style: normal;
            font-family: 'OPPOSans-M';
            font-weight: 400;
        }

    .leftBox_font[b-iawgnh0dr1] {
        color: rgba(0,0,0,0.60);
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.28px;
        text-align: center;
        font-family: 'OPPOSans-M';
        width: 154px;
        margin: 0 auto;
    }
.being > b[b-iawgnh0dr1] {
    color: rgb(69, 220, 188)!important;
}
.await > b[b-iawgnh0dr1] {
    color: #3578EE !important;
}

.rightBox_l[b-iawgnh0dr1] {
}

    .rightBox_r[b-iawgnh0dr1] {
        float: right;
        width: 100%;
        min-width: 660px;
    }

    .sessionBox[b-iawgnh0dr1] {
        width: 100%;
        overflow: hidden;
        margin-bottom: 10px;
    }

    .sessionLeft[b-iawgnh0dr1] {
        width: 49.5%;
        float: left;
        height: 140px;
        background: #fff;
        border-radius: 6px;
    }

        .sessionLeft b[b-iawgnh0dr1] {
            color: #3578EE;
            font-size: 24px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.48px;
            display: block;
            text-align: center;
            width: 100px;
            margin: 0 auto;
            margin-bottom: 8px;
            padding-top: 30px;
            font-family: "OPPOSans-M";
        }

            .sessionLeft b i[b-iawgnh0dr1] {
                font-style: normal;
                font-family: 'OPPOSans-M';
            }

        .sessionLeft span[b-iawgnh0dr1] {
            color: rgba(0,0,0,0.60);
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.28px;
            display: block;
            text-align: center;
            font-family: 'OPPOSans-M';
            width: 125px;
            margin: 0 auto;
        }
.sessionLeft_dou[b-iawgnh0dr1] {
    background-color:transparent;
display:flex;
gap:10px;
}
    .sessionLeft_dou > div[b-iawgnh0dr1] {
        background-color: #fff;
        width: 50%;
        border-radius: 6px;
    }
    .sessionRight[b-iawgnh0dr1] {
        float: right !important;
    }
 
        .color[b-iawgnh0dr1] {
            color: #F04642 !important;
        }

    .sessionBox2[b-iawgnh0dr1] {
        margin-bottom: 10px;
        overflow: hidden;
        width: 100%;
    }

.sessionBox2_left[b-iawgnh0dr1] {
    height: 280px;
    border-radius: 6px;
    background: #FFF url(/images/img/bg.png) no-repeat center;
    width: 49.5%;
    float: left;
    background-size: cover;
    position:relative;
}
.sessionBox2_left svg[b-iawgnh0dr1] {

    position:absolute;
    top:50px;
    right:41px;

}
    .sessionBox2_right[b-iawgnh0dr1] {
        height: 280px;
        width: 49.5%;
        float: right;
    }

    .widthBox[b-iawgnh0dr1] {
        width: 100% !important;
        overflow: hidden;
        margin-bottom: 10px;
    }

    .sessionBox2_bottom[b-iawgnh0dr1] {
        overflow: hidden;
        width: 100%;
    }

    .sessionBox2_bottom_left[b-iawgnh0dr1] {
        border-radius: 6px;
        background: #FFF;
        width: 49%;
        float: left;
        height: 135px;
    }

        .sessionBox2_bottom_left .numeral[b-iawgnh0dr1] {
            color: rgba(0,0,0,0.90);
            font-size: 24px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.48px;
            text-align: center;
            padding-top: 30px;
            padding-bottom: 8px;
            font-family: 'OPPOSans-M';
            width: 100px;
            margin: 0 auto;
        }

            .sessionBox2_bottom_left .numeral span[b-iawgnh0dr1] {
                color: rgba(0,0,0,0.90);
                font-family:"OPPOSans-M";
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
                letter-spacing: 0.28px;
            }

        .sessionBox2_bottom_left .font[b-iawgnh0dr1] {
            color: rgba(0,0,0,0.60);
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.28px;
            text-align: center;
            font-family: 'OPPOSans-M';
            width: 100px;
            margin: 0 auto;
        }

    .sessionBox2_bottom_right[b-iawgnh0dr1] {
        float: right;
    }

    .sessionBottom[b-iawgnh0dr1] {
        clear: both;
    }

    .sessionBottom_left[b-iawgnh0dr1] {
        border-radius: 6px;
        background: #FFF;
        height: 448px;
        float: left;
        width: 49.5%;
    }

        .sessionBottom_left li[b-iawgnh0dr1] {
            width: 370px;
            margin: 0 auto;
            overflow: hidden;
            padding-top: 35px;
            padding-bottom: 20px;
        }

            .sessionBottom_left li span[b-iawgnh0dr1] {
                color: rgba(0,0,0,0.60);
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
                letter-spacing: 0.28px;
                font-family: 'OPPOSans-M';
                float: left;
                width: 100px;
                margin: 0 auto;
            }

        .sessionBottom_left p[b-iawgnh0dr1] {
            opacity: 0.1;
            background: linear-gradient(270deg,rgba(0,0,0,0.00) 0%,#000 15.06%,#000 84.74%,rgba(0,0,0,0.00) 100%);
            height: 1px;
            width: 90%;
            margin: 0 auto;
        }

        .sessionBottom_left img[b-iawgnh0dr1] {
            float: left;
            margin-left: 20px;
            margin-right: 2px;
            width: 84px;
            height: 84px;
        }

        .sessionBottom_left div[b-iawgnh0dr1] {
            padding-top: 5px;
            padding-bottom: 3px;
            float: left;
            width: 201px;
        }

            .sessionBottom_left div h3[b-iawgnh0dr1] {
                overflow: hidden;
                width: 100%;
            }

                .sessionBottom_left div h3 i[b-iawgnh0dr1] {
                    color: rgba(0,0,0,0.90);
                    font-size: 14px;
                    font-style: normal;
                    line-height: normal;
                    letter-spacing: 0.28px;
                    font-weight: 400;
                    float: left;
                    padding-top: 15px;
                }

    .rightBox_right[b-iawgnh0dr1] {
        background: #fff url(/images/img/bg2.png) no-repeat bottom;
        background-size: 100%;
        height: 276px;
        border-radius: 6px;
        margin-bottom: 10px;
        overflow: hidden;
        clear: both; 

    }
.rightBox_right_2[b-iawgnh0dr1] {
 
    background-size: 100%;
    overflow: hidden;
    clear: both;
    display:flex;
}
.rightBox_right_3[b-iawgnh0dr1] {
    background-size: 100%;
 
    overflow: hidden;
    clear: both;
    display: flex;
}

        .rightBox_right ul[b-iawgnh0dr1] {
            padding-top: 45px;
        }

        .rightBox_right li[b-iawgnh0dr1] {
            width: 33%;
            float: left;
            margin-bottom: 60px;
        }

            .rightBox_right li b[b-iawgnh0dr1] {
                color: rgba(0,0,0,0.90);
                font-size: 24px;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
                letter-spacing: 0.48px;
                display: block;
                text-align: center;
                margin-bottom: 8px;
                font-family: 'OPPOSans-M';
            }

                .rightBox_right li b i[b-iawgnh0dr1] {
                    font-style: normal;
                    font-family: 'OPPOSans-M';
                }

                .rightBox_right li b strong[b-iawgnh0dr1] {
                    color: rgba(0,0,0,0.90);
                    font-size: 14px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: normal;
                    letter-spacing: 0.28px;
                    font-family: 'OPPOSans-M';
                }

            .rightBox_right li span[b-iawgnh0dr1] {
                color: rgba(0,0,0,0.60);
                font-size: 14px;
                font-style: normal;
                font-weight: 500;
                line-height: normal;
                letter-spacing: 0.28px;
                text-align: center;
                display: block;
                font-family: "OPPOSans-M";
            }

        .rightBox_right ul div[b-iawgnh0dr1] {
            float: left;
            width: 1px;
            opacity: 0.1;
            background: linear-gradient(270deg,rgba(0,0,0,0.00) 0%,#000 15.06%,#000 84.74%,rgba(0,0,0,0.00) 100%);
            height: 50px;
            margin-bottom: 60px;
            margin-top: 6px;
        }

    .messageBox[b-iawgnh0dr1] {
        width: 100%;
        clear: both;
    }

    .messageBox_left[b-iawgnh0dr1] {
        width: 63%;
        height: 296px;
        border-radius: 6px;
        background: #FFF;
        float: left;
        margin-right: 1%;
        margin-bottom: 10px;
    }

    .messageBox_right[b-iawgnh0dr1] {
        width: 36%;
        height: 296px;
        min-width:296px;
        border-radius: 6px;
        background: #FFF;
        float: left;
        margin-bottom: 8px;
    }

    .visitorBox[b-iawgnh0dr1] {
        width: 63%;
        height: 296px;
        border-radius: 6px;
        background: #FFF;
        float: left;
        margin-right: 1%;
    }

    .NoticeBox[b-iawgnh0dr1] {
        width: 36%;
        height: 296px;
        border-radius: 6px;
        background: #FFF;
        float: left;
        margin-bottom: 8px;
        overflow: hidden;
        min-width:296px;
    }

        .NoticeBox .h2Box[b-iawgnh0dr1] {
            margin-left: 20px;
            margin-right: 20px;
            margin-top: 20px;
            margin-bottom: 20px;
            display: block;
            overflow: hidden;
        }

            .NoticeBox .h2Box h2[b-iawgnh0dr1] {
                color: rgba(0,0,0,0.90);
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
                letter-spacing: 0.28px;
                float: left;
                font-family: 'OPPOSans-M';
                font-weight: 400;
            }

            .NoticeBox .h2Box a[b-iawgnh0dr1] {
                color: rgba(0,0,0,0.40);
                font-size: 12px;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
                letter-spacing: 0.24px;
                float: right;
                font-family: 'OPPOSans-M';
            }

        .NoticeBox h3[b-iawgnh0dr1] {
            overflow: hidden;
            color: rgba(0,0,0,0.90);
            text-overflow: ellipsis;
            font-size: 15px;
            font-style: normal;
            font-weight: 600;
            line-height: 150letter-spacing:0.3px;
            clear: both;
            margin-left: 20px;
            margin-right: 20px;
            margin-bottom: 16px;
            font-family: 'OPPOSans-M',sans-serif;
        }

        .NoticeBox p[b-iawgnh0dr1] {
            margin-left: 20px;
            margin-right: 20px;
            overflow: hidden;
            color: rgba(0,0,0,0.60);
            text-overflow: ellipsis;
            whitespace: nowrap;
            font-size: 13px;
            font-style: normal;
            font-weight: 400;
            line-height: 150%;
            letter-spacing: 0.26px;
            height: 150px;
            margin-bottom: 16px;
            font-family: 'OPPOSans-M';
        }

        .NoticeBox i[b-iawgnh0dr1] {
            color: rgba(0,0,0,0.40);
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.24px;
            margin-left: 20px;
            margin-right: 20px;
            font-family: 'OPPOSans-M';
        }

    .fontBox[b-iawgnh0dr1] {
        color: rgba(0,0,0,0.90);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.32px;
        font-weight: 400;
        margin-bottom: 10px;
        height: 31px;
        line-height: 31px;
        font-family: "OPPOSans-B";
    }

        .fontBox .divBox[b-iawgnh0dr1] {
            float: left;
            margin-left: 10px;
            font-family: "OPPOSans-B";
            font-weight: 400;
 
        }

    .adminBox[b-iawgnh0dr1] {
    }

        .adminBox .strong[b-iawgnh0dr1] {
            display: block;
            color: rgba(0,0,0,0.90);
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            letter-spacing: 0.32px;
            float: right;
            margin-right: 10px;
            font-family: 'OPPOSans-B';
            
        }

        .adminBox span[b-iawgnh0dr1] {
            border-radius: 18px 18px 18px 0px;
            background: #2B2D34;
            width: 60px;
            height: 30px;
            color: #FFF;
            font-size: 13px;
            font-style: normal;
            font-weight: normal;
            letter-spacing: 0.26px;
            display: block;
            text-align: center;
            line-height: 30px;
            float: right;
            position: relative;
            margin-top: -3px;
            font-family: 'OPPOSans-R';
        }

    .color2[b-iawgnh0dr1] {
        color: rgba(0,0,0,0.90) !important;
    }

    .divBox3[b-iawgnh0dr1] {
        color: rgba(0,0,0,0.90);
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.48px;
        font-family: 'OPPOSans-M';
        float: left;
        width: auto !important;
    }

    .sessionBottom_right[b-iawgnh0dr1] {
        border-radius: 6px;
        background: #FFF;
        height: 448px;
        float: right;
        width: 49.5%;
        padding-top: 32px;
    }

    .calendarBox[b-iawgnh0dr1] {
        height: 36px;
        margin-left: 20px;
        margin-right: 20px;
        text-align: center;
        line-height: 36px;
        padding-top: 14px;
        padding-bottom: 14px;
    }

    .calendarM[b-iawgnh0dr1] {
        color: #131414;
        text-align: center;
        font-family: "OPPOSans-M";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 26.78px;
        border: none;
        -webkit-appearance: none;
        -webkit-tap-highlight-color: #fff;
        outline: 0;
        float: left;
    }

    .calendarYears[b-iawgnh0dr1] {
        color: #131414;
        text-align: center;
        font-family: 'OPPOSans-M';
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        border: none;
        outline: none;
        -webkit-appearance: none;
        -webkit-tap-highlight-color: #fff;
        outline: 0;
    }

    .buttonLeftTwo[b-iawgnh0dr1] {
        float: left;
        background: #fff;
        margin-right: 14px;
    }

    .buttonLeft[b-iawgnh0dr1] {
        float: left;
        background: #fff;
    }

    .buttonRight[b-iawgnh0dr1] {
        float: right;
        background: #fff;
        padding-right: 10px;
    }

    .buttonRightTwo[b-iawgnh0dr1] {
        float: right;
        background: #fff;
    }

    .calendarYearsBox[b-iawgnh0dr1] {
        float: left;
        margin-right: 10px;
        color: #131414;
        text-align: center;
        font-family: 'OPPOSans-M';
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 26.78px;
    }

    .calendarMBox[b-iawgnh0dr1] {
        float: left;
        color: #131414;
        text-align: center;
        font-family: 'OPPOSans-M';
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 26.78px;
    }

    .yearsMBox[b-iawgnh0dr1] {
        width: 105px;
        margin: 0 auto;
    }

    .tableBox[b-iawgnh0dr1] {
        width: 92%;
        margin: 0 auto;
    }

        .tableBox tr[b-iawgnh0dr1] {
            height: 44px;
            width: 100%;
        }

        .tableBox td[b-iawgnh0dr1] {
            text-align: center;
        }

        .tableBox th[b-iawgnh0dr1] {
            width: 14%;
            color: #131414;
            text-align: center;
            font-family: 'OPPOSans-M';
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 22.317px;
            letter-spacing: -0.011px;
        }

        .tableBox td span[b-iawgnh0dr1] {
            color: #131414;
            text-align: center;
            font-family: 'OPPOSans-M';
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 22.317px;
            letter-spacing: -0.011px;
            display: block;
            margin-bottom: 2px;
        }

        .tableBox td i[b-iawgnh0dr1] {
            background: #3578ee;
            width: 4px;
            height: 4px;
            display: block;
            border-radius: 100px;
            margin: 0 auto;
        }

    .opacityBox[b-iawgnh0dr1] {
        opacity: 0.5
    }

    .opacityBoxColor[b-iawgnh0dr1] {
        opacity: 0.5
    }

        .opacityBoxColor i[b-iawgnh0dr1] {
            background: #f59b14 !important;
        }

    .colorYellow[b-iawgnh0dr1] {
        background: #f59b14 !important;
    }

    .contentBox[b-iawgnh0dr1] {
        float: left;
        width: 100%;
        margin-right: 1%;
        min-width: 660px;
    }

    .titleBox[b-iawgnh0dr1] {
    }

        .titleBox .titleBoxLeft[b-iawgnh0dr1] {
            color: rgba(0,0,0,0.90);
            font-family: 'OPPOSans-M';
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.28px;
        }

        .titleBox .titleBoxRight[b-iawgnh0dr1] {
            color: rgba(0,0,0,0.90);
            font-family: 'OPPOSans-M';
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.28px;
        }

    .titleBox2[b-iawgnh0dr1] {
    }

        .titleBox2 .titleBoxLeft[b-iawgnh0dr1] {
            color: rgba(0,0,0,0.90);
            font-family: 'OPPOSans-M';
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.28px;
        }

        .titleBox2 .titleBoxRight[b-iawgnh0dr1] {
            color: rgba(0,0,0,0.90);
            font-family: 'OPPOSans-M';
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.28px;
        }

    .askAQuestionBox[b-iawgnh0dr1] {
        display: flex;
        justify-content: flex-end;
    }

    .askAQuestionBox2[b-iawgnh0dr1] {
        display: flex;
        justify-content: flex-end;
    }

    .askAQuestionBox .askAQuestionBoxDiv[b-iawgnh0dr1] {
        display: flex;
        align-items: center;
        margin-right: 10px;
    }

    .askAQuestionBoxDiv i[b-iawgnh0dr1] {
        width: 9px;
        height: 2px;
        display: block;
        margin-right: 3px;
        background: #2B2D34;
    }

    .askAQuestionBox .askAQuestionBoxDiv:nth-child(even) i[b-iawgnh0dr1] {
        background: #FF7547;
    }

    .askAQuestionBoxDiv_div[b-iawgnh0dr1] {
        color: rgba(0,0,0,0.40);
        text-align: right;
        font-family: 'OPPOSans-M';
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.24px;
    }

    .askAQuestionBox .askAQuestionBoxDiv2[b-iawgnh0dr1] {
        display: flex;
        align-items: center;
        margin-right: 10px;
    }

    .askAQuestionBoxDiv2 i[b-iawgnh0dr1] {
        width: 9px;
        height: 2px;
        display: block;
        margin-right: 3px;
        background: #2B2D34;
    }

    .askAQuestionBox .askAQuestionBoxDiv2:nth-child(even) i[b-iawgnh0dr1] {
        background: #FF7547;
    }

    .askAQuestionBoxDiv_div2[b-iawgnh0dr1] {
        color: rgba(0,0,0,0.40);
        text-align: right;
        font-family: 'OPPOSans-M';
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.24px;
    }

    .titleBoxDiv[b-iawgnh0dr1] {
        display: flex;
        justify-content: space-between;
        margin: 20px 20px 0px 20px;
    }

    .titleBoxDiv2[b-iawgnh0dr1] {
        display: flex;
        justify-content: space-between;
        margin: 20px 20px 0px 20px;
    }

    .boxTodo[b-iawgnh0dr1] {
        margin: 0 5px 0 5px;
       
        height: 216px;
        position: relative;
    }

    .OnlineDurationBox[b-iawgnh0dr1] {
        color: rgba(0,0,0,0.90);
        font-family: 'OPPOSans-M';
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.28px;
        margin: 20px 20px 0px 20px;
    }

    .OnlineDurationDiv[b-iawgnh0dr1] {
        /*border: #ccc 1px solid;*/
        margin: 0 20px 0 20px;
        height: 216px;

    }

    .askAQuestionBoxDivIR[b-iawgnh0dr1] {
        width: 5px !important;
        height: 4px !important;
        background: #3578EE !important;
    }

    .askAQuestionBoxDivI[b-iawgnh0dr1] {
        width: 5px !important;
        height: 4px !important;
        background: #DDD !important;
    }

    .boxTodoBox[b-iawgnh0dr1] {
        margin: 0 5px 0 5px;
   
        height: 216px;
    }
 
/* _content/Cyqf_ChatService/Pages/LeaveMessage.razor.rz.scp.css */

i[b-vm07pyg1gk] {
    font-style: normal;
}

ul[b-vm07pyg1gk], li[b-vm07pyg1gk], dl[b-vm07pyg1gk], dt[b-vm07pyg1gk], dd[b-vm07pyg1gk], img[b-vm07pyg1gk], h1[b-vm07pyg1gk], h2[b-vm07pyg1gk], h3[b-vm07pyg1gk], h4[b-vm07pyg1gk], h5[b-vm07pyg1gk], h6[b-vm07pyg1gk], p[b-vm07pyg1gk], a[b-vm07pyg1gk], textarea[b-vm07pyg1gk], input[b-vm07pyg1gk], span[b-vm07pyg1gk], div[b-vm07pyg1gk], i[b-vm07pyg1gk], time[b-vm07pyg1gk], article[b-vm07pyg1gk], header[b-vm07pyg1gk], h3[b-vm07pyg1gk], button[b-vm07pyg1gk] {
    border: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    font-family: "OPPOSans-M";
}

.staging_box[b-vm07pyg1gk] {
    width: 100%;
    display: flex;
    height: 100vh;
    min-width: 1400px;
}

.staging_leftBox[b-vm07pyg1gk] {
    width: 6%;
    height: 970px;
    float: left;
    background-color: #2B2D34;
}

.staging_rightBox[b-vm07pyg1gk] {
    width: 98%;
    margin: 20px;
    margin-right: 0 !important;
    display: flex;
    flex-direction: column;
}

.rightBox_l[b-vm07pyg1gk] {
    width: 100%;
    overflow: visible;
    margin-right: 0 !important;
}

.rightBox_r[b-vm07pyg1gk] {
    width: 49.5%;
    float: left;
}

.boxDiv ul[b-vm07pyg1gk] {
    /*column-count: 1;*/
    /*column-gap: 20px;*/
    /*-webkit-column-count: 2;*/
    /*-moz-column-count: 2;*/
    width: 50%; /* margin-right:-10px;*/
}

.boxDiv li[b-vm07pyg1gk] { /* border-radius:6px;*/
    margin-bottom: 10px; /* overflow:hidden;*/ /* border-radius:6px;*/
    width: 100%; /* float:left;*/
    page-break-inside: avoid;
    -webkit-column-break-inside: avoid; /* box-sizing:border-box;*/
    clear: both;
    display: inline-block; /* margin:5px 10px;*/
    display: flex;
    justify-content: space-between;
}

    .boxDiv li:hover[b-vm07pyg1gk] {
    }

    .boxDiv li:nth-child(odd)[b-vm07pyg1gk] {
    }

    .boxDiv li p[b-vm07pyg1gk] {
        color: #000;
        font-size: 16px;
        font-style: normal;
        font-weight: bold;
        line-height: normal;
        letter-spacing: 0.32px;
        margin-bottom: 10px;
        color: #000;
        font-family: 'OPPOSans-M';
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.32px;
        width: 100%;
    }

    .boxDiv li span[b-vm07pyg1gk] {
        float: left;
        margin-right: 12px;
    }

        .boxDiv li span img[b-vm07pyg1gk] {
            width: 40px;
            height: 40px;
            display: block;
            float: left; /* margin-right:12px;*/
            border-radius: 24px;
        }

        .boxDiv li span i[b-vm07pyg1gk] {
            color: rgba(0,0,0,0.60);
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.24px;
            color: rgba(0,0,0,0.60);
            font-family: 'OPPOSans-M';
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.24px;
        }

    .boxDiv li b[b-vm07pyg1gk] {
        overflow: hidden;
        color: #3578EE;
        text-overflow: ellipsis;
        font-family: 'OPPOSans-M';
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.24px;
        border-radius: 3px;
        border: 1px solid #3578EE;
        padding: 0 3px 0 3px;
    }

        .boxDiv li b i[b-vm07pyg1gk] {
            font-style: normal;
            margin-right: 4px;
            color: rgba(0,0,0,0.60);
            font-family: 'OPPOSans-M';
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.24px;
        }

    .boxDiv li strong[b-vm07pyg1gk] {
        color: rgba(0,0,0,0.60);
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.24px;
        margin-right: 10px;
        float: left;
        display: block;
        margin-top: 4px;
        font-family: 'OPPOSans-M';
        display: flex;
        align-items: center;
        margin-right: 10px;
    }

        .boxDiv li strong i[b-vm07pyg1gk] {
            padding-left: 4px;
        }

    .boxDiv li a[b-vm07pyg1gk] {
        color: #3578EE;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.24px;
        float: left;
        margin-top: 4px;
        font-family: 'OPPOSans-M';
    }

.liBox[b-vm07pyg1gk] {
    line-height: 24px;
}

.todoBox[b-vm07pyg1gk] {
    float: right;
    display: flex;
    align-items: center;
    cursor: pointer;
}

    .todoBox img[b-vm07pyg1gk] {
        margin-right: 4px;
        float: right;
        margin-top: 6px;
    }

    .todoBox div[b-vm07pyg1gk] {
        color: #fff;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.24px;
        font-family: 'OPPOSans-M';
    }

.color1[b-vm07pyg1gk] {
    color: rgba(0,0,0,0.60) !important
}

.todoBox p[b-vm07pyg1gk] {
    margin-bottom: 0 !important;
    font-weight: normal !important;
    font-size: 12px !important;
    float: right;
    color: rgba(0,0,0,0.60) !important;
    margin-top: 4px;
    margin-right: 10px;
}

.leaveWordBox[b-vm07pyg1gk] {
    height: 69px;
    background: #fff;
    margin-bottom: 10px;
    border-radius: 6px;
    background: #FFF;
    display: flex;
    justify-content: space-between;
}

.leaveWord[b-vm07pyg1gk] {
    padding-left: 20px;
    display: flex;
    align-items: center;
}

    .leaveWord b[b-vm07pyg1gk] {
        color: rgba(0,0,0,0.90);
        font-size: 16px;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.32px;
        margin-right: 10px;
        display: block;
        float: left;
        color: rgba(0,0,0,0.90);
        font-family: OPPOSans-B;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.32px;
    }

    .leaveWord span[b-vm07pyg1gk] {
        color: rgba(0,0,0,0.40);
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: 0.26px;
        display: block;
        padding-top: 4px;
        float: left;
        color: rgba(0,0,0,0.40);
        font-family: 'OPPOSans-M';
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.26px;
    }

        .leaveWord span i[b-vm07pyg1gk] {
            font-style: normal;
        }

.navBox[b-vm07pyg1gk] {
    padding-top: 16px;
    display: flex;
    justify-content: flex-end;
    min-width: 800px;
    padding-right: 20px;
    /*overflow-x: auto;*/
    /*overflow-y: hidden;*/
}

    .navBox > span[b-vm07pyg1gk] {
        border-radius: 6px;
        background: #F0F1F7;
        display: block;
        height: 37px;
        padding: 0px 20px;
        line-height: 37px;
        margin-left: 10px;
        color: rgba(0,0,0,0.90);
        font-size: 13px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: rgba(0,0,0,0.90);
        font-family: 'OPPOSans-M';
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.26px;
        cursor: pointer;
    }

.handleBox[b-vm07pyg1gk] {
    float: left;
    border-radius: 6px;
    background: #F0F1F7;
    display: block;
    height: 37px;
    padding: 0px 20px;
    line-height: 37px;
    margin-left: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    cursor: pointer;
    min-width: 114px;
}

    .handleBox:hover   .handleBoxPullDiv:not(:focus-within)[b-vm07pyg1gk] {
        animation: handleBoxPullDivAnimation-b-vm07pyg1gk 0.4s forwards;
    }
/*#searchStaffInput:focus   {*/
    /*animation: handleBoxPullDivAnimation 0.4s forwards;*/
    /*width: 1px;
}*/
    /*.handleBox input:focus + div {
        width: 341px;*/
    /*//  animation: handleBoxPullDivAnimation 0.4s forwards;*/
    /*}*/

    .handleBox:hover svg[b-vm07pyg1gk] {
        transform: rotate(0deg);
    }

/* .handleBox:not(:hover) .handleBoxPullDiv
    {
        animation: handleBoxPullDivAnimation2 0.4s forwards;
    }*/

.handleBoxPullDiv[b-vm07pyg1gk] {
    border-radius: 6px;
    background: #FFF;
    min-width: 100%;
    position: absolute;
    top: 37px;
    border: 6px;
    overflow-y: hidden;
    overflow-x: hidden;
    padding-top: 8px;
    max-height: 0px;
    left: 0;
    max-height: 0px;
}

@keyframes handleBoxPullDivAnimation-b-vm07pyg1gk {
    0% {
        max-height: 0;
    }

    100% {
        max-height: 341px;
    }
}

@keyframes handleBoxPullDivAnimation2-b-vm07pyg1gk {
    0% {
        max-height: 341px;
    }

    100% {
        max-height: 0;
    }
}

.handleBoxPull[b-vm07pyg1gk] {
    border-radius: 6px;
    width: 100%;
    overflow-y: hidden;
    overflow-x: hidden;
    height: 100%;
}

.handleBoxPullItemSpan[b-vm07pyg1gk] {
    background-color: transparent !important;
    width: auto !important;
    color: rgba(0, 0, 0, 0.40);
    font-family: OPPOSans;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.24px;
}

.handleBoxPullItem[b-vm07pyg1gk] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 37px;
    /*min-width: 100%;*/
    background: #FFF;
    cursor: pointer;
}

.handleBoxPull-Item[b-vm07pyg1gk] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 37px;
    width: 100%;
    cursor: pointer;
    display: flex;
    padding: 10px 20px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    gap: 20px;
    text-overflow: ellipsis; /* 如果文本过长，可以使用省略号表示截断 */
    white-space: nowrap;
    overflow: hidden;
}

.handleBoxPullItem:hover[b-vm07pyg1gk] {
    background: #F0F1F7;
}

.handleBoxPullItemPitch[b-vm07pyg1gk] {
    background: #DDE7FB;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 37px;
    width: 100%;
    cursor: pointer;
    display: flex;
    padding: 10px 20px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    /*border-radius: 6px;*/
}

.handleBox b[b-vm07pyg1gk] {
    font-weight: normal;
    float: left;
    color: rgba(0,0,0,0.90);
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.handleBox svg[b-vm07pyg1gk] {
    margin-left: 4px;
    transform: rotate(-90deg);
}

.searchBox[b-vm07pyg1gk] {
    float: left;
    border-radius: 6px;
    background: #F0F1F7;
    display: block;
    height: 37px;
    padding: 0px 20px;
    line-height: 37px;
    margin-left: 10px;
}

    .searchBox b[b-vm07pyg1gk] {
        font-weight: normal;
        float: left;
    }

    .searchBox img[b-vm07pyg1gk] {
        float: left;
        padding-right: 4px;
        padding-top: 6px;
        padding-bottom: 6px;
        display: block;
        margin-top: 4px;
        float: left;
    }

    .searchBox div[b-vm07pyg1gk] {
        float: left;
    }

        .searchBox div input[b-vm07pyg1gk] {
            color: rgba(0,0,0,0.90);
            font-size: 13px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.26px;
            background: #f0f1f7;
            outline: none;
            font-family: 'OPPOSans-M';
            font-size: 13px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.26px;
        }

.optionBox[b-vm07pyg1gk] {
    border-radius: 6px;
    background: #F0F1F7;
    display: block;
    height: 37px;
    padding: 0px 20px 0 20px;
    line-height: 37px;
    margin-left: 10px;
    margin-right: 10px;
    display: flex;
    align-items: center;
}

.optionBoxImg[b-vm07pyg1gk] {
    margin-left: -5px;
    display: flex;
    align-items: center;
}

.optionBox_b b[b-vm07pyg1gk] {
    float: left;
    font-weight: normal;
    display: block;
    color: #000;
    opacity: 0.8;
    color: #000;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    margin-right: 4px;
}

.optionBox_b img[b-vm07pyg1gk] {
    margin-left: 6px;
}

.optionBoxImg[b-vm07pyg1gk] {
}

.optionBox_b[b-vm07pyg1gk] {
    float: left;
    margin-right: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    HEIGHT: 37PX;
    display: flex;
    align-items: center;
}

    .optionBox_b div[b-vm07pyg1gk] {
        display: flex;
        align-items: center;
    }

.boxDiv[b-vm07pyg1gk] {
    flex: 1;
    overflow-y: auto;
    display: flex;
    gap: 20px;
}

[b-vm07pyg1gk]::-webkit-scrollbar {
    width: 4px;
}

[b-vm07pyg1gk]::-webkit-scrollbar-thumb {
    background: #dadce4;
    border-radius: 3px;
}

    [b-vm07pyg1gk]::-webkit-scrollbar-thumb:hover {
        background-color: #555;
    }

.oBox[b-vm07pyg1gk] {
    border-radius: 26px;
    background-color: transparent !important;
    /*background: #3578EE !important;*/
    box-shadow: 0px 4px 10px 0px rgba(53,120,238,0.50);
    color: #fff !important;
    position: relative;
    z-index: 1;
}

    .oBox[b-vm07pyg1gk]::before {
        content: "";
        /*display: inline-block;*/
        border-radius: 6px;
        width: 0;
        height: 100%;
        background: rgba(53, 120, 238, 1);
        width: 100%;
        position: absolute;
        top: 0;
        left: 0; /* This will position the pseudo-element next to .flexible */
        /*animation: oBoxAnimation 0.3s forwards;*/
        z-index: -1;
    }

@keyframes oBoxAnimation-b-vm07pyg1gk {
    0% {
        width: 0;
        background: rgba(53, 120, 238, 0.5);
    }

    100% {
        width: 100%;
        background: rgba(53, 120, 238, 1);
    }
}


.divBorder[b-vm07pyg1gk] {
    border-left: #ffffff42 1px solid;
    /*padding-left: 20px;*/
    height: 16px;
    /*    margin-left: 20px;
    margin-right: 20px;*/
    margin-bottom: 4px;
}

.divBoxBg[b-vm07pyg1gk] {
    width: 100%;
    background: #fff;
    padding: 20px;
    display: flex;
    border-radius: 6px 0px 0px 6px;
}

    .divBoxBg:hover[b-vm07pyg1gk] {
        box-shadow: 0px 4px 14px 0px rgba(42,45,52,0.20);
    }

.divBoxBgRight[b-vm07pyg1gk] {
    display: flex;
    min-width: 196px;
    max-width: 196px;
    justify-content: flex-end;
    align-items: center;
    align-self: stretch;
    border-radius: 0px 6px 6px 0px;
    background: #3578EE;
    gap: 20px;
    user-select:none;
}

    .divBoxBgRight > svg[b-vm07pyg1gk] {
        margin-right: 20px;
        margin-bottom: 2px;
        cursor: pointer;
    }

.messageBox[b-vm07pyg1gk] {
    width: 100%;
}

    .messageBox > a[b-vm07pyg1gk] {
    
        cursor:pointer;
    }

.i_Box[b-vm07pyg1gk] {
    color: rgba(0,0,0,0.60);
    font-family: 'OPPOSans-M';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.24px;
    margin-right: 4px;
}

.divBox-B[b-vm07pyg1gk] {
    margin-bottom: 11px;
}

.divBox-div1[b-vm07pyg1gk] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 4px;
    display: flex;
    align-items: center;
    flex: 2;
}


.divBox-div2[b-vm07pyg1gk] {
    text-align: right;
    margin-bottom: 4px;
}

.divBox-div3[b-vm07pyg1gk] {
    min-height: 57px;
    min-width: 100px;
    display: flex;
    flex-direction: column;
}


.divBox-div4[b-vm07pyg1gk] {
    text-align: right;
}

.svgDiv[b-vm07pyg1gk] {
    /*margin-top: 4px;*/
    margin-right: 4px;
    margin-bottom: 2px;
    display: flex;
}

.todoBoxbg[b-vm07pyg1gk] {
    border-radius: 0px 6px 6px 0px;
    background: linear-gradient(0deg,#666D84 0%,#666D84 100%),#3578EE;
}

.conductorSearch[b-vm07pyg1gk] {
    display: flex;
    padding: 6px 10px;
    align-items: center;
    gap: 4px;
    flex: 1 0 0;
    border-radius: 16px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    margin: 8px;
    height: 29px;
}

    .conductorSearch div input[b-vm07pyg1gk] {
        height: 25px;
        outline: none;
    }

.conductorBoxScroll[b-vm07pyg1gk] {
    max-height: 285px;
    overflow-y: auto;
}

.ProcessingRemarks[b-vm07pyg1gk] {

    color:#f09090 !important;
   
    

}
/* _content/Cyqf_ChatService/Pages/Monitoring.razor.rz.scp.css */
.container[b-r4l8anm9vb] {
    display: flex;
    align-items: stretch;
    width: 100%;
    height: 50px;
}

.resizer[b-r4l8anm9vb] {
    cursor: ew-resize;
    background-color: #666;
    height: 50px;
    width: 2px;
}
/* _content/Cyqf_ChatService/Pages/PersonalSetting.razor.rz.scp.css */
.gradient-dashed-line[b-h4zaqcxqjj] {
    width: 480px;
    height: 100px;
    opacity: 0.1;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0.00) 0%, #000 15.06%, #000 84.74%, rgba(0, 0, 0, 0.00) 100%);
    background-size: 6px;
}

/* _content/Cyqf_ChatService/Pages/SessionRecord.razor.rz.scp.css */
 
ul[b-thv5ueljpt], li[b-thv5ueljpt], dl[b-thv5ueljpt], dt[b-thv5ueljpt], dd[b-thv5ueljpt], img[b-thv5ueljpt], h1[b-thv5ueljpt], h2[b-thv5ueljpt], h3[b-thv5ueljpt], h4[b-thv5ueljpt], h5[b-thv5ueljpt], h6[b-thv5ueljpt], p[b-thv5ueljpt], a[b-thv5ueljpt], textarea[b-thv5ueljpt], input[b-thv5ueljpt], span[b-thv5ueljpt], div[b-thv5ueljpt], i[b-thv5ueljpt], time[b-thv5ueljpt], article[b-thv5ueljpt], header[b-thv5ueljpt], h3[b-thv5ueljpt], button[b-thv5ueljpt] {
    border: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    font-family: "OPPOSans-M";
}

.staging_box[b-thv5ueljpt] {
    /*width: 100;*/ /* display:flex;*/ /* margin:20px;*/
    overflow-y: hidden;
    height: 100vh; /* margin:20px 20px 20px 20px;*/ /* margin-bottom:20px;*/
    margin: 0px 0 0 20px;
 
    /*min-width: 1200px;*/
    flex-direction: column;
    display: flex;
}
 

.staging_leftBox[b-thv5ueljpt] {
    width: 6%;
    height: 970px;
    float: left;
    background-color: #2B2D34;
}

.staging_rightBox[b-thv5ueljpt] {
    width: 100%; /* float:left;*/ /* margin:20px;*/
    margin-right: 0 !important;
    border-radius: 6px;
    background: #FFF;
    display: flex;
    justify-content: space-between;
    height: 69px;
    margin-bottom: 10px;
    margin-top: 20px;
}

.rightBox_l[b-thv5ueljpt] {
    width: 100%;
    margin-right: 0 !important;
}

.leaveWord[b-thv5ueljpt] {
    padding-left: 20px; /* padding-top:24px;*/ /* float:left;*/
    display: flex;
    align-items: center;
}

    .leaveWord b[b-thv5ueljpt] {
        color: rgba(0,0,0,0.90);
        font-size: 16px;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.32px;
        margin-right: 10px;
        display: block;
        float: left;
        color: rgba(0,0,0,0.90);
        font-family: OPPOSans-H;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.32px;
        min-width: 100px;
    }

.boxDiv[b-thv5ueljpt] {
}

.divBox1[b-thv5ueljpt] {
    display: flex;
    align-items: center;
}

    .divBox1 .div[b-thv5ueljpt] {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 4px;
        overflow: hidden;
    }

.divBox2 span[b-thv5ueljpt] {
    margin-right: 10px;
}

.div2[b-thv5ueljpt] {
}

.divBox2[b-thv5ueljpt] {
    margin-right: 30px;
    width: 811px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 18px;
    overflow: hidden;
    color: rgba(0,0,0,0.60);
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.boxDiv[b-thv5ueljpt] {
    width: 100%;
    height: 100vh;
    margin-bottom: 20px;
    overflow: hidden;
    display: flex;
    min-width: 1300px;
}

.boxDiv3[b-thv5ueljpt] {
    width: 300px;
    background: #FFF;
    border-radius: 6px; /* overflow:hidden;*/
    height: 100%; /* display:flex;*/ /* justify-content:center;*/ /* display:flex;*/ /* flex-direction:column;*/ /* max-height:100vh;*/
    margin-right: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* align-items:center;*/
    min-width: 300px;
}

.boxDiv4[b-thv5ueljpt] {
    width: 100%; /* background:#fff;*/ /* border-radius:6px;*/
    height: 100%;
    min-width: 1000px;
    display: flex; /* justify-content:center;*/
    flex-direction: column;
    overflow:scroll !important;
}

.divBox4_1[b-thv5ueljpt] {
    color: rgba(0,0,0,0.60);
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    margin: 0 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.divBox4_2[b-thv5ueljpt] {
    color: rgba(0,0,0,0.90);
    font-family: 'OPPOSans-B';
    font-size: 15px;
}

.divBox4_12[b-thv5ueljpt] {
    margin-bottom: 25px; /* color:#3578EE;*/ /* font-family:'OPPOSans-M';*/ /* font-size:12px;*/ /* font-style:normal;*/ /* font-weight:400;*/ /* line-height:normal;*/ /* letter-spacing:0.24px;*/ /* display:flex;*/
    display: flex; /* justify-content:center;*/
    align-items: center;
    padding-top: 27px;
    color: rgba(0,0,0,0.90);
    font-family: 'OPPOSans-B';
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.3px;
    margin-left: 20px;
}

.borderBottom6[b-thv5ueljpt] {
    opacity: 0.1;
    background: linear-gradient(270deg,rgba(0,0,0,0.00) 0%,#000 15.06%,#000 84.74%,rgba(0,0,0,0.00) 100%);
    width: 300px;
    height: 1px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.boxDiv5[b-thv5ueljpt] {
    margin: 0 14px 0 14px;
    flex: 1;
    overflow-y: auto;
}

[b-thv5ueljpt]::-webkit-scrollbar {
    width: 4px !important;
}

[b-thv5ueljpt]::-webkit-scrollbar-thumb {
    background: #dadce4 !important;
    border-radius: 3px !important;
}

    [b-thv5ueljpt]::-webkit-scrollbar-thumb:hover {
        background-color: #555 !important;
    }

[b-thv5ueljpt]::-webkit-scrollbar {
 width:auto;
 height:auto;

}
.boxDiv6[b-thv5ueljpt] {
    height: 44px;
    display: flex;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: 'OPPOSans-R';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
    padding: 0 0 0 14px;
    color: rgba(0,0,0,0.90);
    margin-bottom: 2px;
}

    .boxDiv6:hover[b-thv5ueljpt] {
        border-radius: 6px;
        background: #F0F1F7;
        color: rgba(0,0,0,0.90);
    }

.boxDiv7[b-thv5ueljpt] {
}

.sessionBox22[b-thv5ueljpt] {
    margin-top: -8px;
    margin-bottom: 15px;
}

.boxDiv8[b-thv5ueljpt] {
    color: #3578EE;
}

    .boxDiv8:hover[b-thv5ueljpt] {
        background: #Fff;
        cursor: pointer;
    }

.boxDiv9[b-thv5ueljpt] {
    border-radius: 6px;
    background: #F5F5FA;
    height: 348px;
    margin: 0 14px 14px 14px;
    padding: 012px;
}

.boxDiv11[b-thv5ueljpt] {
    padding-top: 10px;
}

    .boxDiv11 textarea[b-thv5ueljpt] {
        overflow: hidden;
        color: rgba(0,0,0,0.90);
        text-overflow: ellipsis;
        font-family: 'OPPOSans-M';
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        height: 17px;
        resize: none;
        width: 98%;
        background: none;
        outline: none;
    }

        .boxDiv11 textarea[b-thv5ueljpt]::placeholder {
            color: rgba(0,0,0,0.40);
            font-family: OPPOSans-R;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.28px;
        }

.boxDiv12[b-thv5ueljpt] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px 4px 0 0px;
}

.boxDiv13[b-thv5ueljpt] {
    width: 80%;
}

    .boxDiv13 input[b-thv5ueljpt] {
        overflow: hidden;
        color: #3578EE;
        text-overflow: ellipsis;
        font-family: 'OPPOSans-M';
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        height: 17px;
        resize: none;
        width: 100%;
        background: none;
        outline: none;
        caret-color: #3578EE;
        letter-spacing: 0.1px;
    }

        .boxDiv13 input[b-thv5ueljpt]::placeholder {
            color: #3578EE;
            font-family: OPPOSans-R;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.28px;
        }

.boxDiv14[b-thv5ueljpt] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 0;
    top: 3px;
}

.boxDiv10[b-thv5ueljpt] {
    border-bottom: 1px solid #e1e1e1;
    display: flex; /* justify-content:space-between;*/
    padding-bottom: 10px;
    position: relative;
}

.boxDiv15[b-thv5ueljpt] {
    display: flex;
    flex-direction: column;
    height: 98%; /* background:#ccc;*/
}

.boxDiv4_14[b-thv5ueljpt] {
    color: #F0F1F7;
    font-family: 'OPPOSans-R';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.boxDiv4_13[b-thv5ueljpt] {
    margin: 0 4px 0 0;
    display: flex;
    align-items: center;
}

.boxDiv4_12[b-thv5ueljpt] {
    display: flex;
    align-items: center;
    display: flex;
    align-items: center;
    border-radius: 6px;
    background: #3578EE;
    padding: 0 20px;
    height: 37px;
    margin-left: 10px;
}

.boxDiv4_11[b-thv5ueljpt] {
    margin-right: 8px;
    color: #000;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.boxDiv4_10[b-thv5ueljpt] {
    display: flex;
    align-items: center;
    margin-right: 4px;
    margin-top: 1px;
}

.boxDiv4_9[b-thv5ueljpt] {
    display: flex;
    align-items: center;
    border-radius: 6px;
    background: #F0F1F7; /* margin:0 10px 0 0;*/
    padding: 0 20px;
    height: 37px;
    margin-left: 10px;
    padding-right: 14px;
}

.boxDiv4_8[b-thv5ueljpt] {
}

    .boxDiv4_8 input[b-thv5ueljpt] {
        outline: none;
        color: rgba(0,0,0,0.90);
        background: none;
        font-family: 'OPPOSans-R';
    }

        .boxDiv4_8 input[type="text"][b-thv5ueljpt]::placeholder {
            color: rgba(0,0,0,0.40);
            font-family: OPPOSans-M;
            font-size: 13px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.26px;
        }

.boxDiv4_7[b-thv5ueljpt] {
    display: flex;
    align-items: center;
    margin-right: 4px;
    margin-top: 2px;
}

.boxDiv4_6[b-thv5ueljpt] {
    display: flex;
    align-items: center; /* border-radius:36px;*/
    border: 1px solid rgba(0,0,0,0.10);
    background: #FFF;
    padding: 0 20px;
    height: 37px; /* margin-right:10px;*/ /* border-radius:6px;*/ /* width:234px;*/
    border-radius: 20px;
    margin: 0 28px 0 28px;
    margin-bottom: 14px;
}

.boxDiv4_5[b-thv5ueljpt] {
    display: flex;
    align-items: center;
}

.boxDiv4_4[b-thv5ueljpt] {
    color: rgba(0,0,0,0.40);
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    display: flex;
    align-items: center;
}

.boxDiv4_3[b-thv5ueljpt] {
    overflow: hidden;
    color: rgba(0,0,0,0.90);
    text-overflow: ellipsis;
    font-family: 'OPPOSans-B';
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.3px;
    margin-right: 10px;
    padding-left: 10px;
}

.boxDiv4_2[b-thv5ueljpt] {
    display: flex;
    align-items: center;
    height: 37px;
}

.boxDiv4_1[b-thv5ueljpt] {
    display: flex;
    justify-content: space-between; /* padding-top:20px;*/ /* padding-bottom:20px;*/
    padding: 20px;
}

.boxDiv5_1[b-thv5ueljpt] {
    margin: 0 20px 0 20px;
    flex: 1;
    overflow-y: auto; /* flex-grow:1;*/
    padding-bottom: 25px;
    overflow:scroll;
}

.boxDiv5_2[b-thv5ueljpt] {
    display: flex;
    background: #F0F1F7;
    box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.10);
    height: 44px;
    display: flex;
    align-items: center; /* padding-left:30px;*/
    margin: 24px 20px 0 20px;
}

    .boxDiv5_2 div[b-thv5ueljpt] { /* font-family:'OPPOSans-B'; */
        color: #2B2D34;
        font-family: 'OPPOSans-B'; /* font-size:13px; */ /* font-style:normal; */ /* font-weight:400; */ /* line-height:normal; */ /* letter-spacing:0.26px; */ /* text-align: center; */
    }

.boxDiv5_3[b-thv5ueljpt] {
    color: #2B2D34;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    width: 33%; /* display:-webkit-box;*/ /* -webkit-line-clamp:1;*/ /* -webkit-box-orient:vertical;*/ /* overflow:hidden;*/
    display: flex;
    justify-content: space-between;
}

.boxDiv5_4[b-thv5ueljpt] {
    width: 9%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0;
}

.boxDiv5_5[b-thv5ueljpt] {
    color: #2B2D34;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.boxDiv5_6[b-thv5ueljpt] { /* display:flex; */ /* justify-content:center; */ /* align-items:center; */
    margin-left: 4px;
    padding-top: 5px;
}

.boxDiv5_7[b-thv5ueljpt] {
    color: #2B2D34;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    width: 9%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.boxDiv5_8[b-thv5ueljpt] {
}

.boxDiv5_9[b-thv5ueljpt] {
    width: 13%;
    padding-left: 30px;
    margin-right: 1%;
    color: #2B2D34;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.boxDiv5_21[b-thv5ueljpt] {
    display: flex; /* background:#F0F1F7;*/
    box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.10);
    height: 44px;
    display: flex;
    align-items: center;
}

.boxDiv5_71[b-thv5ueljpt] {
    color: #2B2D34;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    width: 8%;
    display: flex;
    justify-content: center;
    margin-left: 1%;
}

    .boxDiv5_71 div[b-thv5ueljpt] {
        margin: 10px;
    }

.boxDiv5_21:hover[b-thv5ueljpt] {
    background: #F0F1F7;
    box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.10);
}

    .boxDiv5_21:hover .widthBox-group-div[b-thv5ueljpt] {
        color: #3578EE
    }

    .boxDiv5_21:hover .widthBox-group-imgBox[b-thv5ueljpt] {
        background: url(../img/img7.png) no-repeat;
        background-size: 16px; /* background-position-x:10px;*/ /* background-position-y:2px;*/
    }

.boxDiv5_91[b-thv5ueljpt] {
    width: 13%;
    padding-left: 30px;
    margin-right: 1%;
    color: #3578EE;
    font-family: OPPOSans-M;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.boxDiv5Img1[b-thv5ueljpt] {
    width: 16px;
    height: 16px;
    background: url(../img/img4.png) no-repeat;
    background-size: 100%;
    cursor: pointer;
}

.boxDiv5Img2[b-thv5ueljpt] {
    width: 16px;
    height: 16px;
    background: url(../img/img5.png) no-repeat;
    background-size: 100%;
    cursor: pointer;
}

.boxDiv5Img3[b-thv5ueljpt] {
    width: 16px;
    height: 16px;
    background: url(../img/img6.png) no-repeat;
    background-size: 100%;
    cursor: pointer;
}

.boxDiv5Img1:hover[b-thv5ueljpt] {
    background: url(../img/img4_.png) no-repeat;
    background-size: 100%;
}

.boxDiv5Img2:hover[b-thv5ueljpt] {
    background: url(../img/img5_.png) no-repeat;
    background-size: 100%;
}

.boxDiv5Img3:hover[b-thv5ueljpt] {
    background: url(../img/img6_.png) no-repeat;
    background-size: 100%;
}

.BulletBox21[b-thv5ueljpt] {
    width: 146px;
    background: #FFF;
    border-radius: 6px;
}

.BulletBoxList21[b-thv5ueljpt] {
    height: 38px;
    padding-left: 20px;
    display: flex;
    align-items: center;
}

    .BulletBoxList21:hover[b-thv5ueljpt] {
        background: #F0F1F7;
    }

    .BulletBoxList21 div[b-thv5ueljpt] {
        display: flex;
        align-items: center;
        margin-left: 2px;
    }

.BulletBoxList31[b-thv5ueljpt] {
    height: 38px;
}

.BulletBox22[b-thv5ueljpt] {
    width: 97px;
    background: #FFF;
    border-radius: 6px;
}

.BulletBox23[b-thv5ueljpt] {
    height: 38px;
    padding-left: 20px;
    display: flex;
    align-items: center;
}

    .BulletBox23:hover[b-thv5ueljpt] {
        background: #F0F1F7;
    }

.boxDiv16[b-thv5ueljpt] {
    border-radius: 6px;
    border: 1px solid #3578EE;
    background: #FFF;
    height: 42px;
    color: rgba(0,0,0,0.40);
    font-family: 'OPPOSans-M';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
    display: flex;
    justify-content: space-between;
    line-height: 44px;
    padding-left: 12px;
    margin-bottom: 2px;
}

.boxDiv17[b-thv5ueljpt] {
    display: flex;
    align-items: center;
}

.boxDiv18[b-thv5ueljpt] {
    border-radius: 24px;
    background: rgba(0,0,0,0.90);
    height: 20px;
    width: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.boxDiv19[b-thv5ueljpt] {
    border-radius: 24px;
    background: #3578EE;
    height: 20px;
    width: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 12px;
    margin-left: 10px;
}

.leftWidth[b-thv5ueljpt] {
    padding-left: 0;
}

    .leftWidth:hover[b-thv5ueljpt] {
        color: #3578EE;
    }

.boxDiv4_19[b-thv5ueljpt] {
    margin-right: 10px;
}

.boxDiv4_20[b-thv5ueljpt] {
}

.boxDiv5_9_1[b-thv5ueljpt] {
    width: 4%;
    display: flex;
    justify-content: center;
    align-items: center; /* display:flex;*/ /* align-items:center;*/
    padding-top: 3px;
}

    .boxDiv5_9_1 div[b-thv5ueljpt] {
        font-family: 'OPPOSans-B';
    }

.activeDiv[b-thv5ueljpt] {
    background: #DDE7FB;
    box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.10);
}

.boxDiv5_9_1 .checkbox[b-thv5ueljpt] { /* zoom:100%;*/
    width: 14px;
    height: 14px;
}

.divBox_1[b-thv5ueljpt] {
    border-radius: 4px;
    background: #161616;
    display: flex;
    align-items: center;
    padding: 6px;
    color: #FFF;
    font-family: OPPOSans-R;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.24px;
    width: 260px;
}

.divBox_2[b-thv5ueljpt] {
    border-radius: 6px;
    background: rgba(0,0,0,0.90);
    padding: 10px;
    width: 146px;
    color: #FFF;
    text-align: center;
    font-family: OPPOSans-R;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.32px;
}

.maskBox[b-thv5ueljpt] {
    background: #0000005c;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
}

.BulletBox[b-thv5ueljpt] {
    position: absolute;
    background: #fff;
    left: 50%;
    right: 0;
    top: 50%;
    bottom: 0;
    width: 703px;
    height: 510px; /* margin:0 auto;*/
    transform: translate(-50%,-50%);
}

.BulletBox1[b-thv5ueljpt] {
    display: flex;
    justify-content: space-between;
    padding: 0 20px 0 20px;
    height: 60px;
}

.BulletBox2[b-thv5ueljpt] {
    display: flex;
    align-items: center;
    color: rgba(0,0,0,0.90);
    font-family: OPPOSans-b;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.32px;
}

.BulletBox3[b-thv5ueljpt] {
    display: flex;
    align-items: center;
}

.border_bottom[b-thv5ueljpt] {
    opacity: 0.1;
    background: linear-gradient(270deg,rgba(0,0,0,0.00) 0%,#000 15.06%,#000 84.74%,rgba(0,0,0,0.00) 100%);
    width: 703px;
    height: 1px;
}

.boxDiv14c[b-thv5ueljpt] {
    padding: 0 3px 0 0;
    overflow: hidden;
    color: #3578EE;
    text-overflow: ellipsis;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.boxDiv5_9_12[b-thv5ueljpt] {
    width: 9%;
    display: flex; /* justify-content:center;*/
    align-items: center;
    border-radius: 6px; /* background:rgba(52,211,97,0.10);*/
    height: 23px;
    color: rgba(0,0,0,0.90);
    font-family: 'OPPOSans-M';
    font-size: 13px; /* background:#000;*/
}

    .boxDiv5_9_12 div[b-thv5ueljpt] {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 4px;
    }

.boxDiv5_9_11[b-thv5ueljpt] {
    width: 12%; /* display:flex;*/ /* justify-content:center;*/ /* align-items:center;*/
    padding-left: 30px;
}

.boxDiv5_9_14[b-thv5ueljpt] {
    width: 32%;
    display: flex; /* justify-content:center;*/
    align-items: center; /* font-family:'OPPOSans-M';*/
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical; /* overflow:hidden;*/ /* white-space:nowrap;*/
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.boxDiv5_9_13[b-thv5ueljpt] {
    width: 7%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #3578EE; /* border:#3578EE 1px solid;*/
}

.boxDiv5_91[b-thv5ueljpt] {
}

.gunBox[b-thv5ueljpt] {
}

.boxDiv5_9_12-1[b-thv5ueljpt] {
    background: rgba(52,211,97,0.10);
    width: 55px;
    height: 23px; /* margin-left:2.8%;*/ /* margin-right:2.9%;*/
}

.boxDiv5_9_12-2[b-thv5ueljpt] {
    border-radius: 6px;
    background: rgba(0,0,0,0.05);
    width: 55px;
    height: 23px;
    color: rgba(0,0,0,0.60); /* margin-left:2.8%;*/ /* margin-right:2.9%;*/
    margin-right: 0 !important;
}

.boxDiv5_9_12-3[b-thv5ueljpt] {
    border-radius: 6px;
    background: rgba(245,155,20,0.10);
    width: 55px;
    height: 23px;
    color: #E58E0A; /* margin-left:2.8%;*/ /* margin-right:2.9%;*/
}

.boxDiv5_9_13-1[b-thv5ueljpt] { /* border:#3578EE 1px solid;*/
    border-radius: 4px; /* font-family:'OPPOSans-M';*/
    font-size: 12px; /* padding:2px 8px 2px 8px;*/
    width: 77px;
    height: 23px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(245,155,20,0.10);
    color: #F59B14;
}

    .boxDiv5_9_13-1 svg[b-thv5ueljpt] {
        width: 16px;
        height: 16px;
        margin-right: 4px;
    }

.boxDiv5_9_13-2[b-thv5ueljpt] {
    border-radius: 4px; /* border:1px solid rgba(0,0,0,0.20);*/ /* border:#3578EE 1px solid;*/ /* border-radius:4px;*/ /* font-family:'OPPOSans-M';*/
    font-size: 12px; /* padding:2px 8px 2px 8px;*/
    width: 77px;
    height: 23px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgba(0,0,0,0.90);
    background: rgba(245,155,20,0.10);
    color: #F59B14;
}

    .boxDiv5_9_13-2 svg[b-thv5ueljpt] {
        width: 16px;
        height: 16px;
        margin-right: 4px;
    }

.boxDiv5_9_11-1[b-thv5ueljpt] {
    color: #3578EE;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    width: 29px;
    height: 23px; /* border-radius:4px;*/ /* background:rgba(240,70,66,0.10);*/
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    background: rgba(53,120,238,0.10);
}

.boxDiv5_9_11-2[b-thv5ueljpt] {
    color: #F04642;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    width: 29px;
    height: 23px;
    border-radius: 4px;
    background: rgba(240,70,66,0.10);
    display: flex;
    justify-content: center;
    align-items: center;
}

.BulletBox-1[b-thv5ueljpt] {
    border-radius: 6px;
    position: absolute;
    background: #fff;
    left: 50%;
    right: 0;
    top: 50%;
    bottom: 0;
    width: 480px;
    height: 680px; /* margin:0 auto;*/
    transform: translate(-50%,-50%);
    overflow: hidden;
    border-radius: 6px;
}

.BulletBox1-1[b-thv5ueljpt] {
    display: flex;
    justify-content: space-between;
    padding: 0 20px 0 20px;
    height: 60px;
}

.BulletBox2-1[b-thv5ueljpt] {
    display: flex;
    align-items: center;
    color: rgba(0,0,0,0.90);
    font-family: OPPOSans-b;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.32px;
}

.BulletBox3-1[b-thv5ueljpt] {
    display: flex;
    align-items: center;
}

.border_bottom-1[b-thv5ueljpt] {
    opacity: 0.1;
    background: linear-gradient(270deg,rgba(0,0,0,0.00) 0%,#000 15.06%,#000 84.74%,rgba(0,0,0,0.00) 100%);
    width: 480px;
    height: 1px;
    margin-bottom: 20px;
}

.BulletBox3-t-0[b-thv5ueljpt] { /* width:330px;*/ /* margin:0 auto;*/ /* overflow:hidden;*/
}

.BulletBox3-t-2[b-thv5ueljpt] {
    display: flex; /* align-items:center;*/
    margin-bottom: 12px;
    width: 332px;
    margin: 0 auto;
    margin-bottom: 12px;
}

.BulletBox3-t-1[b-thv5ueljpt] {
    color: rgba(0,0,0,0.60);
    text-align: right;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    width: 67px;
    margin-right: 12px; /* width:67px;*/
    padding-top: 7px;
}

.BulletBox3-t-3[b-thv5ueljpt] {
    width: 252px;
    border-radius: 6px;
    border: 1px solid rgba(0,0,0,0.10);
    background: #FFF;
    height: 31px;
    display: flex;
    align-items: center;
    display: flex;
    justify-content: space-between;
    position: relative;
}

    .BulletBox3-t-3 input[b-thv5ueljpt] {
        color: rgba(0,0,0,0.90);
        font-family: 'OPPOSans-M';
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.26px;
        padding-left: 12px;
        outline: none;
    }

input[type="text"][b-thv5ueljpt]::placeholder {
    color: rgba(0,0,0,0.40);
}

.BulletBox3-t-7[b-thv5ueljpt] {
    margin-right: 12px;
    color: #3578EE;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.BulletBox3-t-8[b-thv5ueljpt] {
    margin-right: 12px;
    margin-top: 3px;
}

.BulletBox3-t-9 input[b-thv5ueljpt] {
    color: rgba(0,0,0,0.90);
    font-family: OPPOSans-M;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.BulletBox3-t-10[b-thv5ueljpt] {
}

.border_bottom-2[b-thv5ueljpt] {
    opacity: 0.1;
    background: linear-gradient(270deg,rgba(0,0,0,0.00) 0%,#000 15.06%,#000 84.74%,rgba(0,0,0,0.00) 100%);
    width: 480px;
    height: 1px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.BulletBox3-t11[b-thv5ueljpt] {
}

.BulletBox3-t-12[b-thv5ueljpt] { /* display:flex;*/
    float: left;
    width: 240px; /* overflow-y:auto;*/ /* height:145px;*/ /* overflow-x:hidden;*/
}

.BulletBox3-t-14[b-thv5ueljpt] {
    width: 330px;
    margin: 0 auto;
    display: flex;
}

.BulletBox3-t-4[b-thv5ueljpt] {
    width: 115px;
    float: left;
    display: flex;
    margin-bottom: 16px;
}

.BulletBox3-t-5[b-thv5ueljpt] { /* float:left;*/ /* display:flex;*/
}

    .BulletBox3-t-5 input[b-thv5ueljpt] {
        float: left;
        margin-top: 2px;
        margin-right: 8px;
        width: 14px;
        height: 14px;
    }

.BulletBox3-t-6[b-thv5ueljpt] {
    color: rgba(0,0,0,0.90);
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.BulletBox3-t-18[b-thv5ueljpt] {
    margin-bottom: 20px; /* clear:both;*/ /* overflow:hidden;*/
}

.divBox-b-15[b-thv5ueljpt] {
    display: flex;
    justify-content: space-between;
    background: #FFF;
    box-shadow: 0px -2px 6px 0px rgba(0,0,0,0.10);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-radius: 0 0 6px 6px;
}

.divBox-b-16[b-thv5ueljpt] {
    color: rgba(0,0,0,0.90);
    text-align: center;
    font-family: 'OPPOSans-M';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
    display: flex;
    justify-content: center;
    width: 49%;
    align-items: center;
    height: 54px;
}

.divBox-b-17[b-thv5ueljpt] {
    color: #3578EE;
    font-family: 'OPPOSans-M';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
    height: 54px;
    width: 49%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: rgba(0,0,0,0.10) 1px solid;
}

.margin-top[b-thv5ueljpt] { /* margin-top:27px;*/
    background: #666D84;
    border-radius: 6px;
    color: #fff;
}

    .margin-top:hover[b-thv5ueljpt] {
        background: #666D84;
        color: #fff;
    }

.widthBox-list[b-thv5ueljpt] {
    align-items: center;
    width: 10%;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; /* height:17px;*/
    border-radius: 4px;
}

    .widthBox-list div[b-thv5ueljpt] {
        float: left;
        margin-right: 10px;
        background: rgba(53,120,238,0.10);
        width: 77px;
        height: 23px;
        font-size: 12px;
        color: #3578EE;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .widthBox-list svg[b-thv5ueljpt] {
        margin-right: 4px;
    }

.widthBox-group[b-thv5ueljpt] {
    display: flex;
    align-items: center;
    border-left: #e2e2e2 1px solid;
    width: 10%;
}

.widthBox-group-imgBox[b-thv5ueljpt] {
    display: flex;
    align-items: center;
    margin-right: 4px; /* border-left:#e2e2e2 1px solid;*/
    margin-left: 10px;
    height: 20px;
    background: url(../img/img8.png);
    width: 16px;
    height: 16px;
    background-size: 16px;
}

.widthBox-group-div[b-thv5ueljpt] {
    color: rgba(0,0,0,0.60);
    font-family: 'OPPOSans-M';
}

.color-null[b-thv5ueljpt] {
    color: rgba(0,0,0,0.60);
}

.BulletBox3-t-12-width[b-thv5ueljpt] {
    width: 116px; /* padding-top:10px;*/
}

.div-Box-width[b-thv5ueljpt] {
    color: rgba(0,0,0,0.40);
    font-size: 12px;
    padding-top: 10px;
}

.width-box[b-thv5ueljpt] {
    width: 252px;
}

.width-box-padding[b-thv5ueljpt] {
    padding-top: 0px;
}

.configurationBox[b-thv5ueljpt] {
    width: 480px;
    height: 100vh;
    background: #fff;
    position: absolute;
    right: 0;
}

.configuration-Box[b-thv5ueljpt] {
    padding: 0 32px 0 32px;
    margin-bottom: 20px; /* display:block;*/
    overflow: hidden;
}

.configuration-Box-width[b-thv5ueljpt] {
    display: flex;
    align-items: center;
    float: left;
}

.configuration-Box-nameBox[b-thv5ueljpt] {
    color: rgba(0,0,0,0.60); /* text-align:right;*/ /* font-family:OPPOSans;*/
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.configuration-Box-name[b-thv5ueljpt] {
    width: 118px;
    height: 33px;
    border-radius: 6px;
    border: 1px solid rgba(0,0,0,0.10);
    background: #F0F1F7;
    color: rgba(0,0,0,0.60);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    padding-left: 12px;
    display: flex;
    align-items: center;
}

    .configuration-Box-name input[b-thv5ueljpt] {
        background: none;
        outline: none
    }

.margin-left[b-thv5ueljpt] {
    margin-left: 19px;
}

.CustomerServiceTeam[b-thv5ueljpt] {
    clear: both;
    margin: 0 20px 0 20px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 4px;
    height: 37px;
    border-radius: 6px; /* background:#F0F1F7;*/ /* line-height:37px;*/
}

    .CustomerServiceTeam:hover[b-thv5ueljpt] {
        background: #F0F1F7;
    }

.CustomerServiceTeam-left[b-thv5ueljpt] {
    color: rgba(0,0,0,0.90); /* font-family:OPPOSans;*/
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
    line-height: 37px;
    padding-left: 12px;
}

.CustomerServiceTeam-right[b-thv5ueljpt] {
    display: flex; /* justify-content:space-between;*/
    overflow: hidden;
    color: rgba(0,0,0,0.60);
    text-overflow: ellipsis; /* font-family:OPPOSans;*/
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.24px; /* display:flex;*/ /* align-items:center;*/
    line-height: 37px;
}

    .CustomerServiceTeam-right input[b-thv5ueljpt] {
        margin-left: 8px;
        width: 14px;
        height: 14px;
        margin-top: 2px;
        margin-right: 12px;
        margin-top: 11px;
    }

.CustomerServiceTeam-btn[b-thv5ueljpt] {
    width: 286px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    position: absolute;
    bottom: 60px;
    left: 0;
    right: 0;
}

.CustomerServiceTeam-btn-left[b-thv5ueljpt] {
    border-radius: 6px;
    background: #F0F1F7;
    height: 37px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 138px;
}

.CustomerServiceTeam-btn-right[b-thv5ueljpt] {
    border-radius: 6px;
    background: #3578EE;
    height: 37px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 138px;
    color: #FFF;
}

.BulletBox-1-1[b-thv5ueljpt] {
    height: 235px;
    overflow: inherit;
}

.drop-down-bx[b-thv5ueljpt] {
    position: absolute;
    border-radius: 6px;
    border: 1px solid rgba(0,0,0,0.10);
    background: #FFF;
    width: 100%;
    top: 35px;
    z-index: 99;
}

    .drop-down-bx div[b-thv5ueljpt] {
        height: 33px;
        width: 95%;
        color: rgba(0,0,0,0.90); /* font-family:OPPOSans;*/
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.26px;
        padding-left: 5%;
        line-height: 33px;
        border-bottom: rgba(0,0,0,0.10) 1px solid;
    }

        .drop-down-bx div:hover[b-thv5ueljpt] {
            background: #F0F1F7;
        }

.configuration-Box-width-div[b-thv5ueljpt] {
    width: 416px;
}

.configuration-Box-name-div[b-thv5ueljpt] {
    width: 322px;
}

.CustomerServiceTeam-div-width:hover[b-thv5ueljpt] {
    background: #FFF;
}

.BulletBox3-t-3-div[b-thv5ueljpt] {
    height: auto;
}

    .BulletBox3-t-3-div textarea[b-thv5ueljpt] {
        width: 90%;
        background: fixed;
        padding: 4%;
        outline: none;
        color: rgba(0,0,0,0.40); /* font-family:OPPOSans;*/
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.26px; /* resize:none;*/
    }

    .BulletBox3-t-3-div textarea[b-thv5ueljpt] {
        overflow: hidden;
        color: rgba(0,0,0,0.90);
        text-overflow: ellipsis;
        font-family: 'OPPOSans-M';
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal; /* resize:none;*/
        width: 90%;
        background: none;
        outline: none;
        height: 123px;
    }

        .BulletBox3-t-3-div textarea[b-thv5ueljpt]::placeholder {
            color: rgba(0,0,0,0.40);
            font-family: OPPOSans-R;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.28px;
        }

.BulletBox3-t-2-div[b-thv5ueljpt] { /* background:red;*/
    width: 420px;
}

.BulletBox3-t-1-div[b-thv5ueljpt] {
    color: rgba(0,0,0,0.60);
    text-align: right;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    width: 67px;
    margin-right: 12px; /* width:67px;*/
    padding-top: 7px;
}

.popFrameBox[b-thv5ueljpt] {
    border-radius: 6px;
    position: absolute;
    background: #fff;
    left: 50%;
    right: 0;
    top: 50%; /* top:0;*/
    bottom: 0;
    width: 480px;
    height: 509px; /* margin:0 auto;*/
    transform: translate(-50%,-50%);
    overflow: hidden;
    border-radius: 6px;
}

.popFrameBox-1[b-thv5ueljpt] {
    display: flex;
    justify-content: space-between;
    padding: 0 20px 0 20px;
    height: 60px;
}

.popFrameBox-2[b-thv5ueljpt] {
    display: flex;
    align-items: center;
    color: rgba(0,0,0,0.90);
    font-family: OPPOSans-b;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.32px;
}

.BulletBox3-1[b-thv5ueljpt] {
    display: flex;
    align-items: center;
}

.popFrameBox-3-1[b-thv5ueljpt] {
    display: flex;
    align-items: center;
}

.popFrameBox-4[b-thv5ueljpt] { /* background:red;*/
    width: 420px;
    display: flex; /* align-items:center;*/
    margin-bottom: 12px; /* width:332px;*/
    margin: 0 auto;
    margin-bottom: 12px;
}

.popFrameBox-5[b-thv5ueljpt] {
    color: rgba(0,0,0,0.60);
    text-align: right;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    width: 67px;
    margin-right: 12px; /* width:67px;*/
    padding-top: 7px;
}

.popFrameBox-6[b-thv5ueljpt] {
    width: 339px;
    border-radius: 6px;
    border: 1px solid rgba(0,0,0,0.10);
    background: #FFF; /* height:31px;*/ /* display:flex;*/ /* align-items:center;*/
    display: flex; /* justify-content:space-between;*/
    position: relative;
}

    .popFrameBox-6 input[b-thv5ueljpt] {
        color: rgba(0,0,0,0.90);
        font-family: 'OPPOSans-M';
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.26px;
        padding-left: 12px;
        outline: none;
        background: none;
    }

.popFrameBox-7 input[b-thv5ueljpt] {
    color: rgba(0,0,0,0.90);
    font-family: OPPOSans-M;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.popFrameBox-8[b-thv5ueljpt] {
    margin-right: 12px;
    color: #3578EE;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.popFrameBox-9[b-thv5ueljpt] {
    width: 420px;
    margin: 0 auto;
    display: flex;
}

.popFrameBox-10[b-thv5ueljpt] { /* display:flex;*/
    float: left;
    width: 240px; /* overflow-y:auto;*/ /* height:145px;*/ /* overflow-x:hidden;*/
}

.popFrameBox-11[b-thv5ueljpt] {
    width: 115px;
    float: left;
    display: flex;
    margin-bottom: 16px;
}

.popFrameBox-12[b-thv5ueljpt] { /* float:left;*/ /* display:flex;*/
}

    .popFrameBox-12 input[b-thv5ueljpt] {
        float: left;
        margin-top: 2px;
        margin-right: 8px;
        width: 14px;
        height: 14px;
    }

.popFrameBox-13[b-thv5ueljpt] {
    color: rgba(0,0,0,0.90);
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.popFrameBox-14[b-thv5ueljpt] { /* float:left;*/ /* display:flex;*/
}

    .popFrameBox-14 input[b-thv5ueljpt] {
        float: left;
        margin-top: 2px;
        margin-right: 8px;
        width: 14px;
        height: 14px;
    }

.popFrameBox-3[b-thv5ueljpt] {
}

.popFrameBox-6-1[b-thv5ueljpt] {
    margin-bottom: 20px; /* clear:both;*/ /* overflow:hidden;*/
    display: flex;
    margin: 0 auto;
    width: 420px;
}

.height-box[b-thv5ueljpt] {
    height: 31px;
}

.width-box-pop[b-thv5ueljpt] {
    width: 100%;
}

.popFrameBox-6-2[b-thv5ueljpt] {
    margin-bottom: 12px;
}

.boxDiv4_6-1[b-thv5ueljpt] {
    display: flex;
    align-items: center; /* border-radius:36px;*/
    border: 1px solid rgba(0,0,0,0.10);
    background: #FFF;
    padding: 0 20px;
    height: 37px; /* margin-right:10px;*/ /* border-radius:6px;*/ /* width:234px;*/
    border-radius: 6px;
    margin: 0 0px 0 28px; /* margin-bottom:14px;*/
    padding-left: 16px;
}

.margin-top-box[b-thv5ueljpt] {
    margin-top: 27px;
}

.boxDiv4_6-1-1[b-thv5ueljpt] {
    width: 276px;
}

.boxDiv5_9_11_width_1[b-thv5ueljpt] {
    width: 100px !important; /* padding-left:30px; */
    text-align: center; /* font-family:'OPPOSans-R';*/
    font-family: 'OPPOSans-M';
    color: rgba(0, 0, 0, 0.90);
}

.boxDiv5_9_11_width_2[b-thv5ueljpt] { /* width:8% !important; */
    text-align: center;
    padding-left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.boxDiv5_9_11_width_3[b-thv5ueljpt] { /* width:10% !important; */
    text-align: center;
    color: rgba(0, 0, 0, 0.90);
    font-family: 'OPPOSans-M';
}

.boxDiv5_9_11_width_4[b-thv5ueljpt] { /* width:11% !important; */
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #3578EE;
    font-family: OPPOSans;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    line-height: 25px;
}

.boxDiv5_9_11_width_5[b-thv5ueljpt] { /* width:5% !important; */
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; /* margin-right:2%; */ /* display:flex; */
    text-align: center;
}

    .boxDiv5_9_11_width_5 div[b-thv5ueljpt] {
        margin-right: 10px;
        font-family: 'OPPOSans-M';
        color: rgba(0,0,0,0.90); /* font-family:OPPOSans;*/
        font-size: 13px;
    }

.boxDiv5_9_11_width_6[b-thv5ueljpt] {
    text-align: center; /* width:7%; */
    display: flex;
    justify-content: center;
    align-items: center;
}

.boxDiv5_9_11_width_7[b-thv5ueljpt] { /* width:10%; */
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .boxDiv5_9_11_width_7 div[b-thv5ueljpt] {
        font-family: 'OPPOSans-R';
    }

.boxDiv5_9_11_width_8[b-thv5ueljpt] { /* width:8%; */
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.boxDiv5_9_11_width_9[b-thv5ueljpt] {
}

.boxDiv5_9_13-1-1[b-thv5ueljpt] {
    padding-left: 0;
    width: 5%;
}

.boxDiv5_9_13-1-2[b-thv5ueljpt] {
    width: 13%;
}

.boxDiv5_9_13-1-3[b-thv5ueljpt] {
    width: 13%;
}

.boxDiv5_9_13-1-4[b-thv5ueljpt] {
    width: 25%;
}

.boxDiv5_9_13-1-5[b-thv5ueljpt] {
    width: 20%;
}

.mmargin[b-thv5ueljpt] {
    margin-left: 30px;
}

.boxDiv5_9_11_width_0[b-thv5ueljpt] { /* width:7%; */
    text-align: center;
}

.boxDiv5_9_11-1-1[b-thv5ueljpt] {
    color: #3578EE;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    width: 29px;
    height: 23px; /* border-radius:4px;*/ /* background:rgba(240,70,66,0.10);*/
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    background: rgba(53,120,238,0.10);
}

.boxDiv5_9_11_width_4-1[b-thv5ueljpt] {
    border-radius: 4px;
    border: 1px solid rgba(53,120,238,0.50);
    width: 56px;
    height: 23px;
}

.widthBox-group-1[b-thv5ueljpt] {
    width: auto;
}

.dong_1[b-thv5ueljpt] {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #2FBA56;
    font-size: 13px;
    border-radius: 4px;
    font-family: 'OPPOSans-R';
}

    .dong_1 div[b-thv5ueljpt] {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .dong_1 svg[b-thv5ueljpt] {
        margin-right: 4px;
    }

.dong_2[b-thv5ueljpt] {
    display: flex;
    justify-content: space-between; /* width:7%; */
    display: flex;
    justify-content: center;
    align-items: center;
}

    .dong_2 div[b-thv5ueljpt] { /* margin-left:24%; */ /* margin-right:13%;*/
    }

.color_div-1[b-thv5ueljpt] {
    color: #E58E0A;
}

.color_div-bg[b-thv5ueljpt] {
    background: rgba(245,155,20,0.10);
}

.color_div-2[b-thv5ueljpt] {
    color: rgba(0,0,0,0.60);
}

.color_div-bg2[b-thv5ueljpt] {
    background: rgba(0,0,0,0.05);
}

.color_div-bg3[b-thv5ueljpt] {
    border: 1px solid rgba(0,0,0,0.20);
}

.color_div-bg3[b-thv5ueljpt] {
    color: rgba(0,0,0,0.90);
}

.color_div_c[b-thv5ueljpt] {
    color: rgba(0,0,0,0.60);
}

.color_div_b div[b-thv5ueljpt] {
    color: rgba(0,0,0,0.60);
}

.color-box[b-thv5ueljpt] {
    color: #F04642;
    background: rgba(240,70,66,0.10);
}

.manage-box[b-thv5ueljpt] {
    color: rgba(0,0,0,0.40); /* font-family:OPPOSans;*/
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    margin-left: 10px;
}

.divBox2-box[b-thv5ueljpt] {
    display: flex;
    justify-content: flex-end;
}

.divBox2-box-1[b-thv5ueljpt] {
    margin-right: 4px;
    display: flex;
    align-items: center;
}

.divBox2-box-2[b-thv5ueljpt] {
    margin-right: 4px;
    color: rgba(0,0,0,0.90);
    font-family: 'OPPOSans-M';
    font-size: 13px;
}

.divBox2-box-3[b-thv5ueljpt] {
    color: rgba(0,0,0,0.90);
    font-family: 'OPPOSans-R';
}

.divBox2-box-4[b-thv5ueljpt] {
    margin-left: 4px;
    color: rgba(0,0,0,0.90);
    font-family: 'OPPOSans-M';
    font-size: 13px;
}

.divBox2-box-5[b-thv5ueljpt] {
}

.divBox2-box-6[b-thv5ueljpt] {
    background: #F0F1F7;
    border: none;
    margin-right: 20px;
    margin-left: 10px;
}

.boxDiv4-box[b-thv5ueljpt] { /* padding-top:24px;*/
    overflow-x: scroll;
    /*min-width: 100px;*/
     /*width:1800px;*/
}

.boxDiv-box[b-thv5ueljpt] {
    background: #fff;
    border-radius: 6px;
}

._boxLeft[b-thv5ueljpt] {
    width: 100%;
    position: relative; /* min-width:700px;*/
    height: 100%;
    display: flex;
    flex-direction: column;
}

.UserNameBox[b-thv5ueljpt] {
    display: flex;
    justify-content: space-between;
    margin: 0 20px 0 20px;
}

.UserName[b-thv5ueljpt] {
    display: flex;
    align-items: center;
    overflow: hidden;
    color: rgba(0,0,0,0.90);
    text-overflow: ellipsis;
    font-family: 'OPPOSans-M';
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.3px;
}

.UserOptions[b-thv5ueljpt] {
    display: flex;
    align-items: center;
    padding-top: 5px;
    padding-bottom: 5px;
}

    .UserOptions div[b-thv5ueljpt] { /* display:flex;*/ /* flex-direction:column;*/ /* justify-content:space-between;*/ /* align-items:center;*/ /* width:45px;*/
        height: 36px;
        padding: 5px 10px;
    }

        .UserOptions div img[b-thv5ueljpt] {
            width: 16px;
            height: auto;
            display: block; /* object-fit:cover;*/
            max-width: 16px;
        }

    .UserOptions span[b-thv5ueljpt] {
        width: 17px;
        height: 16px;
        display: block;
        text-align: center;
    }

    .UserOptions b[b-thv5ueljpt] {
        color: rgba(0,0,0,0.60);
        font-family: 'OPPOSans-M';
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.24px;
    }

.borderBottom4[b-thv5ueljpt] {
    opacity: 0.1;
    background: linear-gradient(270deg,rgba(0,0,0,0.00) 0%,#000 15.06%,#000 84.74%,rgba(0,0,0,0.00) 100%);
    width: 100%;
    height: 1px;
    margin-bottom: 30px;
}

.borderBottom5[b-thv5ueljpt] {
    border-bottom: #e0e1ea 1px dashed;
    margin-left: 20px;
    margin-right: 20px;
}

.boxWidth[b-thv5ueljpt] {
    height: 100%;
}

.scrollBar[b-thv5ueljpt] {
}

.divBox3_1[b-thv5ueljpt] {
    height: 86%;
}

.boxDivb[b-thv5ueljpt] { /* height:64%; */ /* overflow-y:auto; */
}

.boxWidth[b-thv5ueljpt] {
    height: 100%;
    overflow-y: auto;
    flex: 1;
}

.divBox_cont[b-thv5ueljpt] {
    width: 100%;
    overflow-y: auto;
}

.divBox_cont2[b-thv5ueljpt] {
    width: 100%;
    background: #f5f6fa;
    height: initial;
}

.divBox_cont3[b-thv5ueljpt] {
    width: 100%;
    flex: 1;
    overflow-y: auto;
}

.boxDivn[b-thv5ueljpt] {
    flex: 1;
    overflow-y: auto;
}

.sessionBoxHover1:hover .bgBox[b-thv5ueljpt] {
    background: #C8C8C8;
}

.sessionBoxHover2:hover .bgBox[b-thv5ueljpt] {
    background: #34D361;
}

.bgBox[b-thv5ueljpt] {
    width: 6px;
    height: 64px;
}

.sessionUserBox[b-thv5ueljpt] {
    width: 100%;
    background: #ecedf6; /* margin-left:14px;*/
    position: relative;
    display: flex;
}

.sessionBox1[b-thv5ueljpt] {
    display: flex;
    margin-bottom: 20px;
}

.sessionBox2[b-thv5ueljpt] {
    padding-top: 15px;
}

.sessionBox3[b-thv5ueljpt] {
    width: 40px;
    height: 40px;
    margin-right: 6px;
    margin-left: 20px;
}

    .sessionBox3 img[b-thv5ueljpt] {
        width: 40px;
        height: 40px;
        border-radius: 40px;
    }

.sessionBox4[b-thv5ueljpt] {
    display: flex;
    margin-bottom: 10px;
}

.sessionBox5[b-thv5ueljpt] {
    display: flex;
}

.sessionBox6[b-thv5ueljpt] {
    border-radius: 0px 8px 8px 8px;
    background: #FFF;
    padding: 10px;
    color: rgba(0,0,0,0.90);
    font-family: 'OPPOSans-M';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
    max-width: 470px;
}

    .sessionBox6:hover[b-thv5ueljpt] {
        box-shadow: 0px 4px 14px 0px rgba(133,142,161,0.50);
    }

.sessionBox22b[b-thv5ueljpt] {
}

.sessionBox42b[b-thv5ueljpt] {
    margin-bottom: 4px;
    display: flex;
    justify-content: flex-end;
}

.HistoricalNews[b-thv5ueljpt] { /* margin-right:8px;*/
    position: relative; /* padding-top:20px;*/
    padding-bottom: 30px; /* margin-left:6px;*/
}

.HistoricalNewsBox[b-thv5ueljpt] {
    color: rgba(0,0,0,0.30);
    text-align: center;
    font-family: 'OPPOSans-M';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.24px;
    position: absolute;
    right: 0;
    left: 0;
    top: -7px;
    background: #ecedf6;
    width: 106px;
    text-align: center;
    margin: 0 auto;
}

.sessionBox22b[b-thv5ueljpt] {
    margin-top: -8px;
}

.sessionBox42b[b-thv5ueljpt] {
    margin-bottom: 4px;
    display: flex;
    justify-content: flex-end;
}

.sessionBox62b[b-thv5ueljpt] {
    border-radius: 8px 0px 8px 8px;
    background: #666D84;
    padding: 10px;
    color: #FFF;
    text-align: left;
    font-family: 'OPPOSans-R';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
    max-width: 470px;
    word-break: break-all;
}

.sessionBox62[b-thv5ueljpt] {
    border-radius: 0px 8px 8px 8px;
    background: #FFF;
    padding: 10px;
    color: rgba(0,0,0,0.90);
    font-family: 'OPPOSans-M';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
    max-width: 470px;
    word-break: break-all;
}

    .sessionBox62 img[b-thv5ueljpt] {
        max-width: 100%;
    }

.sessionBox62b:hover[b-thv5ueljpt] {
    box-shadow: 0px 4px 14px 0px rgba(133,142,161,0.50);
}

.sessionBox42[b-thv5ueljpt] {
    display: flex;
    margin-bottom: 4px;
}

.sessionTime[b-thv5ueljpt] {
    color: rgba(0,0,0,0.40);
    font-family: OPPOSans-M;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.24px;
    padding-left: 8px;
    opacity: 0.6;
}

.sessionBox62:hover[b-thv5ueljpt] {
    box-shadow: 0px 4px 14px 0px rgba(133,142,161,0.50);
}

.sessionTimeb[b-thv5ueljpt] {
    color: rgba(0,0,0,0.40);
    font-family: OPPOSans-M;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.24px;
    padding-left: 8px;
    opacity: 0.6;
    padding-right: 7px;
}

.sessionBox42bR[b-thv5ueljpt] {
    margin-bottom: 10px;
    display: flex;
    justify-content: flex-end;
}

.HistoricalNewsR[b-thv5ueljpt] {
    margin-right: 6px;
    position: relative;
    padding-top: 20px;
    padding-bottom: 30px;
    margin-left: 6px;
}

.HistoricalNewsBoxR[b-thv5ueljpt] {
    color: rgba(0,0,0,0.30);
    text-align: center;
    font-family: 'OPPOSans-M';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.24px;
    position: absolute;
    right: 0;
    left: 0;
    top: 12px;
    background: #ecedf6;
    width: 59px;
    text-align: center;
    margin: 0 auto;
}

.userBox3[b-thv5ueljpt] {
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: 'OPPOSans-M';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.24px;
    display: flex;
    align-items: center;
    color: rgba(0,0,0,0.40);
}

.dian2[b-thv5ueljpt] {
    width: 8px;
    height: 8px;
    border: 2px solid #fff;
    background: #34D361;
    border-radius: 80px;
    position: absolute;
    left: -2px;
    top: -1px;
}

.sessionBoxLi2[b-thv5ueljpt] {
    width: 40px;
    height: 40px;
    position: relative;
    margin-right: 10px;
}

.sessionBox62b[b-thv5ueljpt] {
    border-radius: 8px 0px 8px 8px;
    background: #666D84;
    padding: 10px;
    color: #FFF;
    text-align: left;
    font-family: 'OPPOSans-R';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
    max-width: 470px;
    word-break: break-all;
}

    .sessionBox62b:hover[b-thv5ueljpt] {
        box-shadow: 0px 4px 14px 0px rgba(133,142,161,0.50);
    }

.sessionBox52b[b-thv5ueljpt] {
    display: flex;
    justify-content: flex-end;
}

.sessionBox5[b-thv5ueljpt] {
    display: flex;
}

.HistoricalNewsR[b-thv5ueljpt] {
    margin-right: 6px;
    position: relative;
    padding-top: 20px;
    padding-bottom: 30px;
    margin-left: 6px;
}

.HistoricalNewsBoxR[b-thv5ueljpt] {
    color: rgba(0,0,0,0.30);
    text-align: center;
    font-family: 'OPPOSans-M';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.24px;
    position: absolute;
    right: 0;
    left: 0;
    top: 12px;
    background: #ecedf6; /* width:59px;*/
    text-align: center;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.borderBottom5R[b-thv5ueljpt] {
    border-bottom: rgba(0,0,0,0.10) 1px solid;
    width: 116px;
    margin: 0 auto;
}

.staging_box-div1[b-thv5ueljpt] {
    width: 682px;
    margin: 0 auto;
    right: 0;
    top: 0;
    position: absolute; /* height:100vh;*/ /* display:flex;*/ /* flex:1;*/
}

.bg-box[b-thv5ueljpt] {
    background: none;
}

.liImg2[b-thv5ueljpt] {
    width: 40px;
    height: 40px;
}

.UserName-box[b-thv5ueljpt] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.spanImgBox-box[b-thv5ueljpt] {
    color: rgba(0,0,0,0.60);
    font-family: 'OPPOSans-M';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.24px;
    display: flex;
    align-items: center;
    padding-right: 0 !important;
}

.sessionBox52[b-thv5ueljpt] {
    display: flex;
}

.sessionBox32[b-thv5ueljpt] {
    width: 40px;
    height: 40px;
    margin-right: 6px;
    margin-left: 20px;
}

    .sessionBox32 img[b-thv5ueljpt] {
        width: 40px;
        height: 40px;
        border-radius: 40px;
    }

.sessionBox32b[b-thv5ueljpt] {
    width: 40px;
    height: 40px;
    margin-left: 6px;
}

.sessionBox1b[b-thv5ueljpt] {
    display: flex;
    justify-content: flex-end;
    margin-right: 20px; /* margin-bottom:170px;*/ /* padding-top:20px;*/
}

.width-box-div[b-thv5ueljpt] {
    width: 103px;
}

.width-box-div2[b-thv5ueljpt] {
    width: 161px !important;
}

.width-box-div3[b-thv5ueljpt] {
    width: 80px !important;
}

.width-box-div4[b-thv5ueljpt] {
    width: 133px !important;
}

.sessionBox62-1[b-thv5ueljpt] {
    width: 259px;
    display: flex;
    justify-content: space-between;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}

.sessionBox62-2[b-thv5ueljpt] { /* width:207px;*/
}

.sessionBox62-3[b-thv5ueljpt] {
    color: rgba(0,0,0,0.90);
    font-family: 'OPPOSANS-M';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
    width: 210px;
    margin-bottom: 4px;
}

.sessionBox62-4[b-thv5ueljpt] {
    color: rgba(0,0,0,0.90);
    font-family: 'OPPOSans-R';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.24px;
}

.sessionBox62-5[b-thv5ueljpt] {
    margin-bottom: 15px;
}

.sessionBox62-6[b-thv5ueljpt] {
    border-radius: 6px;
    background: #F0F1F7;
    height: 32px;
    line-height: 32px;
    text-align: center; /* color:var(--09,rgba(0,0,0,0.90));*/
    text-align: center;
    font-family: 'OPPOSans-M';
    font-size: 13px;
}

.sessionBox6-box[b-thv5ueljpt] {
    color: rgba(0,0,0,0.90);
    font-family: 'OPPOSans-M';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
    padding-bottom: 10px;
}

.boxDiv-box-div[b-thv5ueljpt] {
    width: 100%;
    overflow-y: auto;
    overflow:scroll;
}

.width-box-div-1[b-thv5ueljpt] {
    width: 7%;
    color: rgba(0, 0, 0, 0.90);
}

.width-box-div-2[b-thv5ueljpt] {
    width: 8%;
    color: rgba(0, 0, 0, 0.90);
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.width-box-div-3[b-thv5ueljpt] {
    width: 6%;
}

.width-box-div-4[b-thv5ueljpt] {
    width: 9%;
    color: #2B2D34;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.width-box-div-5[b-thv5ueljpt] {
    width: 6%;
    color: rgba(0, 0, 0, 0.90);
}

.width-box-div-6[b-thv5ueljpt] {
    width: 6%;
    color: rgba(0, 0, 0, 0.90);
}

.width-box-div-7[b-thv5ueljpt] {
    width: 6%;
    color: rgba(0, 0, 0, 0.90);
}

.width-box-div-8[b-thv5ueljpt] {
    width: 6%;
    color: rgba(0, 0, 0, 0.90);
}

.width-box-div-9[b-thv5ueljpt] {
    width: 8%;
    color: #2B2D34;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.width-box-div-10[b-thv5ueljpt] {
    width: 7%;
    color: rgba(0, 0, 0, 0.90);
}

.width-box-div-11[b-thv5ueljpt] {
    width: 7%;
    color: rgba(0, 0, 0, 0.90);
}

.width-box-div-12[b-thv5ueljpt] {
    width: 8.5%;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: rgba(0, 0, 0, 0.90);
}

.width-box-div-13[b-thv5ueljpt] {
    width: 11%;
}

    .width-box-div-13 .div-13[b-thv5ueljpt] {
        border-radius: 4px;
        border: 1px solid rgba(53, 120, 238, 0.50);
        width: 69px;
        height: 23px;
        color: #3578EE;
        font-family: 'OPPOSans-M';
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.26px;
        line-height: 23px;
    }

    .width-box-div-13 .div-14[b-thv5ueljpt] {
        color: rgba(0, 0, 0, 0.60);
        font-family: 'OPPOSans-M';
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.26px;
        border-radius: 4px;
        border: 1px solid rgba(0, 0, 0, 0.20);
        width: 69px;
        height: 23px;
        line-height: 23px;
        margin-left: 8px;
        margin-right: 8px;
    }

.font-box[b-thv5ueljpt] {
    color: rgba(0, 0, 0, 0.90);
    font-family: 'OPPOSans-B';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.32px;
}

.margin-top-div[b-thv5ueljpt] {
    margin-top: 15px;
}

 
body[b-thv5ueljpt] {
    min-width: 1300px;
}


 
/* _content/Cyqf_ChatService/Pages/SpeechSetting.razor.rz.scp.css */

.staging_box[b-bvv3djkafc] {
    width: 98%;
    /* display:flex;*/
    /* margin:20px;*/
    overflow-y: hidden;
    height: 100vh;
    /* margin:20px 20px 20px 20px;*/
    /* margin-bottom:20px;*/
    margin: 0px 0 0 20px;
    display: flex;
    /* justify-content: space-between; */
    flex-direction: column;
}

.staging_leftBox[b-bvv3djkafc] {
    width: 6%;
    height: 970px;
    float: left;
    background-color: #2B2D34;
}

.staging_rightBox[b-bvv3djkafc] {
    width: 100%;
    /* float:left;*/
    /* margin:20px;*/
    margin-right: 0 !important;
    border-radius: 6px;
    background: #FFF;
    display: flex;
    justify-content: space-between;
    height: 69px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.rightBox_l[b-bvv3djkafc] {
    width: 100%;
    margin-right: 0 !important;
}

.leaveWord[b-bvv3djkafc] {
    padding-left: 20px;
    /* padding-top:24px;*/
    /* float:left;*/
    display: flex;
    align-items: center;
}

    .leaveWord b[b-bvv3djkafc] {
        color: rgba(0,0,0,0.90);
        font-size: 16px;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.32px;
        margin-right: 10px;
        display: block;
        float: left;
        color: rgba(0,0,0,0.90);
        font-family: OPPOSans-B;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.32px;
        min-width: 100px;
    }

.boxDiv[b-bvv3djkafc] {
}

.divBox1[b-bvv3djkafc] {
    display: flex;
    align-items: center;
}

    .divBox1 .div[b-bvv3djkafc] {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 4px;
        overflow: hidden;
    }

.divBox2 span[b-bvv3djkafc] {
    margin-right: 10px;
}

.div2[b-bvv3djkafc] {
}

.divBox2[b-bvv3djkafc] {
    margin-right: 30px;
    width: 811px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 18px;
    overflow: hidden;
    color: rgba(0,0,0,0.60);
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.boxDiv[b-bvv3djkafc] {
    width: 100%;
    /* height: 90%; */
    /* margin-bottom: 20px; */
    overflow: hidden;
    display: flex;
    flex: 1;
    min-width: 1500px;
}

.boxDiv3[b-bvv3djkafc] {
    width: 300px;
    background: #FFF;
    border-radius: 6px;
    /* overflow:hidden;*/
    height: 98%;
    /* display:flex;*/
    /* justify-content:center;*/
    /* display:flex;*/
    /* flex-direction:column;*/
    /* max-height:100vh;*/
    margin-right: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* align-items: center; */
    flex-direction: column;
}

.boxDiv4[b-bvv3djkafc] {
    width: 84%;
    background: #fff;
    border-radius: 6px;
    height: 98%;
    min-width: 1200px;
    display: flex;
    /* justify-content:center;*/
    flex-direction: column;
}

.divBox4_1[b-bvv3djkafc] {
    color: rgba(0,0,0,0.60);
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    margin: 0 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.divBox4_2[b-bvv3djkafc] {
    color: rgba(0,0,0,0.90);
    font-family: 'OPPOSans-B';
    font-size: 15px;
}

.divBox4_12[b-bvv3djkafc] {
    margin-bottom: 6px;
    color: #3578EE;
    font-family: 'OPPOSans-M';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.24px;
    /* display:flex;*/
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 27px;
}

.borderBottom6[b-bvv3djkafc] {
    opacity: 0.1;
    background: linear-gradient(270deg,rgba(0,0,0,0.00) 0%,#000 15.06%,#000 84.74%,rgba(0,0,0,0.00) 100%);
    width: 300px;
    height: 1px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.boxDiv5[b-bvv3djkafc] {
    margin: 0 14px 0 14px;
    flex: 1;
    overflow-y: auto;
    max-height: 380px;
    animation: boxDiv5RetractShow-b-bvv3djkafc 0.5s forwards;
}

@keyframes boxDiv5RetractShow-b-bvv3djkafc {
    0% {
        max-height: 680px;
    }

    100% {
        max-height: 380px;
    }
}

.boxDiv5_retract[b-bvv3djkafc] {
    animation: boxDiv5RetractShowRetract-b-bvv3djkafc 0.5s forwards;
}

@keyframes boxDiv5RetractShowRetract-b-bvv3djkafc {
    0% {
        max-height: 380px;
    }

    100% {
        max-height: 680px;
    }
}

[b-bvv3djkafc]::-webkit-scrollbar {
    width: 4px;
}

[b-bvv3djkafc]::-webkit-scrollbar-thumb {
    background: #dadce4;
    border-radius: 3px;
}

    [b-bvv3djkafc]::-webkit-scrollbar-thumb:hover {
        background-color: #555;
    }

.boxDiv6[b-bvv3djkafc] {
    height: 44px;
    display: flex;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: 'OPPOSans-R';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
    padding: 0 0 0 14px;
    color: rgba(0,0,0,0.90);
    margin-bottom: 2px;
    overflow: hidden;
    border-radius: 6px;
    cursor: pointer;
    position: relative;
}

    .boxDiv6:not(.boxDiv7):hover[b-bvv3djkafc] {
        /*background: #DDE7FB;*/
        background: #F0F1F7;
    }

    .boxDiv6:not(.boxDiv8):hover svg[b-bvv3djkafc] {
        display: block;
    }

.boxDiv7:hover svg path[b-bvv3djkafc] {
    stroke: #FFF;
}

.boxDiv6:not(.boxDiv8) svg[b-bvv3djkafc] {
    display: none;
    position: absolute;
    right: 20px;
}

    .boxDiv6:not(.boxDiv8) svg:hover path[b-bvv3djkafc] {
        stroke: #3578EE;
    }

.boxDiv7[b-bvv3djkafc] {
    border-radius: 6px;
    background: #666D84;
    color: #FFF;
}

.boxDiv8[b-bvv3djkafc] {
    color: #3578EE;
}

    .boxDiv8:hover[b-bvv3djkafc] {
        background: #Fff;
        cursor: pointer;
    }

.boxDiv9[b-bvv3djkafc] {
    border-radius: 6px;
    background: #F5F5FA;
    height: 348px;
    margin: 0 14px 14px 14px;
    padding: 012px;
    position: relative;
    animation: ShowRetract2-b-bvv3djkafc 0.5s forwards;
}

@keyframes ShowRetract2-b-bvv3djkafc {
    0% {
        height: 41px;
    }

    100% {
        height: 348px;
    }
}

.boxDiv9_retract[b-bvv3djkafc] {
    height: auto;
    animation: ShowRetract-b-bvv3djkafc 0.5s forwards;
}

@keyframes ShowRetract-b-bvv3djkafc {
    0% {
        height: 348px;
    }

    100% {
        height: 41px;
    }
}

.boxDiv11[b-bvv3djkafc] {
    padding-top: 10px;
    position: relative;
    height: 95%;
}

    .boxDiv11 textarea[b-bvv3djkafc] {
        overflow: hidden;
        color: rgba(0,0,0,0.90);
        text-overflow: ellipsis;
        font-family: 'OPPOSans-M';
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        height: 85%;
        resize: none;
        width: 98%;
        background: none;
        outline: none;
        border: 0;
        overflow: auto;
    }

        .boxDiv11 textarea[b-bvv3djkafc]::placeholder {
            color: rgba(0,0,0,0.40);
            font-family: OPPOSans-R;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.28px;
        }

.addVerbalTrickOp[b-bvv3djkafc] {
    position: absolute;
    right: 12px;
    bottom: 12px;
    display: flex;
    gap: 4px;
}

.addVerbalTrickOp_item[b-bvv3djkafc] {
    display: flex;
    padding: 4px 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: 47px;
    height: 25px;
    color: #FFF;
    font-family: OPPOSans;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    border-radius: 4px;
    cursor: pointer;
}

.addVerbalTrickOp_retract[b-bvv3djkafc], .addVerbalTrickOp_clear[b-bvv3djkafc] {
    background: #666D84;
}

.addVerbalTrickOp_add[b-bvv3djkafc] {
    background: #3578EE;
}

.addVerbalTrickOp_add_not[b-bvv3djkafc] {
    background: rgba(0,0,0,0.3);
    cursor: auto;
}




.retract[b-bvv3djkafc] {
    border-radius: 6px;
    background: #F0F1F7;
    display: flex;
    width: 272px;
    padding: 12px;
    align-items: flex-start;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    flex: 1 0 0;
    gap: 10px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    overflow: hidden;
    color: rgba(0, 0, 0, 0.90);
    text-align: center;
    text-overflow: ellipsis;
    font-family: OPPOSans-R;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    user-select: none;
    cursor: pointer;
}


.boxDiv12[b-bvv3djkafc] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px 4px 0 12px;
}

.boxDiv13[b-bvv3djkafc] {
    width: 80%;
}

    .boxDiv13 input[b-bvv3djkafc] {
        overflow: hidden;
        color: rgba(0,0,0,0.9);
        text-overflow: ellipsis;
        font-family: 'OPPOSans-M';
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        height: 17px;
        resize: none;
        width: 100%;
        background: none;
        outline: none;
        caret-color: #3578EE;
        letter-spacing: 0.1px;
    }



.boxDiv14[b-bvv3djkafc] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 0;
    top: 3px;
}

.boxDiv10[b-bvv3djkafc] {
    border-bottom: 1px solid #e1e1e1;
    display: flex;
    /* justify-content: space-between; */
    padding-bottom: 10px;
    position: relative;
}

.boxDiv15[b-bvv3djkafc] {
}

.boxDiv4_14[b-bvv3djkafc] {
    color: #F0F1F7;
    font-family: 'OPPOSans-R';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    display: flex;
    justify-content: center;
    align-items: center;
}


.boxDiv4_13[b-bvv3djkafc] {
    margin: 0 4px 0 0;
    display: flex;
    align-items: center;
}

.boxDiv4_12[b-bvv3djkafc] {
    display: flex;
    align-items: center;
    display: flex;
    align-items: center;
    border-radius: 26px;
    background: #3578EE;
    padding: 0 20px;
    height: 37px;
    margin-left: 10px;
    cursor: pointer;
    user-select: none;
    position: relative;
}

.boxDiv4_12_not[b-bvv3djkafc] {
    background: rgba(0,0,0,0.30);
    cursor: auto;
}

.boxDiv4_11[b-bvv3djkafc] {
    margin-right: 8px;
}

.boxDiv4_10[b-bvv3djkafc] {
    display: flex;
    align-items: center;
    margin-right: 4px;
    margin-top: 1px;
}

.boxDiv4_9[b-bvv3djkafc] {
    display: flex;
    align-items: center;
    border-radius: 26px;
    background: #F0F1F7;
    /* margin: 0 10px 0 0; */
    padding: 0 20px;
    height: 37px;
    margin-left: 10px;
}

.boxDiv4_8[b-bvv3djkafc] {
}

    .boxDiv4_8 input[b-bvv3djkafc] {
        outline: none;
        color: rgba(0,0,0,0.90);
    }

        .boxDiv4_8 input[type="text"][b-bvv3djkafc]::placeholder {
            color: rgba(0,0,0,0.40);
            font-family: OPPOSans-M;
            font-size: 13px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.26px;
        }

.boxDiv4_7[b-bvv3djkafc] {
    display: flex;
    align-items: center;
    margin-right: 10px;
    margin-top: 2px;
}

.boxDiv4_6[b-bvv3djkafc] {
    display: flex;
    align-items: center;
    border-radius: 36px;
    border: 1px solid var(--01,rgba(0,0,0,0.10));
    background: #FFF;
    padding: 0 20px;
    height: 37px;
    /* margin-right: 10px; */
}

.boxDiv4_5[b-bvv3djkafc] {
    display: flex;
    align-items: center;
}

.boxDiv4_4[b-bvv3djkafc] {
    color: rgba(0,0,0,0.40);
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    display: flex;
    align-items: center;
}

.boxDiv4_3[b-bvv3djkafc] {
    overflow: hidden;
    color: rgba(0,0,0,0.90);
    text-overflow: ellipsis;
    font-family: 'OPPOSans-B';
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.3px;
    margin-right: 10px;
    padding-left: 10px;
}

.boxDiv4_2[b-bvv3djkafc] {
    display: flex;
    align-items: center;
    height: 37px;
}

.boxDiv4_1[b-bvv3djkafc] {
    display: flex;
    justify-content: space-between;
    /* padding-top:20px;*/
    /* padding-bottom:20px;*/
    padding: 20px;
}

.boxDiv5_1[b-bvv3djkafc] {
    margin: 0 20px 0 20px;
    flex: 1;
    overflow-y: auto;
    /* flex-grow:1;*/
    /* padding-bottom: 25px; */
}

.boxDiv5_2[b-bvv3djkafc] {
    display: flex;
    background: #F0F1F7;
    box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.10);
    height: 44px;
    display: flex;
    align-items: center;
    margin: 0 20px 0 20px;
}

    .boxDiv5_2 div[b-bvv3djkafc] {
        font-family: 'OPPOSans-B';
    }

.boxDiv5_3[b-bvv3djkafc] {
    color: #2B2D34;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    width: 59%;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 100%;
    min-height: 44px;
    display: flex;
    align-items: center;
    position: relative;
    padding-top: 14px;
    padding-bottom: 14px;
}

    .boxDiv5_3 span[b-bvv3djkafc] {
        width: 100%;
        min-height: 16px;
    }

    .boxDiv5_3 .editInput[b-bvv3djkafc] {
        /*height: 95%;*/
        width: 100%;
        /*position: absolute;*/
        border-radius: 4px;
        border: 1px solid #3578EE;
        background: rgba(53, 120, 238, 0.10);
        display: flex;
        /*   margin-top: 14px;
        margin-bottom: 14px;*/
        /*padding: 4px 8px;*/
        align-items: center;
        gap: 10px;
        flex: 1 0 0;
        background: none;
        outline: none;
        /*max-height: 200px;*/
        resize: vertical;
        position: relative;
        /*display: none;*/
    }

        .boxDiv5_3 .editInput[b-bvv3djkafc]::after {
            content: 'asdasfsd'; /* Unicode 右下角箭头图标 */
            position: absolute;
            bottom: 5px;
            right: 5px;
            pointer-events: none; /* 防止图标遮挡 textarea 的点击事件 */
        }

.show[b-bvv3djkafc] {
    display: block !important;
}

.conceal[b-bvv3djkafc] {
    display: none !important;
}

.boxDiv5_3[b-bvv3djkafc] {
}

.editInputKey[b-bvv3djkafc] {
    width: 100%;
    border-radius: 4px;
    border: 1px solid #3578EE;
    background: rgba(53, 120, 238, 0.10);
    height: 27px;
}

.editUseCount[b-bvv3djkafc] {
    width: 50%;
    border-radius: 4px;
    border: 1px solid #3578EE;
    background: rgba(53, 120, 238, 0.10);
    height: 27px;
}

.boxDiv5_4[b-bvv3djkafc] {
    width: 11%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 1%;
}

.boxDiv5_5[b-bvv3djkafc] {
    color: #2B2D34;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    cursor: pointer;
}

.boxDiv5_6[b-bvv3djkafc] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 4px;
    padding-top: 1px;
}

.boxDiv5_7[b-bvv3djkafc] {
    color: #2B2D34;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    width: 10%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.boxDiv5_8[b-bvv3djkafc] {
}

.boxDiv5_9[b-bvv3djkafc] {
    width: 13%;
    padding-left: 30px;
    margin-right: 1%;
    color: #2B2D34;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.boxDiv5_21[b-bvv3djkafc] {
    display: flex;
    /* background:#F0F1F7;*/
    box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.10);
    /*height: 44px;*/
    min-height: 44px;
    display: flex;
    align-items: center;
}

.boxDiv5_21_pitch[b-bvv3djkafc] {
    background: #DDE7FB;
}

.PitchCheck[b-bvv3djkafc] {
    display: none;
}

.boxDiv5_21_pitch .PitchCheck[b-bvv3djkafc] {
    display: block;
}

.PitchCheckHalf[b-bvv3djkafc] {
    display: none;
}

.PitchCheckAll[b-bvv3djkafc] {
    display: none;
}

.boxDiv5_71[b-bvv3djkafc] {
    color: #2B2D34;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    width: 10%;
    display: flex;
    justify-content: center;
}

    .boxDiv5_71 > div[b-bvv3djkafc] {
        margin: 10px;
    }

.boxDiv5_21:not(.boxDiv5_21_pitch):hover[b-bvv3djkafc] {
    background: #F0F1F7;
    box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.10);
}

.boxDiv5_91[b-bvv3djkafc] {
    width: 13%;
    padding-left: 30px;
    margin-right: 1%;
    color: #3578EE;
    font-family: OPPOSans-M;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.boxDiv5Img[b-bvv3djkafc] {
    cursor: pointer;
    position: relative;
}

    .boxDiv5Img:hover > svg > path[b-bvv3djkafc] {
        stroke: #3578EE;
    }

.OperationPopupBatch[b-bvv3djkafc] {
    position: absolute;
    display: flex;
    flex-direction: column;
    width: 146px;
    background: #FFF;
    right: -20px;
    top: 37px;
    z-index: 1;
    border-radius: 6px;
    box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.10);
}

.OperationPopup[b-bvv3djkafc] {
    position: absolute;
    display: flex;
    flex-direction: column;
    width: 146px;
    background: #FFF;
    right: 8px;
    /*top: 8px;*/
    bottom:0px;
    z-index: 1;
    border-radius: 6px;
    box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.10);
}

.OperationPopupItem:first-child[b-bvv3djkafc] {
    border-radius: 6px 6px 0px 0px;
}

.OperationPopupItem:last-child[b-bvv3djkafc] {
    border-radius: 0px 0px 6px 6px;
}

.OperationPopupItem[b-bvv3djkafc] {
    display: flex;
    padding: 10px 20px;
    align-items: center;
    gap: 4px;
    align-self: stretch;
    background: #FFF;
    position: relative;
}

    .OperationPopupItem:hover[b-bvv3djkafc] {
        background: #F0F1F7;
    }

    .OperationPopupItem > svg[b-bvv3djkafc] {
        transform: rotate(180deg);
        margin-left: -5px;
        margin-right: 5px;
    }

.BulletBox21[b-bvv3djkafc] {
    width: 146px;
    background: #FFF;
    border-radius: 6px;
}

.BulletBoxList21[b-bvv3djkafc] {
    height: 38px;
    padding-left: 20px;
    display: flex;
    align-items: center;
}

    .BulletBoxList21:hover[b-bvv3djkafc] {
        background: #F0F1F7;
    }

    .BulletBoxList21 div[b-bvv3djkafc] {
        display: flex;
        align-items: center;
        margin-left: 2px;
    }

.BulletBoxList31[b-bvv3djkafc] {
    height: 38px;
}

.BulletBox22[b-bvv3djkafc] {
    width: 97px;
    background: #FFF;
    border-radius: 6px;
}

.BulletBox23[b-bvv3djkafc] {
    height: 38px;
    padding-left: 20px;
    display: flex;
    align-items: center;
}

    .BulletBox23:hover[b-bvv3djkafc] {
        background: #F0F1F7;
    }

.boxDiv16[b-bvv3djkafc] {
    border-radius: 6px;
    border: 1px solid #3578EE;
    background: #FFF;
    /*height: 42px;*/
    color: rgba(0, 0, 0, 0.40);
    font-family: 'OPPOSans-M';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
    display: flex;
    justify-content: space-between;
    line-height: 44px;
    padding-left: 12px;
    margin-bottom: 2px;
    height: 0;
    opacity: 0;
}

.boxDiv16_show[b-bvv3djkafc] {
    height: 42px;
    opacity: 1;
}

.boxDiv17[b-bvv3djkafc] {
    display: flex;
    align-items: center;
}

.boxDiv18[b-bvv3djkafc] {
    border-radius: 24px;
    background: rgba(0, 0, 0, 0.90);
    height: 20px;
    width: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.boxDiv19[b-bvv3djkafc] {
    border-radius: 24px;
    background: #3578EE;
    height: 20px;
    width: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 12px;
    margin-left: 10px;
    cursor: pointer;
}

.boxDiv19_not[b-bvv3djkafc] {
    background: rgba(0, 0, 0, 0.30);
    cursor: auto;
}

.leftWidth[b-bvv3djkafc] {
    padding-left: 0;
}

.boxDiv4_19[b-bvv3djkafc] {
    margin-right: 10px;
}

.boxDiv4_20[b-bvv3djkafc] {
}

.boxDiv5_9_1[b-bvv3djkafc] {
    width: 4%;
    display: flex;
    justify-content: center;
    align-items: center; /* display: flex; */ /* align-items: center; */
    padding-top: 3px;
}

    .boxDiv5_9_1 div[b-bvv3djkafc] {
        font-family: 'OPPOSans-B';
    }

.activeDiv[b-bvv3djkafc] {
    background: #DDE7FB;
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.10);
}

.boxDiv5_9_1 .checkbox[b-bvv3djkafc] { /* zoom: 100%; */
    width: 14px;
    height: 14px;
}

.divBox_1[b-bvv3djkafc] {
    border-radius: 4px;
    background: #161616;
    display: flex;
    align-items: center;
    padding: 6px;
    color: #FFF;
    font-family: OPPOSans-R;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.24px;
    width: 260px;
}

.divBox_2[b-bvv3djkafc] {
    border-radius: 6px;
    background: rgba(0, 0, 0, 0.90);
    padding: 10px;
    width: 146px;
    color: #FFF;
    text-align: center;
    font-family: OPPOSans-R;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.32px;
}

.maskBox[b-bvv3djkafc] {
    background: #0000005c;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
}

.BulletBox[b-bvv3djkafc] {
    position: absolute;
    background: #fff;
    left: 50%;
    right: 0;
    top: 50%;
    bottom: 0;
    width: 703px;
    height: 510px;
    /* margin: 0 auto; */
    transform: translate(-50%, -50%);
}

.BulletBox1[b-bvv3djkafc] {
    display: flex;
    justify-content: space-between;
    padding: 0 20px 0 20px;
    height: 60px;
}

.BulletBox2[b-bvv3djkafc] {
    display: flex;
    align-items: center;
    color: rgba(0, 0, 0, 0.90);
    font-family: OPPOSans-b;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.32px;
}

.BulletBox3[b-bvv3djkafc] {
    display: flex;
    align-items: center;
}

.border_bottom[b-bvv3djkafc] {
    opacity: 0.1;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0.00) 0%, #000 15.06%, #000 84.74%, rgba(0, 0, 0, 0.00) 100%);
    width: 703px;
    height: 1px;
}

.boxDiv14c[b-bvv3djkafc] {
    padding: 0 3px 0 0;
    overflow: hidden;
    color: #3578EE;
    text-overflow: ellipsis;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.boxDiv5_9_12[b-bvv3djkafc] {
}

    .boxDiv5_9_12 div[b-bvv3djkafc] {
    }

.boxDiv5_9_11[b-bvv3djkafc] {
}

.boxDiv5_9_14[b-bvv3djkafc] {
}

.boxDiv5_9_13[b-bvv3djkafc] {
}

.boxDiv5_91[b-bvv3djkafc] {
}

input[b-bvv3djkafc] {
    border: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    outline: none;
}

textarea[b-bvv3djkafc] {
    border: 0;
}

.copyOwnGroupList[b-bvv3djkafc] {
    position: absolute;
    right: 146px;
    /*top: 0px;*/
    bottom:0px;
    display: none;
    flex-direction: column;
    z-index: 1;
    border-radius: 6px;
    box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.10);
    overflow: scroll;
    max-height: 200px;

}

.copyOwnGroupListItem[b-bvv3djkafc] {
    min-width: 97px;
    background: #FFF;
    display: flex;
    padding: 10px 20px;
    align-items: center;
    gap: 4px;
    align-self: stretch;
    position: relative;
    width: 100%;
    text-overflow: ellipsis; /* 如果文本过长，可以使用省略号表示截断 */
    white-space: nowrap;
}

    .copyOwnGroupListItem:hover[b-bvv3djkafc] {
        background: #F0F1F7;
    }


.OperationPopupItem:hover .copyOwnGroupList[b-bvv3djkafc] {
    display: flex;
}
/* _content/Cyqf_ChatService/Pages/StaffManagement.razor.rz.scp.css */

ul[b-3rs3m033zp], li[b-3rs3m033zp], dl[b-3rs3m033zp], dt[b-3rs3m033zp], dd[b-3rs3m033zp], img[b-3rs3m033zp], h1[b-3rs3m033zp], h2[b-3rs3m033zp], h3[b-3rs3m033zp], h4[b-3rs3m033zp], h5[b-3rs3m033zp], h6[b-3rs3m033zp], p[b-3rs3m033zp], a[b-3rs3m033zp], textarea[b-3rs3m033zp], input[b-3rs3m033zp], span[b-3rs3m033zp], div[b-3rs3m033zp], i[b-3rs3m033zp], time[b-3rs3m033zp], article[b-3rs3m033zp], header[b-3rs3m033zp], h3[b-3rs3m033zp], button[b-3rs3m033zp] {
    border: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    font-family: "OPPOSans-M";
}

.staging_box[b-3rs3m033zp] {
    width: 98%;
    display: flex; /* margin:20px;*/
    overflow-y: hidden;
    height: 100vh; /* margin:20px 20px 20px 20px;*/ /* margin-bottom:20px;*/
    margin: 0px 0 0 20px;
    flex-direction: column;
}

.staging_leftBox[b-3rs3m033zp] {
    width: 6%;
    height: 970px;
    float: left;
    background-color: #2B2D34;
}

.staging_rightBox[b-3rs3m033zp] {
    width: 100%; /* float:left;*/ /* margin:20px;*/
    margin-right: 0 !important;
    border-radius: 6px;
    background: #FFF;
    display: flex;
    justify-content: space-between;
    height: 69px;
    margin-bottom: 10px;
    margin-top: 20px;
}

.rightBox_l[b-3rs3m033zp] {
    width: 100%;
    margin-right: 0 !important;
}

.leaveWord[b-3rs3m033zp] {
    padding-left: 20px; /* padding-top:24px;*/ /* float:left;*/
    display: flex;
    align-items: center;
}

    .leaveWord b[b-3rs3m033zp] {
        color: rgba(0,0,0,0.90);
        font-size: 16px;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.32px;
        margin-right: 10px;
        display: block;
        float: left;
        color: rgba(0,0,0,0.90);
        font-family: OPPOSans-B;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.32px;
        min-width: 100px;
    }

.boxDiv[b-3rs3m033zp] {
}

.divBox1[b-3rs3m033zp] {
    display: flex;
    align-items: center;
}

    .divBox1 .div[b-3rs3m033zp] {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 4px;
        overflow: hidden;
    }

.divBox2 span[b-3rs3m033zp] {
    margin-right: 10px;
}

.div2[b-3rs3m033zp] {
}

.divBox2[b-3rs3m033zp] {
    margin-right: 20px;
    width: 811px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 18px;
    overflow: hidden;
    color: rgba(0,0,0,0.60);
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.boxDiv[b-3rs3m033zp] {
    width: 100%;
    height: 100vh;
    margin-bottom: 20px;
    overflow: hidden;
    display: flex;
    min-width: 1300px;
}

.boxDiv3[b-3rs3m033zp] {
    width: 300px;
    background: #FFF;
    border-radius: 6px; /* overflow:hidden;*/
    height: 100%; /* display:flex;*/ /* justify-content:center;*/ /* display:flex;*/ /* flex-direction:column;*/ /* max-height:100vh;*/
    margin-right: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* align-items:center;*/
    min-width: 300px;
}

.boxDiv4[b-3rs3m033zp] {
    width: 100%;
    background: #fff;
    border-radius: 6px;
    height: 100%;
    min-width: 1000px;
    display: flex; /* justify-content:center;*/
    flex-direction: column;
}

.divBox4_1[b-3rs3m033zp] {
    color: var(--06,rgba(0,0,0,0.60));
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    margin: 0 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.divBox4_2[b-3rs3m033zp] {
    color: rgba(0,0,0,0.90);
    font-family: 'OPPOSans-B';
    font-size: 15px;
}

.divBox4_12[b-3rs3m033zp] {
    margin-bottom: 25px; /* color:#3578EE;*/ /* font-family:'OPPOSans-M';*/ /* font-size:12px;*/ /* font-style:normal;*/ /* font-weight:400;*/ /* line-height:normal;*/ /* letter-spacing:0.24px;*/ /* display:flex;*/
    display: flex; /* justify-content:center;*/
    align-items: center;
    padding-top: 27px;
    color: rgba(0,0,0,0.90);
    font-family: 'OPPOSans-B';
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.3px;
    margin-left: 20px;
}

.borderBottom6[b-3rs3m033zp] {
    opacity: 0.1;
    background: linear-gradient(270deg,rgba(0,0,0,0.00) 0%,#000 15.06%,#000 84.74%,rgba(0,0,0,0.00) 100%);
    width: 300px;
    height: 1px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.boxDiv5[b-3rs3m033zp] {
    margin: 0 14px 0 14px;
    flex: 1;
    overflow-y: auto;
}

[b-3rs3m033zp]::-webkit-scrollbar {
    width: 4px;
}

[b-3rs3m033zp]::-webkit-scrollbar-thumb {
    background: #dadce4;
    border-radius: 3px;
}

    [b-3rs3m033zp]::-webkit-scrollbar-thumb:hover {
        background-color: #555;
    }

.boxDiv6[b-3rs3m033zp] {
    height: 44px;
    display: flex;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: 'OPPOSans-M';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
    padding: 0 0 0 14px;
    color: rgba(0,0,0,0.90);
    margin-bottom: 2px;
    cursor:pointer;
    user-select:none;

}

    .boxDiv6:hover[b-3rs3m033zp] {
        border-radius: 6px;
        background: #F0F1F7;
        color: rgba(0,0,0,0.90);
    }

.boxDiv7[b-3rs3m033zp] {
}

.boxDiv8[b-3rs3m033zp] {
    color: #3578EE;
}

    .boxDiv8:hover[b-3rs3m033zp] {
        background: #Fff;
        cursor: pointer;
    }

.boxDiv9[b-3rs3m033zp] {
    border-radius: 6px;
    background: #F5F5FA;
    height: 348px;
    margin: 0 14px 14px 14px;
    padding: 012px;
}

.boxDiv11[b-3rs3m033zp] {
    padding-top: 10px;
}

    .boxDiv11 textarea[b-3rs3m033zp] {
        overflow: hidden;
        color: rgba(0,0,0,0.90);
        text-overflow: ellipsis;
        font-family: 'OPPOSans-M';
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        height: 17px;
        resize: none;
        width: 98%;
        background: none;
        outline: none;
    }

        .boxDiv11 textarea[b-3rs3m033zp]::placeholder {
            color: rgba(0,0,0,0.40);
            font-family: OPPOSans-M;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.28px;
        }

.boxDiv12[b-3rs3m033zp] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px 4px 0 0px;
}

.boxDiv13[b-3rs3m033zp] {
    width: 80%;
}

    .boxDiv13 input[b-3rs3m033zp] {
        overflow: hidden;
        color: #3578EE;
        text-overflow: ellipsis;
        font-family: 'OPPOSans-M';
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        height: 17px;
        resize: none;
        width: 100%;
        background: none;
        outline: none;
        caret-color: #3578EE;
        letter-spacing: 0.1px;
    }

        .boxDiv13 input[b-3rs3m033zp]::placeholder {
            color: #3578EE;
            font-family: OPPOSans-M;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.28px;
        }

.boxDiv14[b-3rs3m033zp] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 0;
    top: 3px;
}

.boxDiv10[b-3rs3m033zp] {
    border-bottom: 1px solid #e1e1e1;
    display: flex; /* justify-content:space-between;*/
    padding-bottom: 10px;
    position: relative;
}

.boxDiv15[b-3rs3m033zp] {
    display: flex;
    flex-direction: column;
    height: 98%; /* background:#ccc;*/
}

.boxDiv4_14[b-3rs3m033zp] {
    color: #F0F1F7;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.boxDiv4_13[b-3rs3m033zp] {
    margin: 0 4px 0 0;
    display: flex;
    align-items: center;
}

.boxDiv4_12[b-3rs3m033zp] {
    display: flex;
    align-items: center;
    display: flex;
    align-items: center;
    border-radius: 6px;
    background: #3578EE;
    padding: 0 20px;
    height: 37px;
    margin-left: 10px;
    cursor:pointer;
}

.boxDiv4_11[b-3rs3m033zp] {
    margin-right: 8px;
}

.boxDiv4_10[b-3rs3m033zp] {
    display: flex;
    align-items: center;
    margin-right: 4px;
    margin-top: 1px;
}

.boxDiv4_9[b-3rs3m033zp] {
    display: flex;
    align-items: center;
    border-radius: 6px;
    background: #F0F1F7; /* margin:0 10px 0 0;*/
    padding: 0 20px;
    height: 37px;
    margin-left: 10px;
    padding-right: 14px;
    color:rgba(0,0,0,0.9);
    cursor:pointer;
    position:relative;
}

.boxDiv4_8[b-3rs3m033zp] {
}

    .boxDiv4_8 input[b-3rs3m033zp] {
        outline: none;
        color: rgba(0,0,0,0.90);
    }

        .boxDiv4_8 input[type="text"][b-3rs3m033zp]::placeholder {
            color: rgba(0,0,0,0.40);
            font-family: OPPOSans-M;
            font-size: 13px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.26px;
        }

.boxDiv4_7[b-3rs3m033zp] {
    display: flex;
    align-items: center;
    margin-right: 4px;
    margin-top: 2px;
}

.boxDiv4_6[b-3rs3m033zp] {
    display: flex;
    align-items: center; /* border-radius:36px;*/
    border: 1px solid var(--01,rgba(0,0,0,0.10));
    background: #FFF;
    padding: 0 20px;
    height: 37px; /* margin-right:10px;*/ /* border-radius:6px;*/ /* width:234px;*/
    border-radius: 20px;
    margin: 0 28px 0 28px;
    margin-bottom: 14px;
}

.boxDiv4_5[b-3rs3m033zp] {
    display: flex;
    align-items: center;
}

.boxDiv4_4[b-3rs3m033zp] {
    color: rgba(0,0,0,0.40);
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    display: flex;
    align-items: center;
}

.boxDiv4_3[b-3rs3m033zp] {
    overflow: hidden;
    color: rgba(0,0,0,0.90);
    text-overflow: ellipsis;
    font-family: 'OPPOSans-B';
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.3px;
    margin-right: 10px;
    padding-left: 10px;
}

.boxDiv4_2[b-3rs3m033zp] {
    display: flex;
    align-items: center;
    height: 37px;
}

.boxDiv4_1[b-3rs3m033zp] {
    display: flex;
    justify-content: space-between; /* padding-top:20px;*/ /* padding-bottom:20px;*/
    padding: 20px;
}

.boxDiv5_1[b-3rs3m033zp] {
    margin: 0 20px 0 20px;
    flex: 1;
    overflow-y: auto; /* flex-grow:1;*/
    padding-bottom: 25px;
}

.boxDiv5_2[b-3rs3m033zp] {
    display: flex;
    background: #F0F1F7;
    box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.10);
    height: 44px;
    display: flex;
    align-items: center; /* padding-left:30px;*/
    margin: 0 20px 0 20px;
}

    .boxDiv5_2 div[b-3rs3m033zp] {
        font-family: 'OPPOSans-B';
        color: #2B2D34;
        font-family: 'OPPOSans-B';
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.26px;
    }

.boxDiv5_3[b-3rs3m033zp] {
    color: #2B2D34;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    width: 33%; /* display:-webkit-box;*/ /* -webkit-line-clamp:1;*/ /* -webkit-box-orient:vertical;*/ /* overflow:hidden;*/
    display: flex;
    justify-content: space-between;
}

.boxDiv5_4[b-3rs3m033zp] {
    width: 9%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0;
}

.boxDiv5_5[b-3rs3m033zp] {
    color: #2B2D34;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.boxDiv5_6[b-3rs3m033zp] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 4px;
    padding-top: 1px;
}

.boxDiv5_7[b-3rs3m033zp] {
    color: #2B2D34;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    width: 9%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.boxDiv5_8[b-3rs3m033zp] {
}

.boxDiv5_9[b-3rs3m033zp] {
    width: 13%;
    padding-left: 30px;
    margin-right: 1%;
    color: #2B2D34;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.boxDiv5_21[b-3rs3m033zp] {
    display: flex; /* background:#F0F1F7;*/
    box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.10);
    height: 44px;
    display: flex;
    align-items: center;
}

.boxDiv5_71[b-3rs3m033zp] {
    color: #2B2D34;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    width: 8%;
    display: flex;
    justify-content: center;
    margin-left: 1%;
}

    .boxDiv5_71 div[b-3rs3m033zp] {
        margin: 10px;
    }

.boxDiv5_21:hover[b-3rs3m033zp] {
    background: #F0F1F7;
    box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.10);
}

    .boxDiv5_21:hover .widthBox-group-div[b-3rs3m033zp] {
        color: #3578EE
    }

    .boxDiv5_21:hover .widthBox-group-imgBox[b-3rs3m033zp] {
        background: url(images/StaffManagement/img7.png) no-repeat;
        background-size: 16px; /* background-position-x:10px;*/ /* background-position-y:2px;*/
    }

.boxDiv5_91[b-3rs3m033zp] {
    width: 13%;
    padding-left: 30px;
    margin-right: 1%;
    color: #3578EE;
    font-family: OPPOSans-M;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.boxDiv5Img1[b-3rs3m033zp] {
    width: 16px;
    height: 16px;
    background: url(images/StaffManagement/img4.png) no-repeat;
    background-size: 100%;
    cursor: pointer;
}

.boxDiv5Img2[b-3rs3m033zp] {
    width: 16px;
    height: 16px;
    background: url(images/StaffManagement/img5.png) no-repeat;
    background-size: 100%;
    cursor: pointer;
}

.boxDiv5Img3[b-3rs3m033zp] {
    width: 16px;
    height: 16px;
    background: url(images/StaffManagement/img6.png) no-repeat;
    background-size: 100%;
    cursor: pointer;
}

.boxDiv5Img1:hover[b-3rs3m033zp] {
    background: url(images/StaffManagement/img4_.png) no-repeat;
    background-size: 100%;
}

.boxDiv5Img2:hover[b-3rs3m033zp] {
    background: url(images/StaffManagement/img5_.png) no-repeat;
    background-size: 100%;
}

.boxDiv5Img3:hover[b-3rs3m033zp] {
    background: url(images/StaffManagement/img6_.png) no-repeat;
    background-size: 100%;
}

.BulletBox21[b-3rs3m033zp] {
    width: 146px;
    background: #FFF;
    border-radius: 6px;
}

.BulletBoxList21[b-3rs3m033zp] {
    height: 38px;
    padding-left: 20px;
    display: flex;
    align-items: center;
}

    .BulletBoxList21:hover[b-3rs3m033zp] {
        background: #F0F1F7;
    }

    .BulletBoxList21 div[b-3rs3m033zp] {
        display: flex;
        align-items: center;
        margin-left: 2px;
    }

.BulletBoxList31[b-3rs3m033zp] {
    height: 38px;
}

.BulletBox22[b-3rs3m033zp] {
    width: 97px;
    background: #FFF;
    border-radius: 6px;
}

.BulletBox23[b-3rs3m033zp] {
    height: 38px;
    padding-left: 20px;
    display: flex;
    align-items: center;
}

    .BulletBox23:hover[b-3rs3m033zp] {
        background: #F0F1F7;
    }

.boxDiv16[b-3rs3m033zp] {
    border-radius: 6px;
    border: 1px solid #3578EE;
    background: #FFF;
    height: 42px;
    color: rgba(0,0,0,0.40);
    font-family: 'OPPOSans-M';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
    display: flex;
    justify-content: space-between;
    line-height: 44px;
    padding-left: 12px;
    margin-bottom: 2px;
}

.boxDiv17[b-3rs3m033zp] {
    display: flex;
    align-items: center;
}

.boxDiv18[b-3rs3m033zp] {
    border-radius: 24px;
    background: rgba(0,0,0,0.90);
    height: 20px;
    width: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.boxDiv19[b-3rs3m033zp] {
    border-radius: 24px;
    background: #3578EE;
    height: 20px;
    width: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 12px;
    margin-left: 10px;
}

.leftWidth[b-3rs3m033zp] {
    padding-left: 0;
}

    .leftWidth:hover[b-3rs3m033zp] {
        color: #3578EE;
    }

.boxDiv4_19[b-3rs3m033zp] {
    margin-right: 10px;
}

.boxDiv4_20[b-3rs3m033zp] {
}

.boxDiv5_9_1[b-3rs3m033zp] {
    width: 4%;
    display: flex;
    justify-content: center;
    align-items: center; /* display:flex;*/ /* align-items:center;*/
    padding-top: 3px;
}

    .boxDiv5_9_1 div[b-3rs3m033zp] {
        font-family: 'OPPOSans-B';
    }

.activeDiv[b-3rs3m033zp] {
    background: #DDE7FB;
    box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.10);
}

.boxDiv5_9_1 .checkbox[b-3rs3m033zp] { /* zoom:100%;*/
    width: 14px;
    height: 14px;
}

.divBox_1[b-3rs3m033zp] {
    border-radius: 4px;
    background: #161616;
    display: flex;
    align-items: center;
    padding: 6px;
    color: #FFF;
    font-family: OPPOSans-M;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.24px;
    width: 260px;
}

.divBox_2[b-3rs3m033zp] {
    border-radius: 6px;
    background: rgba(0,0,0,0.90);
    padding: 10px;
    width: 146px;
    color: #FFF;
    text-align: center;
    font-family: OPPOSans-M;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.32px;
}

.maskBox[b-3rs3m033zp] {
    background: #0000005c;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
}

.BulletBox[b-3rs3m033zp] {
    position: absolute;
    background: #fff;
    left: 50%;
    right: 0;
    top: 50%;
    bottom: 0;
    width: 703px;
    height: 510px; /* margin:0 auto;*/
    transform: translate(-50%,-50%);
}

.BulletBox1[b-3rs3m033zp] {
    display: flex;
    justify-content: space-between;
    padding: 0 20px 0 20px;
    height: 60px;
}

.BulletBox2[b-3rs3m033zp] {
    display: flex;
    align-items: center;
    color: rgba(0,0,0,0.90);
    font-family: OPPOSans-b;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.32px;
}

.BulletBox3[b-3rs3m033zp] {
    display: flex;
    align-items: center;
}

.border_bottom[b-3rs3m033zp] {
    opacity: 0.1;
    background: linear-gradient(270deg,rgba(0,0,0,0.00) 0%,#000 15.06%,#000 84.74%,rgba(0,0,0,0.00) 100%);
    width: 703px;
    height: 1px;
}

.boxDiv14c[b-3rs3m033zp] {
    padding: 0 3px 0 0;
    overflow: hidden;
    color: #3578EE;
    text-overflow: ellipsis;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.boxDiv5_9_12[b-3rs3m033zp] {
    width: 9%;
    display: flex; /* justify-content:center;*/
    align-items: center;
    border-radius: 6px; /* background:rgba(52,211,97,0.10);*/
    height: 23px;
    color: rgba(0,0,0,0.90);
    font-family: 'OPPOSans-M';
    font-size: 13px; /* background:#000;*/
}

    .boxDiv5_9_12 div[b-3rs3m033zp] {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 4px;
    }

.boxDiv5_9_11[b-3rs3m033zp] {
    width: 12%; /* display:flex;*/ /* justify-content:center;*/ /* align-items:center;*/
    padding-left: 30px;
}

.boxDiv5_9_14[b-3rs3m033zp] {
    width: 45%;
    display: flex; /* justify-content:center;*/
    align-items: center; /* font-family:'OPPOSans-M';*/
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical; /* overflow:hidden;*/ /* white-space:nowrap;*/
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.boxDiv5_9_13[b-3rs3m033zp] {
    width: 7%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #3578EE; /* border:#3578EE 1px solid;*/
}

.boxDiv5_91[b-3rs3m033zp] {
}

.gunBox[b-3rs3m033zp] {
}

.boxDiv5_9_12-1[b-3rs3m033zp] {
    background: rgba(52,211,97,0.10);
    width: 55px;
    height: 23px; /* margin-left:2.8%;*/ /* margin-right:2.9%;*/
}

.boxDiv5_9_12-2[b-3rs3m033zp] {
    border-radius: 6px;
    background: rgba(0,0,0,0.05);
    width: 55px;
    height: 23px;
    color: rgba(0,0,0,0.60); /* margin-left:2.8%;*/ /* margin-right:2.9%;*/
    margin-right: 0 !important;
}

.boxDiv5_9_12-3[b-3rs3m033zp] {
    border-radius: 6px;
    background: rgba(245,155,20,0.10);
    width: 55px;
    height: 23px;
    color: #E58E0A; /* margin-left:2.8%;*/ /* margin-right:2.9%;*/
}

.boxDiv5_9_13-1[b-3rs3m033zp] { /* border:#3578EE 1px solid;*/
    border-radius: 4px; /* font-family:'OPPOSans-M';*/
    font-size: 12px; /* padding:2px 8px 2px 8px;*/
    width: 77px;
    height: 23px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(245,155,20,0.10);
    color: #F59B14;
    opacity:0;
}

    .boxDiv5_9_13-1 svg[b-3rs3m033zp] {
        width: 16px;
        height: 16px;
        margin-right: 4px;
    }

.boxDiv5_9_13-2[b-3rs3m033zp] {
    border-radius: 4px; /* border:1px solid rgba(0,0,0,0.20);*/ /* border:#3578EE 1px solid;*/ /* border-radius:4px;*/ /* font-family:'OPPOSans-M';*/
    font-size: 12px; /* padding:2px 8px 2px 8px;*/
    width: 77px;
    height: 23px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgba(0,0,0,0.90);
    background: rgba(245,155,20,0.10);
    color: #F59B14;
}

    .boxDiv5_9_13-2 svg[b-3rs3m033zp] {
        width: 16px;
        height: 16px;
        margin-right: 4px;
    }

.boxDiv5_9_11-1[b-3rs3m033zp] {
    color: #3578EE;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    width: 29px;
    height: 23px; /* border-radius:4px;*/ /* background:rgba(240,70,66,0.10);*/
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    background: rgba(53,120,238,0.10);
}

.boxDiv5_9_11-2[b-3rs3m033zp] {
    color: #F04642;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    width: 29px;
    height: 23px;
    border-radius: 4px;
    background: rgba(240,70,66,0.10);
    display: flex;
    justify-content: center;
    align-items: center;
}

.BulletBox-1[b-3rs3m033zp] {
    border-radius: 6px;
    position: absolute;
    background: #fff;
    left: 50%;
    right: 0;
    top: 50%;
    bottom: 0;
    width: 480px;
    height: 680px; /* margin:0 auto;*/
    transform: translate(-50%,-50%);
    overflow: hidden;
    border-radius: 6px;
}

.BulletBox1-1[b-3rs3m033zp] {
    display: flex;
    justify-content: space-between;
    padding: 0 20px 0 20px;
    height: 60px;
}

.BulletBox2-1[b-3rs3m033zp] {
    display: flex;
    align-items: center;
    color: rgba(0,0,0,0.90);
    font-family: OPPOSans-b;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.32px;
}

.BulletBox3-1[b-3rs3m033zp] {
    display: flex;
    align-items: center;
}

.border_bottom-1[b-3rs3m033zp] {
    opacity: 0.1;
    background: linear-gradient(270deg,rgba(0,0,0,0.00) 0%,#000 15.06%,#000 84.74%,rgba(0,0,0,0.00) 100%);
    width: 480px;
    height: 1px;
    margin-bottom: 20px;
}

.BulletBox3-t-0[b-3rs3m033zp] { /* width:330px;*/ /* margin:0 auto;*/ /* overflow:hidden;*/
}

.BulletBox3-t-2[b-3rs3m033zp] {
    display: flex; /* align-items:center;*/
    margin-bottom: 12px;
    width: 332px;
    margin: 0 auto;
    margin-bottom: 12px;
}

.BulletBox3-t-1[b-3rs3m033zp] {
    color: rgba(0,0,0,0.60);
    text-align: right;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    width: 67px;
    margin-right: 12px; /* width:67px;*/
    padding-top: 7px;
}

.BulletBox3-t-3[b-3rs3m033zp] {
    width: 252px;
    border-radius: 6px;
    border: 1px solid rgba(0,0,0,0.10);
    background: #FFF;
    height: 31px;
    display: flex;
    align-items: center;
    display: flex;
    justify-content: space-between;
    position: relative;
}

    .BulletBox3-t-3 input[b-3rs3m033zp] {
        color: rgba(0,0,0,0.90);
        font-family: 'OPPOSans-M';
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.26px;
        padding-left: 12px;
        outline: none;
    }
/* 设置placeholder样式 */ input[type="text"][b-3rs3m033zp]::placeholder {
    color: rgba(0,0,0,0.40);
}

.BulletBox3-t-7[b-3rs3m033zp] {
    margin-right: 12px;
    color: #3578EE;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.BulletBox3-t-8[b-3rs3m033zp] {
    margin-right: 12px;
    margin-top: 3px;
}

.BulletBox3-t-9 input[b-3rs3m033zp] {
    color: rgba(0,0,0,0.90);
    font-family: OPPOSans-M;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.BulletBox3-t-10[b-3rs3m033zp] {
}

.border_bottom-2[b-3rs3m033zp] {
    opacity: 0.1;
    background: linear-gradient(270deg,rgba(0,0,0,0.00) 0%,#000 15.06%,#000 84.74%,rgba(0,0,0,0.00) 100%);
    width: 480px;
    height: 1px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.BulletBox3-t11[b-3rs3m033zp] {
}

.BulletBox3-t-12[b-3rs3m033zp] { /* display:flex;*/
    float: left;
    width: 240px; /* overflow-y:auto;*/ /* height:145px;*/ /* overflow-x:hidden;*/
}

.BulletBox3-t-14[b-3rs3m033zp] {
    width: 330px;
    margin: 0 auto;
    display: flex;
}

.BulletBox3-t-4[b-3rs3m033zp] {
    width: 115px;
    float: left;
    display: flex;
    margin-bottom: 16px;
}

.BulletBox3-t-5[b-3rs3m033zp] { /* float:left;*/ /* display:flex;*/
}

    .BulletBox3-t-5 input[b-3rs3m033zp] {
        float: left;
        margin-top: 2px;
        margin-right: 8px;
        width: 14px;
        height: 14px;
    }

.BulletBox3-t-6[b-3rs3m033zp] {
    color: rgba(0,0,0,0.90);
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.BulletBox3-t-18[b-3rs3m033zp] {
    margin-bottom: 20px; /* clear:both;*/ /* overflow:hidden;*/
}

.divBox-b-15[b-3rs3m033zp] {
    display: flex;
    justify-content: space-between;
    background: #FFF;
    box-shadow: 0px -2px 6px 0px rgba(0,0,0,0.10);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-radius: 0 0 6px 6px;
}

.divBox-b-16[b-3rs3m033zp] {
    color: rgba(0,0,0,0.90);
    text-align: center;
    font-family: 'OPPOSans-M';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
    display: flex;
    justify-content: center;
    width: 49%;
    align-items: center;
    height: 54px;
}

.divBox-b-17[b-3rs3m033zp] {
    color: #3578EE;
    font-family: 'OPPOSans-M';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
    height: 54px;
    width: 49%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: rgba(0,0,0,0.10) 1px solid;
}

.margin-top[b-3rs3m033zp] { /* margin-top:27px;*/
    background: #666D84;
    border-radius: 6px;
    color: #fff;
}

    .margin-top:hover[b-3rs3m033zp] {
        background: #666D84;
        color: #fff;
    }

.widthBox-list[b-3rs3m033zp] {
    align-items: center;
    width: 10%;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; /* height:17px;*/
    border-radius: 4px;
    opacity:0;
}

    .widthBox-list div[b-3rs3m033zp] {
        float: left;
        margin-right: 10px;
        background: rgba(53,120,238,0.10);
        width: 77px;
        height: 23px;
        font-size: 12px;
        color: #3578EE;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .widthBox-list svg[b-3rs3m033zp] {
        margin-right: 4px;
    }

.widthBox-group[b-3rs3m033zp] {
    display: flex;
    align-items: center;
    border-left: #e2e2e2 1px solid;
    width: 10%;
}

.widthBox-group-imgBox[b-3rs3m033zp] {
    display: flex;
    align-items: center;
    margin-right: 4px; /* border-left:#e2e2e2 1px solid;*/
    margin-left: 10px;
    height: 20px;
    background: url(images/StaffManagement/img8.png);
    width: 16px;
    height: 16px;
    background-size: 16px;
}

.widthBox-group-div[b-3rs3m033zp] {
    color: rgba(0,0,0,0.60);
    font-family: 'OPPOSans-M';
    cursor:pointer;
}

.color-null[b-3rs3m033zp] {
    color: rgba(0,0,0,0.60);
}

.BulletBox3-t-12-width[b-3rs3m033zp] {
    width: 116px; /* padding-top:10px;*/
}

.div-Box-width[b-3rs3m033zp] {
    color: rgba(0,0,0,0.40);
    font-size: 12px;
    padding-top: 10px;
}

.width-box[b-3rs3m033zp] {
    width: 252px;
}

.width-box-padding[b-3rs3m033zp] {
    padding-top: 0px;
}

.configurationBox[b-3rs3m033zp] {
    width: 480px;
    height: 100vh;
    background: #fff;
    position: absolute;
    right: 0;
}

.configuration-Box[b-3rs3m033zp] {
    padding: 0 32px 0 32px;
    margin-bottom: 20px; /* display:block;*/
    overflow: hidden;
}

.configuration-Box-width[b-3rs3m033zp] {
    display: flex;
    align-items: center;
    float: left;
}

.configuration-Box-nameBox[b-3rs3m033zp] {
    color: rgba(0,0,0,0.60); /* text-align:right;*/ /* font-family:OPPOSans;*/
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.configuration-Box-name[b-3rs3m033zp] {
    width: 118px;
    height: 33px;
    border-radius: 6px;
    border: 1px solid rgba(0,0,0,0.10);
    background: #F0F1F7;
    color: rgba(0,0,0,0.60);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    padding-left: 12px;
    display: flex;
    align-items: center;
}

    .configuration-Box-name input[b-3rs3m033zp] {
        background: none;
        outline: none
    }

.margin-left[b-3rs3m033zp] {
    margin-left: 19px;
}

.CustomerServiceTeam[b-3rs3m033zp] {
    clear: both;
    margin: 0 20px 0 20px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 4px;
    height: 37px;
    border-radius: 6px; /* background:#F0F1F7;*/ /* line-height:37px;*/
}

    .CustomerServiceTeam:hover[b-3rs3m033zp] {
        background: #F0F1F7;
    }

.CustomerServiceTeam-left[b-3rs3m033zp] {
    color: rgba(0,0,0,0.90); /* font-family:OPPOSans;*/
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
    line-height: 37px;
    padding-left: 12px;
}

.CustomerServiceTeam-right[b-3rs3m033zp] {
    display: flex; /* justify-content:space-between;*/
    overflow: hidden;
    color: rgba(0,0,0,0.60);
    text-overflow: ellipsis; /* font-family:OPPOSans;*/
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.24px; /* display:flex;*/ /* align-items:center;*/
    line-height: 37px;
}

    .CustomerServiceTeam-right input[b-3rs3m033zp] {
        margin-left: 8px;
        width: 14px;
        height: 14px;
        margin-top: 2px;
        margin-right: 12px;
        margin-top: 11px;
    }

.CustomerServiceTeam-btn[b-3rs3m033zp] {
    width: 286px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    position: absolute;
    bottom: 60px;
    left: 0;
    right: 0;
}

.CustomerServiceTeam-btn-left[b-3rs3m033zp] {
    border-radius: 6px;
    background: #F0F1F7;
    height: 37px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 138px;
}

.CustomerServiceTeam-btn-right[b-3rs3m033zp] {
    border-radius: 6px;
    background: #3578EE;
    height: 37px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 138px;
    color: #FFF;
}

.BulletBox-1-1[b-3rs3m033zp] {
    height: 235px;
    overflow: inherit;
}

.drop-down-bx[b-3rs3m033zp] {
    position: absolute;
    border-radius: 6px;
    border: 1px solid rgba(0,0,0,0.10);
    background: #FFF;
    width: 100%;
    top: 35px;
    z-index: 99;
}

    .drop-down-bx div[b-3rs3m033zp] {
        height: 33px;
        width: 95%;
        color: rgba(0,0,0,0.90); /* font-family:OPPOSans;*/
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.26px;
        padding-left: 5%;
        line-height: 33px;
        border-bottom: rgba(0,0,0,0.10) 1px solid;
    }

        .drop-down-bx div:hover[b-3rs3m033zp] {
            background: #F0F1F7;
        }

.configuration-Box-width-div[b-3rs3m033zp] {
    width: 416px;
}

.configuration-Box-name-div[b-3rs3m033zp] {
    width: 322px;
}

.CustomerServiceTeam-div-width:hover[b-3rs3m033zp] {
    background: #FFF;
}

.BulletBox3-t-3-div[b-3rs3m033zp] {
    height: auto;
}

    .BulletBox3-t-3-div textarea[b-3rs3m033zp] {
        width: 90%;
        background: fixed;
        padding: 4%;
        outline: none;
        color: rgba(0,0,0,0.40); /* font-family:OPPOSans;*/
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.26px; /* resize:none;*/
    }

    .BulletBox3-t-3-div textarea[b-3rs3m033zp] {
        overflow: hidden;
        color: rgba(0,0,0,0.90);
        text-overflow: ellipsis;
        font-family: 'OPPOSans-M';
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal; /* resize:none;*/
        width: 90%;
        background: none;
        outline: none;
        height: 123px;
    }

        .BulletBox3-t-3-div textarea[b-3rs3m033zp]::placeholder {
            color: rgba(0,0,0,0.40);
            font-family: OPPOSans-M;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.28px;
        }

.BulletBox3-t-2-div[b-3rs3m033zp] { /* background:red;*/
    width: 420px;
}

.BulletBox3-t-1-div[b-3rs3m033zp] {
    color: rgba(0,0,0,0.60);
    text-align: right;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    width: 67px;
    margin-right: 12px; /* width:67px;*/
    padding-top: 7px;
}

.popFrameBox[b-3rs3m033zp] {
    border-radius: 6px;
    position: absolute;
    background: #fff;
    left: 50%;
    right: 0;
    top: 50%; /* top:0;*/
    bottom: 0;
    width: 480px;
    height: 509px; /* margin:0 auto;*/
    transform: translate(-50%,-50%);
    overflow: hidden;
    border-radius: 6px;
}

.popFrameBox-1[b-3rs3m033zp] {
    display: flex;
    justify-content: space-between;
    padding: 0 20px 0 20px;
    height: 60px;
}

.popFrameBox-2[b-3rs3m033zp] {
    display: flex;
    align-items: center;
    color: rgba(0,0,0,0.90);
    font-family: OPPOSans-b;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.32px;
}

.BulletBox3-1[b-3rs3m033zp] {
    display: flex;
    align-items: center;
}

.popFrameBox-3-1[b-3rs3m033zp] {
    display: flex;
    align-items: center;
}

.popFrameBox-4[b-3rs3m033zp] { /* background:red;*/
    width: 420px;
    display: flex; /* align-items:center;*/
    margin-bottom: 12px; /* width:332px;*/
    margin: 0 auto;
    margin-bottom: 12px;
}

.popFrameBox-5[b-3rs3m033zp] {
    color: rgba(0,0,0,0.60);
    text-align: right;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    width: 67px;
    margin-right: 12px; /* width:67px;*/
    padding-top: 7px;
}

.popFrameBox-6[b-3rs3m033zp] {
    width: 339px;
    border-radius: 6px;
    border: 1px solid rgba(0,0,0,0.10);
    background: #FFF; /* height:31px;*/ /* display:flex;*/ /* align-items:center;*/
    display: flex; /* justify-content:space-between;*/
    position: relative;
}

    .popFrameBox-6 input[b-3rs3m033zp] {
        color: rgba(0,0,0,0.90);
        font-family: 'OPPOSans-M';
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.26px;
        padding-left: 12px;
        outline: none;
        background: none;
    }

.popFrameBox-7 input[b-3rs3m033zp] {
    color: rgba(0,0,0,0.90);
    font-family: OPPOSans-M;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.popFrameBox-8[b-3rs3m033zp] {
    margin-right: 12px;
    color: #3578EE;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.popFrameBox-9[b-3rs3m033zp] {
    width: 420px;
    margin: 0 auto;
    display: flex;
}

.popFrameBox-10[b-3rs3m033zp] { /* display:flex;*/
    float: left;
    width: 240px; /* overflow-y:auto;*/ /* height:145px;*/ /* overflow-x:hidden;*/
}

.popFrameBox-11[b-3rs3m033zp] {
    width: 115px;
    float: left;
    display: flex;
    margin-bottom: 16px;
}

.popFrameBox-12[b-3rs3m033zp] { /* float:left;*/ /* display:flex;*/
}

    .popFrameBox-12 input[b-3rs3m033zp] {
        float: left;
        margin-top: 2px;
        margin-right: 8px;
        width: 14px;
        height: 14px;
    }

.popFrameBox-13[b-3rs3m033zp] {
    color: rgba(0,0,0,0.90);
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
}

.popFrameBox-14[b-3rs3m033zp] { /* float:left;*/ /* display:flex;*/
}

    .popFrameBox-14 input[b-3rs3m033zp] {
        float: left;
        margin-top: 2px;
        margin-right: 8px;
        width: 14px;
        height: 14px;
    }

.popFrameBox-3[b-3rs3m033zp] {
}

.popFrameBox-6-1[b-3rs3m033zp] {
    margin-bottom: 20px; /* clear:both;*/ /* overflow:hidden;*/
    display: flex;
    margin: 0 auto;
    width: 420px;
}

.height-box[b-3rs3m033zp] {
    height: 31px;
}

.width-box-pop[b-3rs3m033zp] {
    width: 100%;
}

.popFrameBox-6-2[b-3rs3m033zp] {
    margin-bottom: 12px;
}

.boxDiv4_6-1[b-3rs3m033zp] {
    display: flex;
    align-items: center; /* border-radius:36px;*/
    border: 1px solid var(--01,rgba(0,0,0,0.10));
    background: #FFF;
    padding: 0 20px;
    height: 37px; /* margin-right:10px;*/ /* border-radius:6px;*/ /* width:234px;*/
    border-radius: 6px;
    margin: 0 0px 0 28px; /* margin-bottom:14px;*/
    padding-left: 16px;
}

.margin-top-box[b-3rs3m033zp] {
    margin-top: 27px;
}

.boxDiv4_6-1-1[b-3rs3m033zp] {
    width: 276px;
}

.boxDiv5_9_11_width_1[b-3rs3m033zp] {
    width: 10% !important;
    padding-left: 30px;
    text-align: center; /* font-family:'OPPOSans-M';*/
    font-family: 'OPPOSans-M';
}

.boxDiv5_9_11_width_2[b-3rs3m033zp] {
    width: 8% !important;
    text-align: center;
    padding-left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.boxDiv5_9_11_width_3[b-3rs3m033zp] {
    width: 10% !important;
    text-align: center;
    font-family: 'OPPOSans-M';
}

.boxDiv5_9_11_width_4[b-3rs3m033zp] {
    width: 11% !important;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #3578EE;
    font-family: OPPOSans;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    line-height: 25px;
}

.boxDiv5_9_11_width_5[b-3rs3m033zp] {
    width: 31% !important;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-right: 2%;
    display: flex;
}

    .boxDiv5_9_11_width_5 div[b-3rs3m033zp] {
        margin-right: 10px;
        font-family: 'OPPOSans-M';
        color: rgba(0,0,0,0.90); /* font-family:OPPOSans;*/
        font-size: 13px;
    }

.boxDiv5_9_11_width_6[b-3rs3m033zp] {
    text-align: center;
    width: 7%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.boxDiv5_9_11_width_7[b-3rs3m033zp] {
    width: 10%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .boxDiv5_9_11_width_7 div[b-3rs3m033zp] {
        font-family: 'OPPOSans-M';
    }

.boxDiv5_9_11_width_8[b-3rs3m033zp] {
    width: 8%;
    text-align: center;
}

.boxDiv5_9_11_width_9[b-3rs3m033zp] {
}

.boxDiv5_9_13-1-1[b-3rs3m033zp] {
    padding-left: 0;
    width: 5%;
}

.boxDiv5_9_13-1-2[b-3rs3m033zp] {
    width: 13%;
}

.boxDiv5_9_13-1-3[b-3rs3m033zp] {
    width: 13%;
}

.boxDiv5_9_13-1-4[b-3rs3m033zp] {
    width: 25%;
}

.boxDiv5_9_13-1-5[b-3rs3m033zp] {
    width: 20%;
}

.mmargin[b-3rs3m033zp] {
    margin-left: 30px;
}

.boxDiv5_9_11_width_0[b-3rs3m033zp] {
    width: 7%;
}

.boxDiv5_9_11-1-1[b-3rs3m033zp] {
    color: #3578EE;
    font-family: 'OPPOSans-M';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    width: 29px;
    height: 23px; /* border-radius:4px;*/ /* background:rgba(240,70,66,0.10);*/
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    background: rgba(53,120,238,0.10);
}

.boxDiv5_9_11_width_4-1[b-3rs3m033zp] {
    border-radius: 4px;
    border: 1px solid rgba(53,120,238,0.50);
    width: 56px;
    /*height: 23px;*/
}

.widthBox-group-1[b-3rs3m033zp] {
    width: auto;
}

.dong_1[b-3rs3m033zp] {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #2FBA56;
    font-size: 13px;
    border-radius: 4px;
    font-family: 'OPPOSans-M';
}

    .dong_1 div[b-3rs3m033zp] {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .dong_1 svg[b-3rs3m033zp] {
        margin-right: 4px;
    }

.dong_2[b-3rs3m033zp] {
    display: flex;
    justify-content: space-between;
    width: 7%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .dong_2 div[b-3rs3m033zp] {
        margin-left: 24%; /* margin-right:13%;*/
    }

.color_div-1[b-3rs3m033zp] {
    color: #E58E0A;
}

.color_div-bg[b-3rs3m033zp] {
    background: rgba(245,155,20,0.10);
}

.color_div-2[b-3rs3m033zp] {
    color: rgba(0,0,0,0.60);
}

.color_div-bg2[b-3rs3m033zp] {
    background: rgba(0,0,0,0.05);
}

.color_div-bg3[b-3rs3m033zp] {
    border: 1px solid rgba(0,0,0,0.20);
}

.color_div-bg3[b-3rs3m033zp] {
    color: rgba(0,0,0,0.90);
}

.color_div_c[b-3rs3m033zp] {
    color: rgba(0,0,0,0.60);
}

.color_div_b div[b-3rs3m033zp] {
    color: rgba(0,0,0,0.60);
}

.color-box[b-3rs3m033zp] {
    color: #F04642;
    background: rgba(240,70,66,0.10);
}

.width-div-box[b-3rs3m033zp] {
    width: 100%;
}

input[b-3rs3m033zp]::placeholder {
    color: rgba(0,0,0,0.40);
    font-family: OPPOSans-R;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
}


.boxDiv4_9:hover .handleBoxPullDiv:not(:focus-within)[b-3rs3m033zp] {
    animation: handleBoxPullDivAnimation-b-3rs3m033zp 0.4s forwards;
}
.boxDiv4_9:hover svg[b-3rs3m033zp] {
    transform: rotate(0deg);
}
.handleBox svg[b-3rs3m033zp] {
    margin-left: 4px;
    transform: rotate(-90deg);
}
.handleBoxPullDiv[b-3rs3m033zp] {
    border-radius: 6px;
    background: #FFF;
    min-width: 100%;
    position: absolute;
    top: 37px;
    border: 6px;
    overflow-y: hidden;
    overflow-x: hidden;
    padding-top: 8px;
    max-height: 0px;
    left: 0;
    max-height: 0px;
 
}

@keyframes handleBoxPullDivAnimation-b-3rs3m033zp {
    0% {
        max-height: 0;
        border-bottom: 0px solid rgba(0, 0, 0, 0.00);
    }

    100% {
        max-height: 341px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    }
}

@keyframes handleBoxPullDivAnimation2-b-3rs3m033zp {
    0% {
        max-height: 341px;
    }

    100% {
        max-height: 0;
 
    }
}

.handleBoxPull[b-3rs3m033zp] {
    border-radius: 6px;
    width: 100%;
    overflow-y: hidden;
    overflow-x: hidden;
    height: 100%;
}

.handleBoxPullItemSpan[b-3rs3m033zp] {
    background-color: transparent !important;
    width: auto !important;
    color: rgba(0, 0, 0, 0.40);
    font-family: OPPOSans;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.24px;
}

.handleBoxPullItem[b-3rs3m033zp] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 37px;
    /*min-width: 100%;*/
    background: #FFF;
    cursor: pointer;
}

.handleBoxPull-Item[b-3rs3m033zp] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 37px;
    width: 100%;
    cursor: pointer;
    display: flex;
    padding: 10px 20px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    gap: 20px;
    text-overflow: ellipsis; /* 如果文本过长，可以使用省略号表示截断 */
    white-space: nowrap;
    overflow: hidden;
}

.handleBoxPullItem:hover[b-3rs3m033zp] {
    background: #F0F1F7;
}

.handleBoxPullItemPitch[b-3rs3m033zp] {
    background: #DDE7FB;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 37px;
    width: 100%;
    cursor: pointer;
    display: flex;
    padding: 10px 20px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    /*border-radius: 6px;*/
}
/* _content/Cyqf_ChatService/Shared/MainLayout.razor.rz.scp.css */
.page[b-jio64smf2z] {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-direction: row;
 
}

main[b-jio64smf2z] {
    flex: 1;
    width: 100%;
    /*margin-left: -18px;*/
    background-color: #ECEDF6;
}
.content[b-jio64smf2z] {
    overflow-y: auto;
    overflow: hidden;
    width: 100%;
    top: 60px;
    justify-content: center;
    align-items: center;
/*    padding-right: 20px !important;
    padding-left: 20px !important;
    padding-top: 0px !important;*/
    animation: divZoomIn-b-jio64smf2z 1s forwards;

}
.sidebar_unfold[b-jio64smf2z] {
    width: 140px;
    min-width: 140px;
}

/*.sidebar:hover {
    width: 158px;
    min-width: 158px;
}
*/
.sidebar[b-jio64smf2z] {
    /*clip-path: url(#clipShape);*/
    /*background: linear-gradient(to bottom, #00AFE7, #6060EF);*/
    background-color: var(--bs-primary);
    z-index: 100;
    height: 100vh;
    position: sticky;
    top: 0;
    left: 0;
    user-select: none;
    overflow-y: auto;
    /*  width: 80px;
    min-width: 80px;*/
    transition: all 0.5s ease
}

.sidebar_reduce[b-jio64smf2z] {
    width: 80px;
    min-width: 80px;
    
}

.top-imglogo[b-jio64smf2z] {
    width: 194px;
    height: 60px;
    position: absolute;
    left: 0;
    top: 0;
    user-select: none;
}


.top-notice[b-jio64smf2z] {
    background: linear-gradient(to right, white, rgba(255, 255, 255, 0));
    width: 400px;
    height: 33px;
    border-radius: 16.5px;
    position: absolute;
    top: 14px;
    right: 520px;
}

.top-right[b-jio64smf2z] {
    width: 520px;
    height: 60px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="521" height="60" viewBox="0 0 521 60" fill="none"><path d="M0 0H520.5V60H128.603C105.354 60 83.5728 48.638 70.27 29.5713V29.5713C59.0208 13.4479 41.1384 3.21404 21.5383 1.68274L0 0Z" fill="url(%23paint0_linear_120_3400)" /><defs><linearGradient id="paint0_linear_120_3400" x1="55" y1="-41.5001" x2="531.5" y2="116.5" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="%23DDADFF" /><stop offset="0.244792" stop-color="%2362B4FF" /><stop offset="0.505208" stop-color="%2300AFE6" /><stop offset="0.760417" stop-color="%234BC1E6" /><stop offset="1" stop-color="%2357FFF5" /></linearGradient></defs></svg>');
    background-color:transparent;
        position: absolute;
    right: 0px;
}
.top-row-unfold[b-jio64smf2z] {
    width: calc(100vw - 140px);
    transition: all 0.5s ease
}
.top-row-reduce[b-jio64smf2z] {
    width: calc(100vw - 62px);
    transition: all 0.5s ease
}


.top-row[b-jio64smf2z] {
    background: linear-gradient(to right, #C8F2FF, #FFFFFF);
    /*justify-content: flex-end;*/
    height: 60px;
    /*display: flex;*/
    /*position: relative;*/
    /*align-items: center;*/
    /*position: sticky;*/
    top: 0;
    z-index: 1;
    /*width: calc(100vw - 140px);*/
    position: sticky;
    top: -60px;
    /*left: 140px;*/
    animation: TopIn-b-jio64smf2z 1s forwards;
}



    .top-row[b-jio64smf2z]  a, .top-row .btn-link[b-jio64smf2z] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

    .top-row a:first-child[b-jio64smf2z] {
        /*overflow: hidden;*/
        text-overflow: ellipsis;
        
    }


@keyframes TopIn-b-jio64smf2z {
    0%
{
    transform:  translateY(-70px);
    opacity: 0;
}

    100% {
        top:0;
        opacity: 1;
 
    }
}
@keyframes divZoomIn-b-jio64smf2z {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

 
/* _content/Cyqf_ChatService/Shared/NavMenu.razor.rz.scp.css */
.container-fluid[b-z5fn8t652a] {
    width: 100%;
    --bs-gutter-x: 0;
    display: flex;
    flex-direction: column;
    /*justify-content: center;*/
    align-items: center;
    height: 100%;
    position:relative;
}
.headPortrait[b-z5fn8t652a] {
position:relative;

}
.headPortrait img[b-z5fn8t652a]{
    cursor:pointer;

}
    .breviaryStatus[b-z5fn8t652a] {
        position: absolute;
        right: 7px;
        top: 17px;
    }

.ReceptionStatusDiv[b-z5fn8t652a] {
    position: absolute;
    top: 90px;
    background: rgba(255, 255, 255, 1);
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 6px;
    box-shadow: 0px 4px 14px 0px rgba(42, 45, 52, 0.20);
    overflow: hidden;
    z-index: 10;
}
.ReceptionStatusDivItem[b-z5fn8t652a] {
    padding: 10px 20px;
    display: flex;
    align-items: center;
    gap:4px;
    cursor:pointer;
    user-select:none;
}
.ReceptionStatusDivItem:hover[b-z5fn8t652a] {
  
    background: #F0F1F7;
}

.ReceptionStatusDivItemPitch[b-z5fn8t652a] {
    background: #DDE7FB;
}

.navbar-toggler[b-z5fn8t652a] {
    background-color: rgba(255, 255, 255, 0.1);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: inherit;
    align-content: stretch;
}

.top-row[b-z5fn8t652a] {
    height: 128px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'OPPOSans-M';
}

.navbar-brand[b-z5fn8t652a] {
    font-size: 1.1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    /*margin-bottom: -30px;*/
}
.container-fluid p[b-z5fn8t652a] {
    color: #FFFFFF;
    margin-top: 7px;
    margin-bottom:0px;
    font-size: 14px;
    letter-spacing: 0.28px;
    font-family: 'OPPOSans-M';
}

    .oi[b-z5fn8t652a] {
        width: 2rem;
        font-size: 1.1rem;
        vertical-align: text-top;
        top: -2px;
    }
.navbar-brand-head[b-z5fn8t652a] {
    margin-top: 24px;
    margin-bottom: 0px;
    height: 60px;
    width: 60px;
    border-radius: 57px;
    border: 2px solid rgb(148, 150, 153);
    flex-shrink: 0;
    background-color: #4A80F7;
}

.Hr[b-z5fn8t652a] {
    height: 1px;
    opacity: 0.3;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, #FFF 50%, rgba(255, 255, 255, 0.00) 100%);
    margin-top: 16px;

}
.InHr[b-z5fn8t652a] {
    width: 60px;
    transition: all 0.5s ease
}

.OutHr[b-z5fn8t652a] {
    width: 124px;
    transition: all 0.5s ease
}

.flex-column[b-z5fn8t652a] {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'OPPOSans-M';
    /*margin-right:11.3%;*/
}
.navbar-brand-svg-reduce[b-z5fn8t652a] {
    /*transform: scale(0.8);*/
    transition: all 0.5s ease
}
.navbar-brand-svg-unfold[b-z5fn8t652a] {
    /*transform: scale(1);*/
    transition: all 0.5s ease
}
.nav-item-unfold[b-z5fn8t652a] {
    width: 112px;
    transition: all 0.5s ease-out
    /* background-color: antiquewhite;*/
}
    .nav-item-unfold[b-z5fn8t652a]  a {
        border-radius: 6px;
    }
    .nav-item[b-z5fn8t652a] {
        font-size: 14px;
        padding-bottom: 0.5rem;
        width: 112px;
        height: 60px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
.nav-item-reduce[b-z5fn8t652a] {
    width: 44px;
    transition: all 0.5s  ease-out
}



.typewriter-unfold[b-z5fn8t652a] {
    /*width: 0px;*/
    /*display: none;*/
    /*transition: all 1s ease;*/
    animation: ZoomOut-b-z5fn8t652a 0.5s forwards;
    
}
.typewriter[b-z5fn8t652a] {
    letter-spacing: 0.28px;
}
.nav-item-unfold svg[b-z5fn8t652a] {
    /* ���ﶨ�����SVG���� */
    animation: typewriter-reduceSvgAnimation-unfold-b-z5fn8t652a 0.3s forwards;
}

@keyframes typewriter-reduceSvgAnimation-unfold-b-z5fn8t652a {
  
    0% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}

.typewriter-reduce[b-z5fn8t652a] {
    /*transition: all 1s ease;*/
    animation: ZoomIn-b-z5fn8t652a 0.5s forwards;
}
:root[b-z5fn8t652a] {
    --current-width: 0px;
    --current-margin: 0px;
    --transform-scale:0;
}

.nav-item-reduce svg[b-z5fn8t652a] {
    /* ���ﶨ�����SVG���� */
    animation: typewriter-reduceSvgAnimation-reduce-b-z5fn8t652a 0.3s forwards;
}
@keyframes typewriter-reduceSvgAnimation-reduce-b-z5fn8t652a {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.2);
    }
}

@keyframes  ZoomIn-b-z5fn8t652a {
    0% {
        transform: scale(0);
        width: 0px;
        opacity: 0;
        margin-left: 0px;
        --current-width: 0px;
    }
  /*  10% {
        transform: scale(0);
        width: 0px;
        opacity: 0;
        margin-left: 0px;
    }*/
    100% {
        
        width: 57px;
        /*transform: scale(1);*/
        /*opacity: 1;*/
        /*margin-left: 8px;*/
        
    }
}

@keyframes ZoomOut-b-z5fn8t652a {

    0% {
        width: 57px;
        transform: scale(0.9);
        /*transform: scale(1);*/
        opacity: 1;
        /*margin-left: 8px;*/
    }

    100% {
        /*    transform: scale(0);*/
        width: 0px;
        margin-left: 0px;
        /*transform: scale(0);*/
        opacity: 0;
    }
}

.nav-item-reduce[b-z5fn8t652a]  a {
    border-radius: 6px;
}
    .nav-item:first-of-type[b-z5fn8t652a] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-z5fn8t652a] {
        padding-bottom: 1rem;
    }

.nav-item[b-z5fn8t652a]  a {
    color: #FFFFFF;
    height: 3rem;
    display: flex;
    position: relative;
    align-items: center;
    line-height: 3rem;
    /*border-radius: 50px;*/
    width: 124px;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
}

        .nav-item[b-z5fn8t652a]  a svg {
            fill: white;
        }

    .nav-item[b-z5fn8t652a]  a.active {
        /*background-color: rgba(255,255,255,1);*/
        color: var(--bs-primary);
        /*display: flex;*/
    
    }
        .nav-item[b-z5fn8t652a]  a.active::before {
            background-color: rgba(255,255,255,1);
            content: "";
            height: 100%;
            position: absolute;
            border-radius: 6px;
   
            animation: nav-item-unfold-before-b-z5fn8t652a 0.15s forwards
        }
@keyframes nav-item-unfold-before-b-z5fn8t652a {
    0% {
    width:0%;
    }
    100% {
        width: 100%;
    }
}
/*.nav-item ::deep a::before {
    background-color: rgba(255,255,255,1);
    content: "";
    height: 100%;
    position: absolute;
    border-radius: 50px;
    width: 100%;*/ /* ���ó�ʼ����Ϊ100% */
    /*animation: nav-item-fold-before 0.15s forwards;
}
@keyframes nav-item-fold-before {
    0% {
        width: 100%;

    }

    100% {
        width: 0%;
    }
}*/
 
.nav-item[b-z5fn8t652a]  a.active svg {
    fill: var(--bs-primary);
}

#strokePath[b-z5fn8t652a] {
    stroke: white;
    fill: white;
}

span[b-z5fn8t652a] {
    display: block;
    text-overflow:  clip; /* �����ϣ���������ı���ʾΪʡ�Ժ� */
    white-space:  nowrap;
    overflow: hidden;
}

.nav-item[b-z5fn8t652a]  a.active svg #strokePath {
    stroke: var(--bs-primary);
}

.nav-item[b-z5fn8t652a]  a:hover {
    background-color: rgba(255,255,255,0.2);
    color: white;
}

/*.nav-item ::deep a:hover svg {
                fill: white;*/ /* �������� SVG ����ɫ�� a:hover ���ı���ɫ��ͬ */
/*}*/
/*.nav-item ::deep a:hover svg path,
                .nav-item ::deep a:hover svg circle,  
                .nav-item ::deep a:hover svg rect {*/
/*stroke: white;*/
/*}*/


.nav-item[b-z5fn8t652a]  a.active:hover {
    /*background-color: rgba(255,255,255,1);*/ /* �� a.active ��ͬ */
    color: var(--bs-primary); /* �� a.active ��ͬ */
   
}

 

/*.nav-item ::deep a.active:hover svg {
                fill: var(--bs-primary);*/ /* �� a.active svg ��ͬ */
/*}*/

/* .nav-item ::deep a.active:hover svg path,
                .nav-item ::deep a.active:hover svg circle,   
                .nav-item ::deep a.active:hover svg rect {   
                    stroke: var(--bs-primary);
                }*/
.collapse[b-z5fn8t652a] {
    /* Never collapse the sidebar for wide screens */
    display: block;
}

.navbar-toggler[b-z5fn8t652a] {
    display: none;
}

.nav-scrollable[b-z5fn8t652a] {
    /* Allow sidebar to scroll for tall menus */
    height: calc(100vh -128px);
    overflow-y: auto;
    margin-top:6px;
}

 
.out-login[b-z5fn8t652a] {
    position: absolute;
    bottom: 50px;
    left: 59px;
    user-select: none;
    cursor: pointer;
}

.nav-item-text[b-z5fn8t652a] {
    display: flex;
    justify-content: center;
    align-items: center;

}
    .nav-item-text span[b-z5fn8t652a] {
    
        margin-left:8px;
    
    }