.sharePreview_containerBijiWrap__1Ykjp .sharePreview_fileContent__19Gxd{
    width: 80%;
}
.sharePreview_previewHeader__1Q8jZ{
    display: flex;
    align-items: center;
    background: #fff;
    line-height: 60px;
    height: 60px;
    padding: 0 30px;
    justify-content: space-between;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,0.06);
    position: relative;
    /*margin-bottom: 10px;*/
    /*border-bottom: 3px solid #4C8CFB;*/
}

.sharePreview_siderToolsBar__3TUgB {
    background-color: #ffffff;
    border-left: 1px solid #d8d8d8;
}

.sharePreview_title__3a5a_{
    max-width: 300px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    font-size: 14px;
    color: #333333;
    display: block;
    margin:0 30px;
}
.sharePreview_backBtnImg__2RcHp{
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: 28px;
    height: 28px;
    border-radius: 50%;
}
.sharePreview_backBtnImg__2RcHp:hover{
    background:#D8D8D8 ;
}
.sharePreview_backBtnImg__2RcHp span{
    display: block;
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAAAeFBMVEUAAABmZmZpaWlmZmZmZmZsbGxnZ2dnZ2doaGhtbW1mZmZnZ2dmZmZnZ2doaGhqampqampmZmZnZ2dnZ2dnZ2dnZ2dpaWl0dHRnZ2dmZmZmZmZnZ2dmZmZnZ2dnZ2dnZ2doaGhnZ2dxcXFsbGxmZmZmZmZnZ2dmZmZhpMF9AAAAJ3RSTlMAlj/88AXRgy8X9euhjDYoHufj3cU9JAvZy76zqmtbUktEEhB4c2bON2DhAAAA0klEQVQ4y+XUyRKCMBBF0SCQMBNmmQXU/P8f2k1Z6op6bvWuWJwV1S/iF3KtXMF4MMakoI0MVWM2ZhtjVrGNMHtjO7iQvbPtMTvZZLsGshe2LWaXgKxcIZs4ZAsfsl5INteQrTOyYQpZnZN1PMj6Z7JBAtlVGqq1jlP+89Cgyh1LDDs7HjEcfxxxeTru9a8s1kp8M6YrOume9YjqjvUE6qYkbM+g3iTrhb7wC6lArYv37eFXjZXyXjINanyJXLVv3BUCfz0SATbbxtkEWqU88a89AIRyJ/Q9TEy3AAAAAElFTkSuQmCC) no-repeat;
    background-size: cover;
    width: 20px;
    height: 20px;
}
.sharePreview_leftBackBtn__1NSVG{
    margin-right:16px;
}

.sharePreview_previewHeader__1Q8jZ .sharePreview_leftHeader__1Ti3K .sharePreview_lookNum__24S6m img{
    height: 18px;
    width: 18px;
}

.sharePreview_leftHeader__1Ti3K,.sharePreview_rightHeader__NkTVG{
    display: flex;
    align-items: center;
}
.sharePreview_addMySpace__njXxm{
    display: block;
    height: 32px;
    width: 95px;
    background:rgba(76,140,251,1);
    border-radius:4px;
    font-size: 12px;
    border: none;
}

.sharePreview_addMySpace__njXxm:hover {
    background:rgba(76,140,251,1);
}

.sharePreview_addMySpace__njXxm img {
    width: 18px;
    height: 18px;
}

.sharePreview_userLogin__2JMaF{
    margin-left: 45px;
}
.sharePreview_userLogin__2JMaF a{
    font-size: 14px;
    color: #333333;
}
.sharePreview_fileContent__19Gxd{
    /* width: 820px; */
    background: #FFFFFF;
    /*border: 1px solid #EEEEEE;*/
    height:100%;
    overflow: hidden;
    margin:  0 auto;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,0.06);
    position: relative;
}
.sharePreview_fileContentTxt__1S33w {
    background-color: rgb(240, 242, 245);
}
.sharePreview_fileContentTxt__1S33w iframe {
    display: block;
    margin: 0 auto;
    width: 80%;
    max-width: 800px;
    padding: 0 30px;
    background-color: #fff;
}
@media screen and (max-width: 600px) {
    .sharePreview_fileContentTxt__1S33w iframe {
        padding: 0;
    }
  }
.sharePreview_fileTitle__2RLg9{
    font-size: 18px;
    color: #333333;
    line-height: 26px;
    border-bottom: 1px solid #F1F1F1;
    padding: 15px 0;
    margin:  0 100px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    max-width: 620px;
}
.sharePreview_container__30c6l{
    height: 100%;
}
.sharePreview_containerWrap__2LrGB{
    height: calc(100% - 70px);
    position: relative;
}

.sharePreview_loading__qDLZk {
    position: absolute;
    left: 50%;
    top: 50%;
    transform:translate(-50%,-50%);
}

.sharePreview_containerImageMuice__2C_LW{
    width: 360px;
    height: 420px;
    background: #FFFFFF;
    border: 1px solid #F5F5F5;
    box-shadow: 0 1px 6px 5px rgba(214,214,214,0.15);
    padding: 40px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform:translate(-50%,-50%);
}

.sharePreview_userShare__2k3Do{
    font-size: 16px;
    color: #333333;
    line-height: 22px;
    text-align: center;
    margin-bottom: 50px;
}
.sharePreview_imgType__aFh2G{
    position: relative;
    margin:  0 auto 50px auto;
    width: 100px;
    height: 100px;
}
.sharePreview_imgType__aFh2G img{
    display: block;
}
.sharePreview_imgType__aFh2G img:first-child{
    width: 100px;
    height: 100px;
}
.sharePreview_imgType__aFh2G img:last-child{
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0px;
    bottom: 0px;
}
.sharePreview_fileContentTitle__3bdlG{
    font-size: 14px;
    color: #333333;
    line-height: 22px;
    margin-bottom: 30px;
    max-height:44px;
    display: -webkit-box;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    /*! autoprefixer: off */
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    /*! autoprefixer: on */
}
.sharePreview_loginBtn__F0NCb{
    margin: 0 auto;
    width: 88px;
}
.sharePreview_fileContentTitleWrap__toa2c{
    display: flex;
    justify-content: center;
}
.sharePreview_notFindWrap__evRcs{
    width: 240px;
    height: 130px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform:translate(-50%,-50%);
}
.sharePreview_notFindWrap__evRcs img{
    width: 160px;
    height: 83px;
    display: block;
    margin:  0 auto 20px;
}
.sharePreview_notFindWrap__evRcs p{
    text-align: center;
    font-size: 14px;
    color: #333333;
    line-height: 22px;
}
.sharePreview_playAudio__3-BnG{
    position: absolute;
    top:10px;
    right:10px;
    width: 24px;
    cursor: pointer;
}
.sharePreview_playAudio__3-BnG img{
    width: 24px;
    height: 24px;
}

.sharePreview_fixedTransformCenter__oXbJy{
    text-align:center;
    width:130px;
    height:130px;
    position:absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%, -50%);

}

.sharePreview_fixedTransformCenter__oXbJy span{
    font-size: 14px;
    color: #999;
    margin-bottom: 5px;
    display: block;
}

.sharePreview_noInfoTips__2WAO2{
    background: url(data:image/png;base64,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) center center no-repeat transparent;
    background-size: 100% 100%;
    width:100px;
    height: 100px;
    margin: 0 auto 10px;
    padding-left:25px;
    font-size:0;
}
.sharePreview_imgViewer__1yCbj {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.sharePreview_fileImg__2JSw9 {
    margin: 0 auto;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
}

.sharePreview_w820__16bF_{
    width: 820px;
}
.sharePreview_w1200__1Xifg{
    width: 1200px;
}
.sharePreview_wAuto__38oOY{
    width: auto;
    margin: 0 10px;
}
.sharePreview_wFull__1P45T{
    width: auto;
    margin: 0px;
}
.sharePreview_notFind__2b7tC{
    width: 100%;
    height: 100%;
    background: white;
    position: relative;
}

@media screen and (max-width: 800px) {
    .sharePreview_containerBijiWrap__1Ykjp .sharePreview_fileContent__19Gxd{
        width: 100%;
    }
}
@media screen and (max-width: 460px) {
    .sharePreview_timeBox__1v1bg {
        display: none;
    }
}
@media(min-width:320px) and (max-width:370px){
    .sharePreview_container__30c6l{
        position: absolute;
        height: 100vh;
        width: 100vw;
        overflow: hidden;
    }

    .sharePreview_containerWrap__2LrGB{
        padding: 0 1px;
    }

    .sharePreview_previewHeader__1Q8jZ{
        padding: 0 1px;
    }

    .sharePreview_previewHeader__1Q8jZ .sharePreview_leftHeader__1Ti3K{
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
    }

    .sharePreview_previewHeader__1Q8jZ .sharePreview_leftHeader__1Ti3K img{
        width: 20px;
        /* height: 12px; */
    }

    .sharePreview_previewHeader__1Q8jZ .sharePreview_title__3a5a_{
        flex: 1 1;
        margin: 0 3px;
    }

    .sharePreview_previewHeader__1Q8jZ .sharePreview_leftHeader__1Ti3K .sharePreview_lookNum__24S6m{
        flex: 1 1;
        font-size: 12px;
    }

    .sharePreview_previewHeader__1Q8jZ .sharePreview_leftHeader__1Ti3K .sharePreview_lookNum__24S6m img{
        height: 12px;
        width: 12px;
    }

    .sharePreview_rightHeader__NkTVG .sharePreview_addMySpace__njXxm{
        flex: 1 1;
        font-size: 12px;
        padding: 0px;
    }

    .sharePreview_rightHeader__NkTVG .sharePreview_userLogin__2JMaF{
        flex: 1 1;
        margin: 0;
    }

    .sharePreview_rightHeader__NkTVG .sharePreview_userLogin__2JMaF a{
        font-size: 12px;
    }

    .sharePreview_fileContent__19Gxd{
        width: auto;
        background: #FFFFFF;
        border: 1px solid #EEEEEE;
        height:100%;
        overflow: hidden;
        margin:  0 auto;
        box-shadow: 0 3px 6px 0 rgba(0,0,0,0.06);
        position: relative;
    }
}

@media(min-width:375px) and (max-width:600px){
    .sharePreview_container__30c6l{
        position: absolute;
        height: 100vh;
        width: 100vw;
        overflow: hidden;
    }

    .sharePreview_containerWrap__2LrGB{
        padding: 0px;
    }

    .sharePreview_previewHeader__1Q8jZ{
        padding: 0px;
    }

    .sharePreview_previewHeader__1Q8jZ .sharePreview_leftHeader__1Ti3K img{
        width: 25px;
        /* height: 14px; */
    }

    .sharePreview_previewHeader__1Q8jZ .sharePreview_leftHeader__1Ti3K .sharePreview_lookNum__24S6m{
        font-size: 12px;
    }

    .sharePreview_previewHeader__1Q8jZ .sharePreview_leftHeader__1Ti3K .sharePreview_lookNum__24S6m img{
        height: 14px;
        width: 14px;
    }

    .sharePreview_rightHeader__NkTVG .sharePreview_addMySpace__njXxm{
        flex: 1 1;
        font-size: 12px;
        padding: 0px;
    }

    .sharePreview_rightHeader__NkTVG .sharePreview_userLogin__2JMaF{
        flex: 1 1;
        margin: 0;
    }

    .sharePreview_rightHeader__NkTVG .sharePreview_userLogin__2JMaF a{
        font-size: 12px;
    }


    .sharePreview_previewHeader__1Q8jZ .sharePreview_title__3a5a_{
        max-width: 85px;
        margin: 0 5px;
    }

    .sharePreview_fileContent__19Gxd{
        width: auto;
        background: #FFFFFF;
        border: 1px solid #EEEEEE;
        height:100%;
        overflow: hidden;
        margin:  0 auto;
        box-shadow: 0 3px 6px 0 rgba(0,0,0,0.06);
        position: relative;
    }
}

/* header popover */
.sharePreview_nav_style__19ibF{
    width:66px;
    height:32px;
    background:rgba(255,255,255,1);
    border-radius:4px;
    border:1px solid rgba(216,216,216,1);
    font-size:12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    cursor: pointer;
}
.sharePreview_nav_style__19ibF:hover{
    border:1px solid rgba(76,140,251,1);
    color:#4C8CFB;
}
.sharePreview_nav_style__19ibF span{
    display: block;
    width: 18px;
    height: 18px;
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAb1BMVEUAAABoaGhqampoaGhpaWltbW2Ojo5paWlpaWlpaWlpaWlpaWlqampqampvb29oaGhoaGhoaGhpaWlpaWlra2toaGhpaWlpaWlpaWlpaWloaGhpaWlpaWlqampra2t3d3dxcXFpaWloaGhqampoaGhUdIp3AAAAJHRSTlMA+1nJfRgE9+/p3mtDHxPh2KWCZS7Uua+fi3lzSTwoDwnDkF7FJ7rNAAAAuElEQVQ4y+3QyQ6DIBCA4VEQFMV9qbttef9nbIIWcbg26cX/ZMgXZgTu/lNASeShoueQ2mbgoq/elChUGJ+m8EqmP/wQs9fXUG82YzOsKtBJTsGUOBP3vcqGwdkDq30tQi3jXtXq49C/PAZGuT7mk41WjDJ9LGIb1RiRfdXORiNG/bHqfJo0wqgGXSs2gzpsCvPMZDnuKZx/W+FINrysGZOxM4sEYNpGoZSncHnF4NIy+ahEwt3v+wCG7ChS5OS7BAAAAABJRU5ErkJggg==) no-repeat;
    background-size: cover;
    margin-left:5px;
}
.sharePreview_nav_style__19ibF span.sharePreview_openNav__O0TQ2{
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAeFBMVEUAAABNjfxNjPxMjfxRkv9Mjfxjqv9NjftNjftNjvtPj/9Wlf9MjPxMjPxMjftMjfxNjftMjv1NjP1Pkf9SkP9NjPxMjfxMjfxNjPtMjv1NjP1Mjv1Mjf1Njv1Oj/xOj/9jnP9MjfxNjftMjPxNjfxMjvtPjfxMjPs8fuI0AAAAJ3RSTlMA+1nfFvcE18ZDLRDt5sulgn5lIx3pr5+LfHlzbGlJPAnx0ru3kF5nt6zbAAAAuklEQVQ4y+3Sxw6DMBBFUYPBGNNrKKGk+v//MJKNyTDeRsqGuxkkjsRbQM7+U13wxjnmJ3zwoBl8iaJd+S7S2/VrMkycnKkXbvwyprfMYl55tNz2WN/qyV4YR+rm2AQMzL3oWSlGBQGFT3VijFyIvEAda9IMUUTVoRhNEAmup2HUQjR2eprELWBSI/TDAyO67qjNjE6wSsW2Ogsiw6s7Vn4uGKunhIP/YB2ptHJkUDJyqJpdVFiRs9/3AWVWK3mJTjlGAAAAAElFTkSuQmCC) no-repeat;
    background-size: cover;
}

.sharePreview_popover_button__2Js-h {
    margin-right: 10px;
    height:32px;
    border-radius: 4px;
    width: 84px;
    font-size: 12px;
}

.sharePreview_popover_button__2Js-h:hover, .sharePreview_popover_button__2Js-h:focus {
    border: 1px solid #4C8CFB;
    color: #4C8CFB;
}

.sharePreview_container__30c6l .sharePreview_other__WvxCk {
    border-bottom: 3px solid #55C0FF;
}

.sharePreview_container__30c6l .sharePreview_isDoc__YaaEm {
    border-bottom: 3px solid #4C8CFB;
}

.sharePreview_container__30c6l .sharePreview_isPdf__1DPmr {
    border-bottom: 3px solid #E26767;
}

.sharePreview_container__30c6l .sharePreview_isXls__1Rp2v {
    border-bottom: 3px solid #0AAC64;
}

.sharePreview_container__30c6l .sharePreview_isPpt__gefSP {
    border-bottom: 3px solid #FA8253;
}

.sharePreview_rightHeader__NkTVG .sharePreview_other__WvxCk {
    background-color:#55C0FF;
    border-color: #55C0FF;
}

.sharePreview_rightHeader__NkTVG .sharePreview_isDoc__YaaEm {
    background-color:#4C8CFB;
    border-color: #4C8CFB;
}

.sharePreview_rightHeader__NkTVG .sharePreview_isPdf__1DPmr {
    background:rgba(226,103,103,1);
}

.sharePreview_rightHeader__NkTVG .sharePreview_isPpt__gefSP{
    background-color:#FA8253;
    border-color: #FA8253;
}
.sharePreview_rightHeader__NkTVG .sharePreview_isXls__1Rp2v{
    background-color:#0AAC64;
    border-color: #0AAC64;
}

.sharePreview_popover_state__3erEK{
    width: 90px;
    font-size: 14px;
}

.sharePreview_popover_state__3erEK .sharePreview_popover_item__3xdri{
    margin: 0px 0 5px 0;
    text-align: center;
    cursor: pointer;
}

.sharePreview_popover_state__3erEK .sharePreview_popover_item_active__xBqDr{
    margin: 0px 0 5px 0;
    text-align: center;
    cursor: pointer;
    color: #4C8CFB;
}

.sharePreview_popover_state__3erEK .sharePreview_isPdf__1DPmr {
    color: #E26767;
}

.sharePreview_popover_state__3erEK .sharePreview_isXls__1Rp2v {
    color: #0AAC64;
}

.sharePreview_popover_state__3erEK .sharePreview_isPpt__gefSP {
    color: #FA8253;
}
.sharePreview_userAuthWrap__1C7gk{
    width:284px;
    height:340px;
    background:rgba(255,255,255,1);
    box-shadow:0px 4px 4px 0px rgba(0,0,0,0.06);
    border-radius:4px;
    border:1px solid rgba(229,229,229,1);
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.sharePreview_userPhoto__3Mpfi{
   width: 120px;
   height: 120px;
    position: absolute;
    top:-60px;
    left: 82px;
}
.sharePreview_userName__1Vy1n{
    color: #666666;
    line-height: 24px;
    margin-bottom: 10px;
    text-align: center;
}
.sharePreview_fileNames__39kVO{
    font-size:16px;
    color: #666;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    max-width: 100%;
    padding: 0 10px;
}
.sharePreview_editerFileBtnWrap__3ZG76 img{
    width: 18px;
    height: 18px;

}
.sharePreview_editerFileBtnWrap__3ZG76{
    display: flex;
    align-items: center;
    height: 32px;
    width: 64px;
    background:rgba(76,140,251,1);
    border-radius:4px;
    margin-left:10px;
    font-size: 12px;
    border:none;
}
.sharePreview_editerFileBtnWrap__3ZG76.sharePreview_isppt__1iKdZ{
    background:#FA8253;
}
.sharePreview_editerFileBtnWrap__3ZG76.sharePreview_isxls__2q2E3{
    background:#0AAC64;
}
.sharePreview_editerFileBtnWrap__3ZG76.sharePreview_isppt__1iKdZ:hover,.sharePreview_searchAndWriteBtn__1pAmq.sharePreview_isppt__1iKdZ:hover{
    background:#FF9166;
    border-color:#FF9166;
}
.sharePreview_editerFileBtnWrap__3ZG76.sharePreview_isxls__2q2E3:hover,.sharePreview_searchAndWriteBtn__1pAmq.sharePreview_isxls__2q2E3:hover{
    background:#23C57D;
    border-color:#23C57D;
}
.sharePreview_editerFileBtnWrap__3ZG76:hover {
    background:rgba(76,140,251,1);
}
.sharePreview_editerFileBtnWrap__3ZG76.sharePreview_goHomeBtn__1NlYb {
    background-color: #55c0ff;
    width: 130px;
    justify-content: center;
}

.sharePreview_editerFileBtnWrap__3ZG76.sharePreview_goHomeBtn__1NlYb:hover {
    background-color: #55c0ff;
}
.sharePreview_editerFileBtnWrap__3ZG76.sharePreview_goHomeBtn__1NlYb img {
    width: 14px;
    height: auto;
    margin-left: 7px;
}
.sharePreview_userPhoneWrap__1cOki div{
    margin:20px 0px;
    padding: 0 70px;
}
.ant-input-group > .ant-input-affix-wrapper:not(:last-child) .ant-input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.sharePreview_comHeaderTitle__2soRs{
    display: inline-block;
    margin-left: 0px;
    font-size: 14px;
    color: #333333;
    font-weight: bold;
    margin-right: 20px;
    max-width: 470px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sharePreview_officeMenu__Y9aZl {
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.sharePreview_officeMenuItem__2WD4r {
    padding: 0px 15px;
    margin: 0px;
    cursor: pointer;
    color: #999;
    line-height: 30px;
}

.sharePreview_officeMenuItem__2WD4r.sharePreview_active__eEuBb {
    height:30px;
    background:#4C8CFB;
    border-radius:4px;
    color: white;
    font-weight: bold;
}
.sharePreview_isXls__1Rp2v .sharePreview_officeMenuItem__2WD4r.sharePreview_active__eEuBb{
    background: #0AAC64;
}
.sharePreview_isPpt__gefSP .sharePreview_officeMenuItem__2WD4r.sharePreview_active__eEuBb{
    background: #FA8253;
}

.sharePreview_lockEditStatusText__2rB_9{
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #828282;
    margin-left: 20px;
}
.sharePreview_lockEditStatusText__2rB_9 span:first-child{
    display: block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcBAMAAACAI8KnAAAAMFBMVEUAAACrq6uqqqqqqqqrq6uqqqqrq6uqqqqqqqqqqqqsrKyqqqqrq6uqqqqqqqqqqqq6v9quAAAAD3RSTlMAsdnIVPPsvoE/MSF20sDhJmw+AAAAnklEQVQY02MAAa521aCKBQxQwKL/Hwg+OUB43Pb/weDzBjB32n8oyATxOP/DwQQgdxuI8ec8iMwGcsE6H/CBdQONBSsTYARTDgxMyFwFhvXI3F8M/cjcHwz1yNzvDPrI3E8M8cjcr2hcNMVQoy7wQoyCWvRRHmrReqhvoM5gQuYqQL3wxR/iBagHDZjBHkTzPlrgoAYdWsBiBDtapAAAcQoRZF8JG98AAAAASUVORK5CYII=) no-repeat;
    background-size: cover;
    width: 14px;
    height: 14px;
    margin-right: 6px;
}

.sendMsg_wrap__sBD-X>span:last-child {
    display: block;
    width: 20px;
    height: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAaVBMVEUAAABoaGhnZ2dnZ2dmZmZnZ2dmZmZsbGxra2tubm53d3dnZ2dnZ2dmZmZmZmZnZ2dmZmZmZmZnZ2dnZ2doaGhnZ2dmZmZnZ2dpaWlmZmZmZmZmZmZnZ2dnZ2doaGhnZ2doaGhpaWlmZmZjt/afAAAAInRSTlMAgO3Esdz2Fw8KBeTWt6jR6JaPcmFPRCsfzcCidG1ROTYixaY2fgAAARJJREFUOMvtkwuugjAQRUeg/EXkp4Lfu/9Fvk7oS2sHZAF6kgbIHFK4N6Vvpa/xmbqfxQJbFLMIRkXLKDD/YgnET1riGeupFXctEJxIcgqAdueIpB+Ks/DOhZlZkY6ASjwvUcCRPJEq4JCSS3oAKhJivgfCjCxZCOxzIdoBY18Uot3KUAGXlKRoP56xPydFGwdj45IicwXQ6msL4Err4hBD01EHTTysig/tNXqN2mr0eqyIXOyN7mDudDP1S/FVzzcd7z7P65cvmmwaYvqpJ6bhhITIaU/0zsT1eyL3F+WemEfc4pvIxY4Z+WQj1++Kc7GS9AJUjhgAZUJLJCV46p7CcBn3FCpsoUzDZfCZcqAfG/wBu+sxi6Ly64sAAAAASUVORK5CYII=);
    background-size: cover;
}

.sendMsg_wrap__sBD-X>span:last-child:hover {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAdVBMVEUAAABWwf9VwP9Wwf9Vwf9Vwf9Zxf9e0P9m2f9Vwf9VwP9VwP9Vwf9Vwf9WwP9bzP9WwP9VwP9Vwv9VwP9Vwv9Xwv9Wwf9Vw/9Yx/9Wwf9Vwf9Vwf9Vwf9Wwf9Vwv9Wwf9Xwv9VwP9VwP9Vwv9aw/9aw/9VwP/Yk1oQAAAAJnRSTlMAgOzEsdwXCQX58uTWt6gP0ZaFcmFPRCsfzsCi5pKNdG1ROTYiEZCaL2AAAAEaSURBVDjL7ZPZkoIwEEVbIGwioCwquC/3/z9x0pWZSaBRPkDPC1T1SaXTt5o+lcbDe7zGiEvMsTQiGBVMo8D8iRmQ3mmKe6qrVlxUgLclydYDqoUj0kY3shPeTre/oYFIa0CFIy9UwJpGIuVAWZBLUQI5CTFeAX5ElsgHVrEQbYGxB4Vor2JMK/uCpGibZ+zjpGjHwdhxSZE5A6j0twJwptdim0BTUw1N0r4Ubylw0m6nrROQ3qT4H+yFrgm0d6ULxz8pPg7mp+bbTf3wEKKZzZGYpm+IOfKEhPgsgZ6G9ED5HImcXxCPxDjgFAciB9tFNCbqOH5XNMFKij2QOyIvRkhThBm46m6hP427hQpzqN+EM+89WUtfZvgBYxw3DEkBmXIAAAAASUVORK5CYII=);
    background-size: cover;
}

.sendMsg_wrap__sBD-X {
    width: 20px;
    height: 20px;
    position: absolute;
    right: -30px;
    top: 0px;
}

.sendMsg_checkUser__17AJ8 {
    display: flex;
    justify-content: space-between;
    height: 40px;
    align-items: center;
    padding: 0 10px;
    border-bottom: 1px solid #eee;
}

.sendMsg_checkUser__17AJ8 span {
    font-size: 14px;
    color: #333333;
    line-height: 20px;
}

.sendMsg_checkUser__17AJ8 span label {
    margin-right: 10px;
}

.sendMsg_inputText__20fNF {
    padding: 15px 20px;
    border-bottom: 1px solid #eee;
    display: flex;
    justify-content: center;
    height: 300px;
    align-items: center;
}

.sendMsg_inputText__20fNF textarea {
    border: none;
    height: 260px;
    resize: none;
}

.sendMsg_sendWrap__1AYYI {
    display: flex;
    justify-content: space-between;
    height: 58px;
    align-items: center;
    padding: 10px 20px;
}

.sendMsg_firstTips__3S5eg {
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14);
    width: 200px;
    line-height: 36px;
    position: absolute;
    top: 28px;
    left: -160px;
    z-index: 99;
    text-align: center;
    font-weight: normal;
    display: block;
}

.sendMsg_arrow__3mRX8 {
    display: block;
    position: absolute;
    top: -6px;
    transform: rotate(45deg);
    border-top: 2px solid #eee;
    border-left: 2px solid #eee;
    width: 8px;
    height: 8px;
    right: 24px;
    background: white;
}

.sendMsg_btn_wrap__3iEnx {
    font-size: 14px;
    color: 6px;
    height: 32px;
    border: 1px solid #F5F7FA;
    border-radius: 2px;
    text-align: center;
    line-height: 32px;
    cursor: pointer;
}

.sendMsg_btn_img__2vybm{
    margin: 0px 5px 0 0;
}
.sendMsg_btn_disabled_warp__1OnjQ {
    border: 1px solid #C6C8C9;
    color: #C6C8C9;
}

.theme_0 .sendMsg_checkUser__17AJ8 span{
    color: var(--fontColor);
  }

  .theme_0 .sendMsg_checkUser__17AJ8{
    border-color: var(--borderColor);
  }

  .theme_0 .ant-list ul li span{
    color: var(--fontColor);
  }

  .theme_0 .sendMsg_inputText__20fNF{
    border-color: var(--borderColor);
  }

  .theme_0 .sendMsg_inputText__20fNF textarea::placeholder{
    color: var(--spanColor);
  }

  .theme_0 .sendMsg_inputText__20fNF textarea,
  .theme_0 .sendMsg_sendWrap__1AYYI {
    color: var(--fontColor);
  }

  .theme_0 .ant-list-item:hover{
    background-color: var(--hoverColor);
  }


  .theme_0 .sendMsg_btn_wrap__3iEnx{
    background-color: var(--hoverColor);
  }

  .theme_0 .sendMsg_btn_wrap__3iEnx span{
   color: var(--fontColor);
  }

  .theme_0 .sendMsg_inputText__20fNF textarea::placeholder{
    color: var(--spanColor);
  }

  .theme_0 .sendMsg_inputText__20fNF textarea{
    background-color: var(--bgColor);
    color: var(--fontColor);
  }

  .theme_0 .sendMsg_sendWrap__1AYYI button{
    background-color: transparent;
  }