.side-nav-bar-wrap{position:relative}.side-nav-bar{position:fixed;font-size:12px;z-index:1001}.side-nav-bar .bg-index,.side-nav-bar ul.squr li,.side-nav-bar ul.notice-wrap li{background:transparent url(//wkstatic.bdimg.com/static/wkcore/widget/ui/fixed_sidebar/images/bg_index_377d1e2.png) no-repeat scroll;_background:transparent url(//wkstatic.bdimg.com/static/wkcore/widget/ui/fixed_sidebar/images/bg_index_ie6_eace5b6.png) no-repeat scroll}.side-nav-bar ul li{margin-bottom:3px;width:55px;height:55px}.side-nav-bar ul li a{display:inline-block;width:53px;height:53px;border:1px solid #D7D7D7;background-color:#FFF;text-align:center;color:#6C6C6C}.side-nav-bar ul li a .s-ic{display:block;width:30px}.side-nav-bar ul li a .top{background-position:-94px -88px;margin:15px 0 2px 11px;*margin:15px 0 2px;height:18px}.side-nav-bar ul li a.gotop{display:none}.side-nav-bar ul li a .fb{background-position:-95px -112px;margin:6px 0 1px 12px;*margin:6px 0 1px -1px;height:26px}.side-nav-bar ul li a .app-bg{display:block;width:18px;height:26px;margin:6px auto 3px;background:url(//wkstatic.bdimg.com/static/wkcore/widget/ui/fixed_sidebar/images/phone-ic18x26_565cd87.png) no-repeat}.side-nav-bar ul li a .cloud-bg{display:block;width:25px;height:24px;margin:8px auto 3px;background:url(//wkstatic.bdimg.com/static/wkcore/widget/ui/fixed_sidebar/images/read_0f8c408.png) no-repeat}.side-nav-bar ul li a .vip-bg{display:block;width:26px;height:29px;margin:3px auto;background:url(//wkstatic.bdimg.com/static/wkcore/widget/ui/fixed_sidebar/images/vip_aef1fef.png) no-repeat}.side-nav-bar ul li a:hover{color:#FFF;background-color:#2DB68A;border:1px solid #2DB68A;text-decoration:none}.side-nav-bar ul li a:hover .top{background-position:-135px -88px}.side-nav-bar ul li a:hover .fb{background-position:-136px -112px}.side-nav-bar ul li a:hover .app-bg{background-position:-21px 0}.side-nav-bar ul li a:hover .cloud-bg{background:url(//wkstatic.bdimg.com/static/wkcore/widget/ui/fixed_sidebar/images/read_hover_6c141cd.png) no-repeat}.side-nav-bar ul li a.vip,.side-nav-bar ul li a.novip{background-color:#2DB68A;color:#fff}.side-nav-bar .app-qrcode-wrap{display:none;width:178px;height:222px;background:url(//wkstatic.bdimg.com/static/wkcore/widget/ui/fixed_sidebar/images/fixed_qrcode_bg178x222_9de9a1d.png) no-repeat;position:absolute;top:116px;left:-180px}.side-nav-bar .app-qrcode-wrap img{display:block;margin:20px 20px 10px}.side-nav-bar .app-qrcode-wrap p{text-align:center;line-height:22px;height:22px;font-size:14px;color:#555}.side-nav-bar .novip{font-size:14px;display:table-cell;vertical-align:middle}.vip-container-wrap{display:none;width:304px;height:198px;background:url(//wkstatic.bdimg.com/static/wkcore/widget/ui/fixed_sidebar/images/vip_wrap_98d8e51.png) no-repeat;position:absolute;top:0;left:-306px}.vip-container-wrap .wrap-body{margin:0 20px;overflow:hidden}.vip-container-wrap .wrap-body .title{font-size:14px;line-height:40px;border-bottom:1px solid #eee;color:#333}.vip-container-wrap .wrap-body .title .close{width:11px;height:11px;background:url(//wkstatic.bdimg.com/static/wkcore/widget/ui/fixed_sidebar/images/close_13ca777.png) no-repeat;position:absolute;right:22px;top:18px}.vip-container-wrap .wrap-body .title .more{padding-left:10px;font-size:12px;color:#666}.vip-container-wrap .wrap-body .left,.vip-container-wrap .wrap-body .right{float:left}.vip-container-wrap .wrap-body .left{margin-top:16px}.vip-container-wrap .wrap-body .left img{width:85px;height:116px}.vip-container-wrap .wrap-body .right{width:160px;margin-left:18px;margin-top:19px}.vip-container-wrap .wrap-body .right .big{font-size:16px;line-height:26px;color:#333;height:26px;overflow:hidden}.vip-container-wrap .wrap-body .right .small{font-size:12px;line-height:16px;color:#999;overflow:hidden;height:32px;padding-top:5px}.vip-container-wrap .wrap-body .btn{margin-top:12px}.vip-container-wrap .wrap-body .btn .read{border:0;border-radius:2px;display:inline-block;cursor:pointer;width:82px;height:30px;line-height:30px;font-size:14px;text-align:center;color:#fff;background-color:#3fba93;text-decoration:none}.vip-container-wrap .wrap-body .btn .collect{font-size:12px;margin-left:10px;color:#666;position:relative;display:inline-block;cursor:pointer}.vip-container-wrap .wrap-body .btn .collect .icon{background:url(//wkstatic.bdimg.com/static/wkcore/widget/ui/fixed_sidebar/images/collect_0f6493d.png) no-repeat;background-size:14px 13px;width:16px;height:16px;display:inline-block;background-position-y:4px}.vip-container-wrap .wrap-body .btn .collect .icon.collected{background:url(//wkstatic.bdimg.com/static/wkcore/widget/ui/fixed_sidebar/images/colleced_a7f2c21.png) no-repeat;background-position-y:4px}.vip-container-wrap .wrap-body .btn .collect .shoucang{margin-left:-3px}.vip-container-wrap .wrap-body .btn .collect .collect-wrap{background:url(//wkstatic.bdimg.com/static/wkcore/widget/ui/fixed_sidebar/images/collect_wrap_1c3d14e.png) no-repeat;position:absolute;display:none;top:-34px;left:-96px;width:164px;height:33px;line-height:33px;font-size:12px;color:#fff}.vip-container-wrap .wrap-body .btn .collect .collect-wrap .first{padding-left:5px}.vip-container-wrap .wrap-body .btn .collect .collect-wrap .closet{color:#5ad4ad;padding-left:2px}.record-content-wrap{width:226px;background:#fff;position:absolute;top:58px;left:-240px;font-size:14px;display:none;border:1px solid #d7d7d7}.record-content-wrap:hover{display:block}.record-content-wrap .wrap-corner{width:10px;height:14px;background:url(//wkstatic.bdimg.com/static/wkcore/widget/ui/fixed_sidebar/images/corner_fee7f5b.png) no-repeat;position:absolute;right:-7px;top:16px}.record-content-wrap .record-content{width:190px;max-height:193px;margin-left:16px}.record-content-wrap .record-content .record-title{margin:14px 0;color:#999}.record-content-wrap .record-content .record-list-wrap{width:190px;max-height:160px;overflow:scroll;overflow-x:hidden;padding-right:10px}.record-content-wrap .record-content .record-list-wrap .record-list{width:180px}.record-content-wrap .record-content .record-list-wrap .record-list .record-one-item{width:180px;margin:14px 0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.record-content-wrap .record-content .record-list-wrap .record-list .record-one-item .ic{vertical-align:top}.record-content-wrap .record-content .record-list-wrap .record-list .record-one-item a{color:#333;outline:0;cursor:pointer;margin-left:3px}.record-content-wrap .record-content .record-list-wrap .record-list .record-one-item:first-child{margin-top:0}.video-container-wrap{display:none}.video-container-wrap .vip-container-wrap-video{width:218px;height:226px;background:url(//wkstatic.bdimg.com/static/wkcore/widget/ui/fixed_sidebar/images/video-bg_11b322f.png) no-repeat;position:absolute;top:0;left:-224px}.video-container-wrap .vip-container-wrap-video .wrap-body{margin:0 20px;overflow:hidden}.video-container-wrap .vip-container-wrap-video .wrap-body .title{font-size:14px;line-height:46px;border-bottom:1px solid #eee;color:#333}.video-container-wrap .vip-container-wrap-video .wrap-body .title .arrow-right{width:5px;height:9px;background:url(//wkstatic.bdimg.com/static/wkcore/widget/ui/fixed_sidebar/images/arrow_right_46a7629.png) no-repeat;position:absolute;right:22px;top:18px}.video-container-wrap .vip-container-wrap-video .wrap-body .title a{color:#333}.video-container-wrap .vip-container-wrap-video .wrap-body .video-wrapper{width:175px;height:121px;margin:10px 0;position:relative}.video-container-wrap .vip-container-wrap-video .wrap-body .video-wrapper .video-img img{width:175px;height:121px}.video-container-wrap .vip-container-wrap-video .wrap-body .video-wrapper .cover{width:100%;height:100%;position:absolute;left:0;top:0;background-color:#000;opacity:.2;filter:alpha(opacity=20)}.video-container-wrap .vip-container-wrap-video .wrap-body .video-wrapper .icon-text{width:92px;height:28px;line-height:28px;position:absolute;top:38px;left:38px}.video-container-wrap .vip-container-wrap-video .wrap-body .video-wrapper .icon-text .player-icon{width:26px;height:26px;background:url(//wkstatic.bdimg.com/static/wkcore/widget/ui/fixed_sidebar/images/player-small-icon_a5b86d5.png) no-repeat;float:left;margin-right:8px}.video-container-wrap .vip-container-wrap-video .wrap-body .video-wrapper .icon-text .text{color:#fff}.video-container-wrap .vip-container-wrap-video .wrap-body .video-wrapper .video-title{color:#fff;width:144px;height:14px;line-height:14px;position:absolute;left:16px;bottom:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 auto;text-align:center}.video-container-wrap .vip-container-wrap-video .wrap-body .video-wrapper .display{position:absolute;top:32px;left:67px}.video-container-wrap .vip-container-wrap-video .wrap-body .video-wrapper .display .player-button{width:41px;height:41px;background:url(//wkstatic.bdimg.com/static/wkcore/widget/ui/fixed_sidebar/images/player-button_c252f8f.png) no-repeat}.video-container-wrap .vip-container-wrap-video .wrap-body .video-btn{width:175px;height:30px;background-color:#37ac86;color:#fff;font-size:14px;text-align:center;line-height:30px}.video-container-wrap .vip-container-wrap-video .wrap-body .video-btn a{display:block;color:#fff}.fb-header-tips{color:#fff!important}