.Preview[data-v-4a3eb3cc]{width:100vw;height:100vh;position:fixed;top:0;left:0;background:rgba(0,0,0,.5);z-index:999;display:flex;align-items:center;justify-content:center}.Preview .preview-box[data-v-4a3eb3cc]{width:56.25rem;height:37.5rem;background:#fff;position:relative}.Preview .preview-box .close-icon[data-v-4a3eb3cc]{width:1.875rem;height:1.875rem;position:absolute;top:1.25rem;right:1.25rem;cursor:pointer}.Preview .preview-box .value-box[data-v-4a3eb3cc]{width:100%;height:100%;padding:3.125rem;box-sizing:border-box}.Preview .preview-box .value-box>img[data-v-4a3eb3cc],.Preview .preview-box .value-box>video[data-v-4a3eb3cc]{width:100%;height:100%;object-fit:contain}.message-tree[data-v-32fd0acd]{width:81.25rem;margin:auto;padding-top:1.25rem}.message-tree .top-banner[data-v-32fd0acd]{width:100%}.message-tree .content-box[data-v-32fd0acd]{padding:1.25rem 0}.message-tree .content-box>ul[data-v-32fd0acd]{display:flex;flex-direction:column}.message-tree .content-box>ul>li[data-v-32fd0acd]{cursor:pointer;display:flex;flex-direction:column;padding:.9375rem;background-color:#fff;border-radius:.625rem;margin-bottom:1.25rem;box-shadow:0 .25rem .875rem 0 rgba(0,0,0,.08)}.message-tree .content-box>ul>li[data-v-32fd0acd]:last-child{margin-bottom:0}.message-tree .content-box>ul>li p[data-v-32fd0acd]{font-size:1.375rem;font-weight:600;color:#000;margin-bottom:.9375rem}.message-tree .content-box>ul>li .bot[data-v-32fd0acd]{display:flex}.message-tree .content-box>ul>li .left[data-v-32fd0acd]{width:21.25rem;height:17.5rem;border:.0625rem solid #eee;flex-shrink:0}.message-tree .content-box>ul>li .left .pic[data-v-32fd0acd]{width:100%;height:100%;object-fit:contain;border-radius:.25rem}.message-tree .content-box>ul>li .right[data-v-32fd0acd]{flex:1;margin-left:1.25rem;display:flex;flex-direction:column}.message-tree .content-box>ul>li .right .title[data-v-32fd0acd]{font-size:1.125rem;color:#000;font-weight:600;margin-bottom:.5rem}.message-tree .content-box>ul>li .right .des[data-v-32fd0acd]{text-indent:2rem;color:#666}.message-tree .content-box>ul>li .right .time[data-v-32fd0acd]{color:#9a9a9b}.message-tree .content-box>ul>li .right .tab-bar[data-v-32fd0acd]{margin-top:1.25rem}.message-tree .content-box>ul>li .right .tab-bar span[data-v-32fd0acd]{cursor:pointer;display:inline-block;border-radius:.375rem;padding:.1875rem .625rem;color:#58a7b5;background-color:#e7f5f7;margin-right:.625rem}.message-tree .content-box>ul>li .right .tab-bar span.active[data-v-32fd0acd]{color:#fff;background-color:#58a7b5}.message-tree .content-box>ul>li .right .tab-bar span[data-v-32fd0acd]:last-child{margin-right:0}.message-tree .content-box>ul>li .right .carousel-box[data-v-32fd0acd]{display:flex;align-items:center;justify-content:space-between}.message-tree .content-box>ul>li .right .carousel-box .center-banner[data-v-32fd0acd]{width:51.875rem;height:10.625rem}.message-tree .content-box>ul>li .right .carousel-box .center-banner .work-list[data-v-32fd0acd]{display:flex;margin-top:.625rem}.message-tree .content-box>ul>li .right .carousel-box .center-banner .work-list>li[data-v-32fd0acd]{position:relative;width:12.4875rem;cursor:pointer;border-radius:.5rem;background:#fff;transition:.3s;margin:0 .625rem 0 0;padding-bottom:.625rem}.message-tree .content-box>ul>li .right .carousel-box .center-banner .work-list>li[data-v-32fd0acd]:nth-child(4n){margin-right:0}.message-tree .content-box>ul>li .right .carousel-box .center-banner .work-list>li .courseImg[data-v-32fd0acd]{width:100%;height:9.375rem;overflow-y:hidden;display:flex;align-items:center;border-radius:.5rem .5rem 0 0}.message-tree .content-box>ul>li .right .carousel-box .center-banner .work-list>li .courseImg img[data-v-32fd0acd],.message-tree .content-box>ul>li .right .carousel-box .center-banner .work-list>li .courseImg video[data-v-32fd0acd]{width:100%;height:100%;object-fit:cover}.message-tree .content-box>ul>li .right .carousel-box .center-banner .work-list>li .courseImg .video-wrapper[data-v-32fd0acd]{position:relative;width:100%;height:100%}.message-tree .content-box>ul>li .right .carousel-box .center-banner .work-list>li .courseImg .play-icon-overlay[data-v-32fd0acd]{width:3.125rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}.message-tree .content-box>ul>li .right .carousel-box .center-banner .work-list>li .courseDetail[data-v-32fd0acd]{width:100%;padding-top:.0625rem;border-bottom:.0625rem solid #f6f8fa}.message-tree .content-box>ul>li .right .carousel-box .center-banner .work-list>li .courseDetail .courseInfo[data-v-32fd0acd],.message-tree .content-box>ul>li .right .carousel-box .center-banner .work-list>li .courseDetail .courseTitle[data-v-32fd0acd]{color:#333;font-weight:500;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.message-tree .content-box>ul>li .right .carousel-box .center-banner .work-list>li .courseDetail .courseTitle[data-v-32fd0acd]{width:100%;font-size:1.125rem;line-height:1.5625rem;margin:1rem auto .5rem}.message-tree .content-box>ul>li .right .carousel-box .center-banner .work-list>li .courseDetail .courseInfo[data-v-32fd0acd]{width:100%;height:1.375rem;margin:auto;color:#666;font-size:1rem}.message-tree .content-box>ul>li .right .carousel-box .btns[data-v-32fd0acd]{width:1.875rem;height:1.875rem;background:#e6e6e6;border-radius:.1875rem;display:flex;align-items:center;justify-content:center;cursor:pointer;margin:0 .625rem 0 0;flex-shrink:0}.message-tree .content-box>ul>li .right .carousel-box .btns[data-v-32fd0acd]:last-child{margin:0 0 0 .625rem;transform:rotate(180deg)}.message-tree .content-box>ul>li .right .carousel-box .btns>img[data-v-32fd0acd]{width:1.0625rem;height:1.0625rem}