#siderbar .siderbar-top li a{
    color:#fff; 
}
#siderbar{
    position:fixed;
    top:40px;
    right:0;
    background-color:#fff;
    box-shadow:-1px 0 8px rgba(0,0,0,.03);
    height:70%;z-index:104
}
#siderbar .siderbar-bottom li,#siderbar .siderbar-top li{
    display:block;
    position:relative;
    font-size:12px;color:#9fa3b0;
    line-height:14px
}

#siderbar .siderbar-bottom li a,#siderbar .siderbar-top li a{
    padding:15px 0;display:block
}
#siderbar .siderbar-top li a i{
    display:block;
    width:21px;
    height:21px;
    margin:0 auto 10px;
    background:url(./siderbar.png) no-repeat;
    -webkit-background-size:42px auto;background-size:42px auto
}
.ie #siderbar .siderbar-top li a i{
    background-image:url(./siderbar.png)
}
#siderbar .siderbar-top .icon-sider-interest{
    background-position:0 -62px
}
#siderbar:hover .sider-template li:hover a,
#siderbar:hover .siderbar-top li.active a,
#siderbar:hover .siderbar-top li a:hover{
    color:#1787fb;cursor:pointer
}
#siderbar .siderbar-top li.active a .icon-sider-interest,
#siderbar .siderbar-top li:hover a .icon-sider-interest{
    background-position:-21px -62px
}
#siderbar .siderbar-top .icon-sider-chat{background-position:0 -21px}
#siderbar .siderbar-top li.active a .icon-sider-chat,
#siderbar .siderbar-top li:hover a .icon-sider-chat{background-position:-21px -21px}
#siderbar .siderbar-top .icon-sider-resume{background-position:0 -42px}
#siderbar .siderbar-top li.active a .icon-sider-resume,
#siderbar .siderbar-top li:hover a .icon-sider-resume{background-position:-21px -42px}
#siderbar .siderbar-top .icon-sider-interview{background-position:0 -84px}
#siderbar .siderbar-top li.active a .icon-sider-interview,
#siderbar .siderbar-top li:hover a .icon-sider-interview{background-position:-21px -84px}
#siderbar .siderbar-back-top:after{
    content:"";
    display:block!important;
    width:21px;
    height:13px;margin:0 auto;
    background:url() no-repeat;background-size:42px auto;background-position:0 0
}
#siderbar .siderbar-bottom li:hover .siderbar-back-top:after{background-position:-21px 0}
.siderbar-top{width:100%;float:left;padding-top:15px;text-align:center}.siderbar-bottom{position:absolute;width:100%;bottom:140px;text-align:center}#siderbar .qrcode-layer i{width:12px;height:21px;background-position:0 -697px;position:absolute;top:90px;right:-12px}.qrcode-layer{display:none;position:absolute;right:55px;top:-80px;width:196px;height:196px;border:1px solid #eee;background:#fff;z-index:10}.qrcode-layer img{display:block;width:134px;height:134px;margin:16px auto 0}#siderbar li:hover .siderbar-app .qrcode-layer,#siderbar li:hover .siderbar-wechat .qrcode-layer{display:block}#siderbar .siderbar-app .qrcode-layer{top:-78px}.page-loading .component-b,.page-loading .component-o,.page-loading .component-s1,.page-loading .component-s2{display:inline-block;width:40px;height:42px;background:url(./siderbar.png) no-repeat;vertical-align:middle;-webkit-animation-fill-mode:both;-webkit-animation:bossLoading .6s linear infinite alternate;-moz-animation:bossLoading .6s infinite linear alternate;animation:bossLoading .6s linear infinite alternate}.data-tips .page-loading{white-space:nowrap;margin-top:-20px;margin-left:-79px}.page-loading .component-b{background-position:0 0}.page-loading .component-o{content:"";background-position:0 -68px;margin-left:-4px;-webkit-animation-delay:.1s;-moz-animation-delay:.1s;animation-delay:.1s}.page-loading .component-s1{background-position:0 -141px;margin-left:6px;-webkit-animation-delay:.2s;-moz-animation-delay:.2s;animation-delay:.2s}.page-loading .component-s2{content:"";background-position:0 -141px;margin-left:-4px;-webkit-animation-delay:.3s;-moz-animation-delay:.3s;animation-delay:.3s}@-webkit-keyframes bossLoading{0%{-webkit-transform:translateZ(0)}50%{-webkit-transform:translate3d(0,-10px,0)}}@keyframes bossLoading{0%{transform:translateZ(0)}50%{transform:translate3d(0,-10px,0)}}
#siderbar .sider-title{
    height: 20px;
    padding: 30px 22px 20px 20px;
    background: #fbfbfd;
    color: #414a60;
    zoom: 1; 
}
#siderbar .sider-title:after{content:".";display:block;clear:both;visibility:hidden;height:0}#siderbar .sider-title a{font-size:12px;color:#9fa3b0;float:right}#siderbar .opacity{opacity:.5}#siderbar .user-avatar{width:18px;height:18px;border-radius:9px;vertical-align:middle}#siderbar .sider-detail{position:relative;height:100%;float:right;border-left:1px solid #eee;background:#fbfbfd;overflow-y:auto;overflow-x:hidden}#siderbar .sider-detail ul{background-color:#fff}#siderbar .sider-detail ul li:hover{background:#f8f9fb}#siderbar .sider-detail .sider-template li a{padding:20px 0 11px;display:block;margin:0 20px;border-bottom:1px dotted #e3e7ed}#siderbar .sider-detail ul li:last-child a{border:none}#siderbar .sider-detail ul li h4{font-size:14px;color:#61687c;line-height:20px;zoom:1}#siderbar .sider-detail ul li h4:after{content:".";display:block;clear:both;visibility:hidden;height:0}#siderbar .user-text{font-size:12px;color:#9fa3af;padding-left:10px;overflow:hidden;white-space:nowrap;display:inline-block;text-overflow:ellipsis;vertical-align:middle}.sider-position-title{width:165px;height:20px;overflow:hidden;display:inline-block}.sider-position-title .title-text{max-width:98px;display:inline-block;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sider-position-title .title-text.no-medium{max-width:165px}.sider-position-title .job-medium-icon{height:16px;vertical-align:middle;margin-left:10px}.sider-degree{color:#fd7240;float:right}#siderbar .company-info{font-size:12px;color:#9fa3af;padding:10px 0 15px;line-height:12px}#siderbar .siderbar-more{display:block;font-size:12px;color:#9fa3b0;text-align:center;padding-top:18px;padding-bottom:10px}#siderbar .interview-time{height:40px;padding-left:20px;background-color:#fbfbfd;font-size:14px;color:#414a60;line-height:40px}#siderbar .interview-time span{font-size:12px;color:#9fa3af;padding-left:10px}#siderbar .interview-info{display:block;font-size:12px;color:#9fa3af;line-height:24px;padding-top:3px}#siderbar .interview-info span{color:#002c00}#siderbar .interview-user-info{padding-top:14px}#siderbar .interview-user-info img{width:28px;height:28px;border-radius:14px;vertical-align:middle}#siderbar .interview-user-info .user-text{display:inline-block;width:100px;overflow:hidden;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis}.interview-list li .sub-title .interview-status{float:right;color:#fd7240}.interview-list li .sub-title .company-name{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.interview-user-info .btn{min-width:46px;width:46px;height:24px;font-size:12px;line-height:26px;color:#fff;outline:1px solid #5dd5c8;background:#5dd5c8;border-color:transparent;padding:0}.interview-user-info .btn:hover{opacity:.85}.interview-user-info .btns-sider-interview{display:none;vertical-align:top;float:right}#siderbar .sider-detail ul li:hover .btns-sider-interview{display:inline-block}.interview-user-info .btn.btn-cancel{background-color:#fff;color:#5dd5c8;margin-right:4px}.interview-user-info .btn.btn-cancel:hover{border-color:#5dd5c8}#siderbar .not-have{display:block;background: ;width:310px;height:60px;background-size:116px 60px}#siderbar .not-login{display:block;background:url(./siderbar.png) no-repeat 50%;width:310px;height:72px;background-size:90px 72px}.sider-error-tip{text-align:center;width: 100%; height:200px;margin:auto;position:absolute;top:0;bottom:0}.sider-error-tip p{font-size:15px;line-height:15px;color:#9fa3b0;padding:30px 0 26px}#siderbar .sider-template button{width:68px;height:26px;min-width:68px;line-height:26px;font-size:12px;float:right;display:none}#siderbar .sider-detail ul li:hover button{display:block}#siderbar .sider-template .btn-sider-interest{line-height:normal;padding:0 5px}#siderbar .interview-container{margin:0 20px;padding:20px 0;border-bottom:1px dotted #e3e7ed}#siderbar .interview-list li:last-child .interview-container{border:none}#siderbar .sider-load{text-align:center;height:50px;margin:auto;position:absolute;top:0;bottom:0}#siderbar .sider-load i{display:block;width:310px;height:29px;background:url(https://static.zhipin.com/zhipin-geek/chat/v37/static/images/loading.0e6e0f46.gif) no-repeat 50%;background-size:29px 29px}#siderbar .sider-load p{padding-top:20px;font-size:15px;color:#9fa3b0}#siderbar .sider-index{width:40px;height:100%;float:left;position:relative;transition:width .2s}#siderbar .btn-sider-more{width:138px;font-size:14px; color: #666;}#siderbar:hover .sider-index{width:60px}#siderbar:hover .siderbar-top li a{color:#414a60}@media (max-height:780px){#siderbar .siderbar-bottom li a,#siderbar .siderbar-top li a{padding:10px 0}.siderbar-bottom{bottom:80px}#siderbar .siderbar-app .qrcode-layer{top:-128px}#siderbar .qrcode-layer i{top:132px}#siderbar .siderbar-wechat .qrcode-layer{top:-128px}}.pop-feedback textarea{height:120px;width:390px;min-width:290px;padding:10px 12px!important;border:1px solid #e3e7ed;resize:none;display:block;color:#414a60}.pop-feedback a{color:inherit;*color:#9fa3b0}.pop-feedback .btn{min-width:30px;padding:0 30px;height:32px;line-height:32px;color:#5dd5c8;font-size:14px}.pop-feedback .tips{position:static}.pop-feedback .dialog-container{width:530px}.pop-feedback .dialog-title .title{padding:0 0 20px;color:#62687a!important;font-size:18px!important;border:none;font-weight:400}.pop-feedback .dialog-title .tips{color:#fc6c38;font-size:13px}.pop-feedback .dialog-title .close{top:15px;right:16px}.pop-feedback .dialog-con span:last-child{display:block;line-height:17px;margin-top:4px}

#siderbar .user-text .vline{
    display: inline-block;
}
.vline {
    width: 1px;
    height: 12px;
    vertical-align: middle;
    background: #e0e0e0;
    margin: 0 10px;
}
.im_item{
    position: relative;
}
.rom_item{
    border: 1px solid #9fa3b0;
    border-radius: 6px;
    font-size: 12px;
    color: #9fa3b0;
    position: absolute;
    right: 6px;
    bottom: 6px;
    text-align: center;
    line-height: 16px;
    padding: 2px;  
    cursor: pointer;
    display: none;
}

.im_item:hover .rom_item{
    display: block; 
}
.rom_item:hover{
    color: #1787fb;
    border-color: #1787fb;
}
.im_tishi{
    position: absolute;top: 338px;width: 100%;
    text-align: center;
}
.im_off{
    position: absolute;
    right: 20px;
}