.help-left{width:200px;float:left;height:calc(100vh - 65px);padding-top:20px}.help-left,.help-left .sideBar{background:#ebebeb;position:relative}.help-left .sideBar{padding:0!important}.help-left .sideBar .leftNav .item{height:50px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;color:#fff;font-size:15px;margin:0 20px;padding:0 10px;cursor:pointer;border-radius:4px}.help-left .sideBar .leftNav .item i{color:#12d4c9}.help-left .sideBar .leftNav .item .name{padding-left:10px}.help-left .sideBar .leftNav .item:hover{background-image:-webkit-gradient(linear,left top,right top,from(#12d4c9),to(rgba(18,212,201,.2)));background-image:linear-gradient(90deg,#12d4c9,rgba(18,212,201,.2))}.help-left .sideBar .leftNav .item:hover i{color:#fff}.help-left .sideBar .leftNav .active{background-image:-webkit-gradient(linear,left top,right top,from(#12d4c9),to(rgba(18,212,201,.2)));background-image:linear-gradient(90deg,#12d4c9,rgba(18,212,201,.2))}.help-left .sideBar .leftNav .active i{color:#fff}.help-right{height:calc(100vh - 64px);overflow:hidden;overflow-y:auto;padding:13px;background:#fff;background-clip:content-box;border-radius:4px}.help-right ul{padding:0 15px}.help-right ul li{border-bottom:1px dashed #ccc;padding:10px 0}.help-right ul li div{overflow:hidden}.help-right ul li div p:first-child{width:20px;height:20px;font-size:14px;text-align:center;line-height:20px;background:#f66;color:#fff;float:left;word-break:normal;white-space:pre-warp;word-wrap:break-word}.help-right ul li div p:nth-child(2){width:calc(100% - 30px)}.help-right ul li div p.title,.help-right ul li div p:nth-child(2){color:#333;line-height:20px;float:right;word-break:normal;white-space:pre-warp;word-wrap:break-word}.help-right ul li div p.title{width:100%;text-align:left;background-color:#fff}.help-right ul li div:nth-child(2){margin-top:10px}.help-right ul li div:nth-child(2) p:first-child{width:20px;height:20px;font-size:14px;text-align:center;line-height:20px;background:#12d4c9;color:#fff}.help-right ul li div:nth-child(2) p:nth-child(2){color:#999;line-height:20px}.help-right ul li div:nth-child(2) p.content{width:100%;height:auto;color:#999;line-height:20px;text-align:left;background:#fff;white-space:pre-line}.help-right .video{width:100%;padding-right:20px}.help-right .video .video-item{width:100%;padding-left:20px;padding-top:20px}.help-right .video .video-item>div{width:calc(25% - 10px);float:left}.help-right .video .video-item>div:nth-child(2) .header-img{background-image:url(https://file.xlmediawatch.com/reportFile/asslog/vediogj.png)}.help-right .video .video-item>div:nth-child(3) .header-img{background-image:url(https://file.xlmediawatch.com/reportFile/asslog/vediobz.png)}.help-right .video .video-item>div:nth-child(4) .header-img{background-image:url(https://file.xlmediawatch.com/reportFile/asslog/vediomonitor.png)}.help-right .video .video-item .header-img{background-image:url(https://file.xlmediawatch.com/reportFile/asslog/9593/bannersimg.png);height:152px;width:100%;background-size:100% 100%;border-radius:4px 4px 0 0;position:relative}.help-right .video .video-item .header-img .header-img-mask{position:absolute;top:0;left:0;bottom:0;right:0;background-color:rgba(55,55,55,.4)}.help-right .video .video-item .header-img .header-img-mask .header-img-mask-icon{width:100%;height:100%;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center}.help-right .video .video-item .header-img .header-img-mask .header-img-mask-icon i.icon{width:60px;height:60px;border-radius:50%;cursor:pointer;background-color:rgba(55,55,55,.4);display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;color:#fff;font-size:30px}.help-right .video .video-item .container-help{background-color:#fff;border-radius:0 0 4px 4px;padding:20px 10px}.video-Modal .ivu-modal-close{top:0}