.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('https://cdn.qinyanai.com/app/assets/header/icon_fh@2x.png') 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('https://cdn.qinyanai.com/app/assets/2_zanwu@2x.png') 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('https://cdn.qinyanai.com/app/assets/header/icon_kg_g@2x.png') no-repeat;
    background-size: cover;
    margin-left:5px;
}
.sharePreview_nav_style__19ibF span.sharePreview_openNav__O0TQ2{
    background:url('https://cdn.qinyanai.com/app/assets/header/icon_kg_k_blue@2x.png') 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('https://cdn.qinyanai.com/app/assets/header/icon_yulan@2x.png') 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("https://cdn.qinyanai.com/app/assets/team/05_fasongxinxi@2x.png");
    background-size: cover;
}

.sendMsg_wrap__sBD-X>span:last-child:hover {
    background: url("https://cdn.qinyanai.com/app/assets/team/05_fasongxinxi_disable@2x.png");
    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;
  }