.comp-moment-item .ivu-tabs-bar{border:0!important}.comp-moment-item .ivu-tabs-tab{width:90px;text-align:center;border-bottom:1px solid #ddd!important;border-radius:4px!important;background:#fff!important;margin-right:6px!important;color:#616161}.comp-moment-item .img-upload-content .img-content{overflow:hidden;padding-right:60px}.comp-moment-item .img-upload-content .img-content .img-items{margin:0 6px 6px 0;float:left}.comp-moment-item .tips-words{font-size:12px;font-weight:400;color:#909090;line-height:17px;margin-bottom:10px}.comp-moment-item .ivu-tabs-tab-active{border-color:#00bc70!important}.comp-moment-item-edit .add-role{margin:-14px 0 24px 80px;font-size:12px;font-weight:400;color:#909090;line-height:17px;text-align:right}.comp-moment-item-edit .add-role .primary-color{color:var(--primary-color);cursor:pointer}.comp-moment-item-edit .moment-add-role .ivu-poptip-rel{font-size:12px}.comp-moment-preview{display:flex;width:100%;height:100%}.comp-moment-preview .preview-bg{width:268px;height:551px;margin-left:86px;margin-top:40px;background:url(../../static/img/phone-bg.48c8422c.png) no-repeat;background-size:cover;padding:67px 24px 50px}.comp-moment-preview .preview-bg .preview-content{width:100%;height:100%;display:flex;background:transparent}.comp-moment-preview .preview-bg .avator{width:39px;height:39px;margin-right:8px}.comp-moment-preview .preview-bg .avator img{width:39px;height:39px;border-radius:4px}.comp-moment-preview .preview-bg .role-info{width:170px;overflow:auto}.comp-moment-preview .preview-bg .role-info .role-name{font-size:15px;font-weight:700;color:#343434;line-height:18px;margin-bottom:10px}.comp-moment-preview .preview-bg .role-info .role-desc{font-size:14px;font-weight:400;color:#343434;line-height:20px;margin-bottom:12px;white-space:pre-wrap}.comp-moment-preview .preview-bg .role-info .role-imgs{overflow:hidden}.comp-moment-preview .preview-bg .role-info .role-imgs .img-item-one{max-width:183px;max-height:255px}.comp-moment-preview .preview-bg .role-info .role-imgs .img-item-content{overflow:hidden}.comp-moment-preview .preview-bg .role-info .role-imgs .img-item-content img{width:44px;height:44px;margin:0 3px 3px 0;float:left}.comp-moment-preview .preview-bg .role-info .role-video .role-video-content{position:relative;width:160px;height:100px;overflow:hidden}.comp-moment-preview .preview-bg .role-info .role-video .role-video-content img{width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}.comp-moment-preview .preview-bg .role-info .role-video .role-video-content div{position:absolute;top:50%;left:50%;margin-top:-15px;margin-left:-15px;z-index:10}.comp-moment-preview .preview-bg .role-info .role-video .role-video-content div svg{width:30px;height:30px;z-index:10}.comp-moment-item{display:flex;width:100%;height:100%}.comp-moment-item .edit-content{width:633px;height:100%;background:#fff;padding-right:99px}.comp-moment-item .preview-content-wrap{width:440px;height:100%;background:#fafafa;position:absolute;right:0;top:0}.com-smedia{display:flex}.com-smedia .media-wrap{display:flex;padding-left:4px;align-items:center;position:relative;cursor:pointer}.com-smedia .media-wrap .media-over{margin-right:4px}.com-smedia .media-wrap:hover .preview-btn{display:flex}.com-smedia .media-wrap .preview-btn{border-radius:4px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;cursor:pointer;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.4)}.com-smedia .media-wrap .preview-btn .icon-img{display:inline-block;width:20px;height:22px}.com-smedia .primary-color{color:var(--primary-color)}.com-smedia .media-item{width:36px;height:36px;margin-right:4px;display:flex;align-items:center;justify-content:center}.com-smedia .media-item .video-wrap{background-color:#000;position:relative}.com-smedia .media-item .video-wrap .play-icon{width:14px;height:14px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}.com-smedia .media-item .video-wrap,.com-smedia .media-item video{width:100%;height:100%}.com-smedia .media-item>img{max-height:36px;max-width:36px;height:auto;width:auto}.custom-images-preview{max-width:90vw}.custom-images-preview .ivu-modal-header{border:none}.custom-images-preview .ivu-modal-close{right:0;top:11px}.custom-images-preview .ivu-modal-close .ivu-icon:before{color:#fff;font-size:36px}.custom-images-preview .ivu-modal-close .ivu-icon:hover{background-color:hsla(0,0%,100%,.15)}.custom-images-preview .ivu-modal .ivu-modal-content{background-color:transparent!important;box-shadow:none!important}.saas-image-preview{display:inline-block;vertical-align:top;position:relative;border-radius:4px;background:#fafafa;overflow:hidden;line-height:0;font-size:0}.carousel-warp{position:relative}.carousel-warp .preview-dots{margin-top:8px;color:#fff}.preview-wrap{width:100%;height:100%;min-height:600px;display:flex;align-items:center;justify-content:center}.preview-wrap .media-preview-img{max-width:800px;max-height:600px}.preview-wrap .media-preview-video{width:800px;height:600px}.page-content-moment .moment-item-content .ivu-drawer-body{padding:32px 0 32px 80px!important}