.case-details-content[data-v-406e3dc7]{display:flex;margin:0 auto;padding-bottom:60px;position:relative;width:1288px}.case-details-content .right-message[data-v-406e3dc7]{margin-left:80px;padding-top:138px;width:282px}.case-details-content .right-message .recommendations-case .l-24[data-v-406e3dc7]{margin-left:-24px}.case-details-content .right-message .recommendations-case .recommendations-change[data-v-406e3dc7]{align-items:center;display:flex;height:16px;justify-content:space-between;padding-top:40px}.case-details-content .right-message .recommendations-case .recommendations-change h5[data-v-406e3dc7]{font-family:MiSans,MiSans-600;font-size:16px;font-weight:600;line-height:1em}.case-details-content .right-message .recommendations-case .recommendations-change .change[data-v-406e3dc7]{color:#999;cursor:pointer;display:flex}.case-details-content .right-message .recommendations-case .recommendations-change .change img[data-v-406e3dc7]{display:block;height:16px;margin-left:8px;width:16px}.case-details-content .right-message .designer-content[data-v-406e3dc7]{background:#f5f5f5;border-radius:10px}.case-details-content .right-message .designer-content .introduction[data-v-406e3dc7]{padding-bottom:20px}.case-details-content .right-message .designer-content .introduction .designer-count .count[data-v-406e3dc7]{align-items:center;display:flex;height:44px;justify-content:center;padding:0 34px}.case-details-content .right-message .designer-content .introduction .designer-count .count .icon[data-v-406e3dc7]{align-items:center;color:#999;display:flex;height:24px}.case-details-content .right-message .designer-content .introduction .designer-count .count .icon img[data-v-406e3dc7]{display:flex;height:24px;width:24px}.case-details-content .right-message .designer-content .introduction[data-v-406e3dc7] .designer-text{-webkit-box-orient:vertical;-webkit-line-clamp:3;color:#999;display:-webkit-box;font-size:12px;line-height:1.5;margin-bottom:0;max-height:4.5em;overflow:hidden;padding:0 20px;text-overflow:ellipsis}.case-details-content .right-message .designer-content .introduction[data-v-406e3dc7] .designer-text.d-n{display:none}.case-details-content .right-message .designer-content a[data-v-406e3dc7]{-webkit-text-decoration:none;text-decoration:none}.case-details-content .right-message .designer-content .avatar-name[data-v-406e3dc7]{color:#333;display:flex;justify-content:center;line-height:60px;padding-top:20px}.case-details-content .right-message .designer-content .avatar-name[data-v-406e3dc7] .ellipsis-name{max-width:180px;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap}.case-details-content .right-message .designer-content .avatar-name .avatar-img[data-v-406e3dc7]{border-radius:50%;height:60px;margin-right:10px;overflow:hidden;position:relative;width:60px}.case-details-content .right-message .designer-content .avatar-name .avatar-img img[data-v-406e3dc7]{display:block;height:60px;width:60px}.case-details-content .right-message .designer-content .avatar-name span[data-v-406e3dc7]{font-family:MiSans,MiSans-600;font-weight:600}.case-details-content .case-details .related-materials-list[data-v-406e3dc7]{margin-top:80px}.case-details-content .case-details .related-materials-list[data-v-406e3dc7] ::-webkit-scrollbar-thumb{background-color:#ffcd36;border-radius:14px;height:10px}.case-details-content .case-details .related-materials-list[data-v-406e3dc7] ::-webkit-scrollbar-track{background-color:#f5f5f5;border-radius:14px;height:10px}.case-details-content .case-details .related-materials-list h5[data-v-406e3dc7]{font-family:MiSans,MiSans-600;font-size:24px;font-weight:600;line-height:1em}.case-details-content .case-details .related-materials-list .related-materials[data-v-406e3dc7]{margin-top:24px;overflow-x:scroll;padding-bottom:24px;position:relative}.case-details-content .case-details .related-materials-list .related-materials .flex[data-v-406e3dc7]{display:flex}.case-details-content .case-details .related-materials-list .related-materials a[data-v-406e3dc7]{margin-right:24px}.case-details-content .case-details .related-materials-list .related-materials img[data-v-406e3dc7]{display:block;height:210px;width:210px}.case-details-content .case-details .tab-time-list[data-v-406e3dc7]{align-items:center;display:flex;height:20px;justify-content:space-between;padding-bottom:40px}.case-details-content .case-details .tab-time-list .label[data-v-406e3dc7]{height:20px;margin-right:16px;width:40px}.case-details-content .case-details .tab-time-list .label-tab[data-v-406e3dc7]{align-items:center;display:flex;font-size:12px;height:20px}.case-details-content .case-details .tab-time-list .label-tab .tab-list[data-v-406e3dc7]{color:#999}.case-details-content .case-details .tab-time-list .time[data-v-406e3dc7]{color:#999;font-size:12px}.case-details-content .case-details .title[data-v-406e3dc7]{font-family:MiSans,MiSans-600;font-size:24px;font-weight:600;line-height:1.5em;margin-bottom:0;padding-bottom:8px;padding-top:10px}.case-details-content .dateils-rich-text[data-v-406e3dc7]{position:relative}.case-details-content .dateils-rich-text[data-v-406e3dc7] img,.case-details-content .dateils-rich-text[data-v-406e3dc7] video{border-radius:10px;height:auto!important;max-width:100%!important;min-width:100%!important}.case-details-content .dateils-rich-text[data-v-406e3dc7] table{border-collapse:collapse;max-width:100%;table-layout:auto;width:100%!important}.case-details-content .dateils-rich-text[data-v-406e3dc7] table.rich-text-image-table tbody{display:block;width:100%}.case-details-content .dateils-rich-text[data-v-406e3dc7] table tr.rich-text-image-row{align-items:flex-start;display:flex;width:100%}.case-details-content .dateils-rich-text[data-v-406e3dc7] table td,.case-details-content .dateils-rich-text[data-v-406e3dc7] table th{padding:0;text-align:center;vertical-align:middle}.case-details-content .dateils-rich-text[data-v-406e3dc7] table tr.rich-text-image-row td,.case-details-content .dateils-rich-text[data-v-406e3dc7] table tr.rich-text-image-row th{display:block;flex:0 0 auto}.case-details-content .dateils-rich-text[data-v-406e3dc7] table td img,.case-details-content .dateils-rich-text[data-v-406e3dc7] table th img{border-radius:0!important;height:auto!important;max-width:100%!important;min-width:0!important;width:100%!important}.case-details-content .dateils-rich-text img[data-v-406e3dc7],.case-details-content .dateils-rich-text video[data-v-406e3dc7]{height:auto!important;max-width:100%!important;min-width:100%!important}.case-details-content .translate-text[data-v-406e3dc7]{color:#999;font-size:12px}.case-details-content .more-content[data-v-406e3dc7]{left:-88px;position:absolute;top:0;z-index:8}.case-details-content .more-content .stick-top[data-v-406e3dc7]{position:sticky;top:130px}.case-details-content .more-content .more-icon[data-v-406e3dc7]{align-items:center;background:#fff;border-radius:10px;box-shadow:0 0 10px 0 rgba(0,0,0,.1);cursor:pointer;display:flex;height:48px;justify-content:center;margin-bottom:20px;width:48px}.case-details-content .more-content .more-icon img[data-v-406e3dc7]{display:block;height:24px!important;max-width:24px!important;min-width:24px!important;width:24px!important}.case-details-content .more-content .more-icon[data-v-406e3dc7]:hover{background-color:#ffcd36}[data-v-406e3dc7] .el-popover{background:#fff;border-radius:6px;box-shadow:0 0 10px 0 rgba(0,0,0,.25);height:133px;min-width:104px}.scan-wechat-ercode[data-v-406e3dc7]{width:80px}.scan-wechat-ercode p[data-v-406e3dc7]{border-bottom:1px solid #eee;font-size:12px;line-height:1em;margin-top:0;padding-bottom:8px;text-align:center}.scan-wechat-ercode img[data-v-406e3dc7]{display:block;height:80px;margin-top:8px;width:80px}[data-v-406e3dc7] .el-tooltip__popper.is-dark,[data-v-406e3dc7] .tooltip-ellipsis{max-width:300px!important}.content-with-marks{position:relative;width:100%}.content-with-marks .rendered-content a,.content-with-marks .rendered-content em,.content-with-marks .rendered-content h1,.content-with-marks .rendered-content h2,.content-with-marks .rendered-content h3,.content-with-marks .rendered-content h4,.content-with-marks .rendered-content h5,.content-with-marks .rendered-content h6,.content-with-marks .rendered-content p,.content-with-marks .rendered-content span,.content-with-marks .rendered-content strong,.content-with-marks .rendered-content u{background-color:transparent!important;color:#333!important;font-family:MiSans,MiSans-400!important;font-size:14px!important;font-style:normal!important;font-weight:400!important;line-height:1.5em!important;margin-bottom:0!important;margin-top:0!important;padding-bottom:20px!important;text-align:left!important;-webkit-text-decoration:none!important;text-decoration:none!important}.content-with-marks .rendered-content table{border-collapse:collapse;max-width:100%;table-layout:auto;width:100%!important}.content-with-marks .rendered-content table.rich-text-image-table tbody{display:block;width:100%}.content-with-marks .rendered-content table tr.rich-text-image-row{align-items:flex-start;display:flex;width:100%}.content-with-marks .rendered-content table td,.content-with-marks .rendered-content table th{padding:0;text-align:center;vertical-align:middle}.content-with-marks .rendered-content table tr.rich-text-image-row td,.content-with-marks .rendered-content table tr.rich-text-image-row th{display:block;flex:0 0 auto}.content-with-marks .rendered-content table td img,.content-with-marks .rendered-content table th img{border-radius:0!important;display:block;height:auto!important;margin:0 auto;max-width:100%!important;min-width:0!important;-o-object-fit:contain;object-fit:contain;width:100%!important}.content-with-marks .image-mark-container{display:inline-block;position:relative;width:100%}.content-with-marks .image-mark-container img{border-radius:10px;display:block;height:auto;width:100%}.content-with-marks .image-mark-container .mark-point{align-items:center;animation:pulse 1.5s ease-in-out infinite;background:hsla(0,0%,100%,.2);border:8px solid rgba(0,0,0,.2);border-radius:50%;cursor:pointer;display:flex;height:30px;justify-content:center;position:absolute;transform:translate(-50%,-50%);transform:translate(-50%,-50%) scale(.8);width:30px;z-index:10}.content-with-marks .image-mark-container .mark-point:after{background-color:rgba(255,205,54,.8);border:3px solid #fff;border-radius:50%;content:"";cursor:pointer;height:10px;width:10px;z-index:100}.content-with-marks .image-mark-container .mark-point:hover{animation:none;transform:translate(-50%,-50%) scale(1);z-index:999}.content-with-marks .image-mark-container .mark-point:hover:after{background-color:rgba(255,205,54,.8);border:3px solid #fff;border-radius:50%;content:"";cursor:pointer;height:10px;width:10px;z-index:100}.content-with-marks .image-mark-container .mark-point:hover .mark-popup{display:block;scale:1;z-index:10}.content-with-marks .image-mark-container .mark-point:hover .mark-popup:before{animation:fadeIn .3s ease-in-out forwards;opacity:0}.content-with-marks .image-mark-container .mark-point:hover .mark-popup:after{animation:fadeIn .7s ease-in-out forwards;opacity:0}.content-with-marks .image-mark-container .mark-point:hover .mark-popup .popup-link{animation:fadeIn 1s ease-in-out .3s forwards;opacity:0}.content-with-marks .image-mark-container .mark-popup{display:none;left:0;padding-bottom:54px;padding-left:42px;position:absolute;top:-344px;transition:transform 1s;z-index:10}.content-with-marks .image-mark-container .mark-popup:before{background-color:#fff;bottom:30px;content:"";height:2px;left:0;left:8px;opacity:1;position:absolute;transform:rotate(-45deg);width:40px}.content-with-marks .image-mark-container .mark-popup:after{background-color:#fff;bottom:44px;content:"";height:2px;left:0;left:42px;opacity:1;position:absolute;width:100px}.content-with-marks .image-mark-container .mark-popup .popup-link{background:#fff;border-radius:6px;box-shadow:10px 10px 20px 0 rgba(0,0,0,.2);box-sizing:border-box;color:inherit;cursor:pointer;display:block;height:320px;opacity:1;-webkit-text-decoration:none;text-decoration:none;width:320px}.content-with-marks .image-mark-container .mark-popup .popup-content{height:320px;position:relative;width:320px}.content-with-marks .image-mark-container .mark-popup .popup-content .popup-text{background:#fff;border-radius:4px;bottom:10px;box-shadow:-4px 4px 10px 0 rgba(0,0,0,.2);box-sizing:border-box;height:54px;left:10px;padding:12px;position:absolute;width:96px;z-index:1}.content-with-marks .image-mark-container .mark-popup .popup-content .popup-title{color:#000;font-family:MiSans,MiSans-500;font-size:14px;font-weight:500;line-height:1;overflow:hidden;text-align:LEFT;text-overflow:ellipsis;white-space:nowrap}.content-with-marks .image-mark-container .mark-popup .popup-content .popup-brand{color:#999;font-family:MiSans,MiSans-400;font-size:12px;font-weight:400;line-height:1;margin-top:8px;overflow:hidden;text-align:LEFT;text-overflow:ellipsis;white-space:nowrap}.content-with-marks .image-mark-container .mark-popup .popup-content .popup-image{border-radius:6px;height:320px;width:320px}.content-with-marks .image-mark-container .mark-popup .popup-content .popup-image img{border-radius:6px;max-height:100%;max-width:100%;width:auto}.content-with-marks-new{position:relative;width:100%}.content-with-marks-new .rendered-content table{border-collapse:collapse;max-width:100%;table-layout:auto;width:100%!important}.content-with-marks-new .rendered-content table.rich-text-image-table tbody{display:block;width:100%}.content-with-marks-new .rendered-content table tr.rich-text-image-row{align-items:flex-start;display:flex;width:100%}.content-with-marks-new .rendered-content table td,.content-with-marks-new .rendered-content table th{padding:0;text-align:center;vertical-align:middle}.content-with-marks-new .rendered-content table tr.rich-text-image-row td,.content-with-marks-new .rendered-content table tr.rich-text-image-row th{display:block;flex:0 0 auto}.content-with-marks-new .rendered-content table td img,.content-with-marks-new .rendered-content table th img{border-radius:0!important;display:block;height:auto!important;margin:0 auto;max-width:100%!important;min-width:0!important;-o-object-fit:contain;object-fit:contain;width:100%!important}.content-with-marks-new .image-mark-container-new{display:inline-block;position:relative;width:100%}.content-with-marks-new .image-mark-container-new img{border-radius:10px;display:block;height:auto;width:100%}.content-with-marks-new .image-mark-container-new .mark-point-new{align-items:center;animation:pulse 1.5s ease-in-out infinite;background:hsla(0,0%,100%,.2);border:8px solid rgba(0,0,0,.2);border-radius:50%;cursor:pointer;display:flex;height:30px;justify-content:center;position:absolute;transform:translate(-50%,-50%);transform:translate(-50%,-50%) scale(.8);width:30px;z-index:10}.content-with-marks-new .image-mark-container-new .mark-point-new:after{background-color:rgba(255,205,54,.8);border:3px solid #fff;border-radius:50%;content:"";cursor:pointer;height:10px;width:10px;z-index:100}.content-with-marks-new .image-mark-container-new .mark-point-new:hover{animation:none;transform:translate(-50%,-50%) scale(1);z-index:999}.content-with-marks-new .image-mark-container-new .mark-point-new:hover:after{background-color:rgba(255,205,54,.8);border:3px solid #fff;border-radius:50%;content:"";cursor:pointer;height:10px;width:10px;z-index:100}.content-with-marks-new .image-mark-container-new .mark-point-new:hover .mark-popup-new{display:block;scale:1;z-index:10}.content-with-marks-new .image-mark-container-new .mark-point-new:hover .mark-popup-new:before{animation:fadeIn .3s ease-in-out forwards;opacity:0}.content-with-marks-new .image-mark-container-new .mark-point-new:hover .mark-popup-new:after{animation:fadeIn .7s ease-in-out forwards;opacity:0}.content-with-marks-new .image-mark-container-new .mark-point-new:hover .mark-popup-new .popup-link{animation:fadeIn 1s ease-in-out .3s forwards;opacity:0}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(.8)}50%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,-50%) scale(.8)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.content-with-marks-new .image-mark-container-new .mark-popup-new{display:none;left:0;padding-bottom:54px;padding-left:42px;position:absolute;top:-344px;transition:transform 1s;z-index:10}.content-with-marks-new .image-mark-container-new .mark-popup-new:before{background-color:#fff;bottom:30px;content:"";height:2px;left:0;left:8px;opacity:1;position:absolute;transform:rotate(-45deg);width:40px}.content-with-marks-new .image-mark-container-new .mark-popup-new:after{background-color:#fff;bottom:44px;content:"";height:2px;left:0;left:42px;opacity:1;position:absolute;width:100px}.content-with-marks-new .image-mark-container-new .mark-popup-new .popup-link{background:#fff;border-radius:6px;box-shadow:10px 10px 20px 0 rgba(0,0,0,.2);box-sizing:border-box;color:inherit;cursor:pointer;display:block;height:320px;opacity:1;-webkit-text-decoration:none;text-decoration:none;width:320px}.content-with-marks-new .image-mark-container-new .mark-popup-new .popup-content{height:320px;position:relative;width:320px}.content-with-marks-new .image-mark-container-new .mark-popup-new .popup-content .popup-text{background:#fff;border-radius:4px;bottom:10px;box-shadow:-4px 4px 10px 0 rgba(0,0,0,.2);box-sizing:border-box;height:54px;left:10px;padding:12px;position:absolute;width:96px;z-index:1}.content-with-marks-new .image-mark-container-new .mark-popup-new .popup-content .popup-title{color:#000;font-family:MiSans,MiSans-500;font-size:14px;font-weight:500;line-height:1;overflow:hidden;text-align:LEFT;text-overflow:ellipsis;white-space:nowrap}.content-with-marks-new .image-mark-container-new .mark-popup-new .popup-content .popup-brand{color:#999;font-family:MiSans,MiSans-400;font-size:12px;font-weight:400;line-height:1;margin-top:8px;overflow:hidden;text-align:LEFT;text-overflow:ellipsis;white-space:nowrap}.content-with-marks-new .image-mark-container-new .mark-popup-new .popup-content .popup-image{border-radius:6px;height:320px;width:320px}.content-with-marks-new .image-mark-container-new .mark-popup-new .popup-content .popup-image img{border-radius:6px;max-height:100%;max-width:100%;width:auto}