.case-details-content[data-v-250c786a]{display:flex;margin:0 auto;padding-bottom:60px;position:relative;width:1288px}.case-details-content .right-message[data-v-250c786a]{margin-left:80px;padding-top:138px;width:282px}.case-details-content .right-message .recommendations-case .l-24[data-v-250c786a]{margin-left:-24px}.case-details-content .right-message .recommendations-case .recommendations-change[data-v-250c786a]{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-250c786a]{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-250c786a]{color:#999;cursor:pointer;display:flex}.case-details-content .right-message .recommendations-case .recommendations-change .change img[data-v-250c786a]{display:block;height:16px;margin-left:8px;width:16px}.case-details-content .right-message .designer-content[data-v-250c786a]{background:#f5f5f5;border-radius:10px}.case-details-content .right-message .designer-content .introduction[data-v-250c786a]{padding-bottom:20px}.case-details-content .right-message .designer-content .introduction .designer-count .count[data-v-250c786a]{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-250c786a]{align-items:center;color:#999;display:flex;height:24px}.case-details-content .right-message .designer-content .introduction .designer-count .count .icon img[data-v-250c786a]{display:flex;height:24px;width:24px}.case-details-content .right-message .designer-content .introduction[data-v-250c786a] .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-250c786a] .designer-text.d-n{display:none}.case-details-content .right-message .designer-content a[data-v-250c786a]{-webkit-text-decoration:none;text-decoration:none}.case-details-content .right-message .designer-content .avatar-name[data-v-250c786a]{color:#333;display:flex;justify-content:center;line-height:60px;padding-top:20px}.case-details-content .right-message .designer-content .avatar-name[data-v-250c786a] .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-250c786a]{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-250c786a]{display:block;height:60px;width:60px}.case-details-content .right-message .designer-content .avatar-name span[data-v-250c786a]{font-family:MiSans,MiSans-600;font-weight:600}.case-details-content .case-details .related-materials-list[data-v-250c786a]{margin-top:80px}.case-details-content .case-details .related-materials-list[data-v-250c786a] ::-webkit-scrollbar-thumb{background-color:#ffcd36;border-radius:14px;height:10px}.case-details-content .case-details .related-materials-list[data-v-250c786a] ::-webkit-scrollbar-track{background-color:#f5f5f5;border-radius:14px;height:10px}.case-details-content .case-details .related-materials-list h5[data-v-250c786a]{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-250c786a]{margin-top:24px;overflow-x:scroll;padding-bottom:24px;position:relative}.case-details-content .case-details .related-materials-list .related-materials .flex[data-v-250c786a]{display:flex}.case-details-content .case-details .related-materials-list .related-materials a[data-v-250c786a]{margin-right:24px}.case-details-content .case-details .related-materials-list .related-materials img[data-v-250c786a]{display:block;height:210px;width:210px}.case-details-content .case-details .tab-time-list[data-v-250c786a]{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-250c786a]{height:20px;margin-right:16px;width:40px}.case-details-content .case-details .tab-time-list .label-tab[data-v-250c786a]{align-items:center;display:flex;font-size:12px;height:20px}.case-details-content .case-details .tab-time-list .label-tab .tab-list[data-v-250c786a]{color:#999}.case-details-content .case-details .tab-time-list .time[data-v-250c786a]{color:#999;font-size:12px}.case-details-content .case-details .title[data-v-250c786a]{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-250c786a]{position:relative}.case-details-content .dateils-rich-text[data-v-250c786a] img,.case-details-content .dateils-rich-text[data-v-250c786a] video{border-radius:10px;height:auto!important;max-width:100%!important;min-width:100%!important}.case-details-content .dateils-rich-text img[data-v-250c786a],.case-details-content .dateils-rich-text video[data-v-250c786a]{height:auto!important;max-width:100%!important;min-width:100%!important}.case-details-content .translate-text[data-v-250c786a]{color:#999;font-size:12px}.case-details-content .more-content[data-v-250c786a]{left:-88px;position:absolute;top:0;z-index:8}.case-details-content .more-content .stick-top[data-v-250c786a]{position:sticky;top:130px}.case-details-content .more-content .more-icon[data-v-250c786a]{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-250c786a]{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-250c786a]:hover{background-color:#ffcd36}[data-v-250c786a] .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-250c786a]{width:80px}.scan-wechat-ercode p[data-v-250c786a]{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-250c786a]{display:block;height:80px;margin-top:8px;width:80px}[data-v-250c786a] .el-tooltip__popper.is-dark,[data-v-250c786a] .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 .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 .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}