.up-site-comment{width:800px;margin-bottom:30px}.up-site-comment .comment{position:relative}.up-site-comment .comment-cont{width:800px;margin-bottom:30px;border-radius:12px;overflow:hidden}.up-site-comment .comment-cont .up-site-bz-comment__input-ta{border-radius:12px}.up-site-comment .comment-cont .up-site-bz-comment__list-empty-pic{width:96px;height:96px;margin-bottom:12px;background-image:url(//qhstaticssl.kujiale.com/image/png/1665561031968/63092B9241CB2E4AA67EA8D407E482B9.png?x-oss-process=image%2Fresize%2Cm_fill%2Cw_96%2Ch_96%2Fformat%2Cwebp)!important}@media screen and (max-width:1500px){.up-site-comment,.up-site-comment .comment-cont{width:660px}}kjl-center-state{position:absolute}@-webkit-keyframes animate{0%{opacity:1}to{transform:scale(2);opacity:0}}@keyframes animate{0%{opacity:1}to{transform:scale(2);opacity:0}}@-webkit-keyframes loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}kjl-center-state-correct,kjl-center-state-error,kjl-center-state-loading,kjl-center-state-tip{display:none}kjl-center-state.correct kjl-center-state-correct,kjl-center-state.error kjl-center-state-error,kjl-center-state.loading kjl-center-state-loading,kjl-center-state.tip kjl-center-state-tip{display:inline-block}kjl-center-state-correct{width:104px;height:104px}kjl-center-state-tip{position:absolute;left:26px;bottom:26px;width:52px;height:52px;border-radius:26px;background:rgba(0,0,0,.5);-webkit-animation:animate .5s linear 1 normal forwards;animation:animate .5s linear 1 normal forwards}kjl-center-state.play span{background-image:url(https://qhstaticssl.kujiale.com/newt/100623/image/svgxml/1626082374223/play.svg)}kjl-center-state.pause span{background-image:url(https://qhstaticssl.kujiale.com/newt/100623/image/svgxml/1626082373135/pause.svg)}kjl-center-state.back span{background-image:url(https://qhstaticssl.kujiale.com/newt/100623/image/svgxml/1626082374212/back.svg)}kjl-center-state.forward span{background-image:url(https://qhstaticssl.kujiale.com/newt/100623/image/svgxml/1626082373122/forward.svg)}kjl-center-state.volume-high span{background-image:url(https://qhstaticssl.kujiale.com/newt/100623/image/svgxml/1626082373131/volume-high.svg)}kjl-center-state.volume-low span{background-image:url(https://qhstaticssl.kujiale.com/newt/100623/image/svgxml/1626082374206/volume-low.svg)}kjl-center-state-tip span{display:inline-block;width:24px;height:24px;margin:14px;background-origin:content-box;background-size:auto 100%;background-repeat:no-repeat;background-position:50%;box-sizing:content-box;box-sizing:initial}kjl-center-state.play span{background-position:110% 50%}kjl-center-state-loading{width:48px;height:48px;padding:16px;background-image:url(https://qhstaticssl.kujiale.com/newt/100312/image/svgxml/1626167239457/loading.svg);background-origin:content-box;background-size:auto 100%;background-repeat:no-repeat;background-position:50%;background-color:rgba(0,0,0,.5);border-radius:50%;-webkit-animation:loading 1.2s linear infinite;animation:loading 1.2s linear infinite}kjl-center-state-error{display:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:180px;font-size:16px;z-index:9;color:#ffcf00;text-shadow:0 0 3px red;font-weight:100;text-align:center}*{margin:0;padding:0}body{width:100%;height:100%}#wrapper{position:relative;display:block;height:800px}video{width:100%;height:100%;display:block;background-color:#000}video:active,video:focus{outline:none}container{position:relative}container,video{display:block;width:100%;height:100%;background:#000;outline:none}video:focus{outline:none}:root{--barColor:#78a7f9;--trackColor:rgba(0,0,0,0.2)}.kjl-flex-component svg:hover g,.kjl-flex-component svg g{fill:#fff;stroke:#fff}kjl-clarity-list,kjl-control-state-pause,kjl-control-state-play,kjl-playbackrate-list,kjl-progressbar-tip,kjl-screen-full,kjl-screen-small,kjl-volume-state-high,kjl-volume-state-low,kjl-volume-state-mute{display:none}kjl-control.full kjl-screen-full,kjl-control.pause kjl-control-state-pause,kjl-control.play kjl-control-state-play,kjl-control.small kjl-screen-small,kjl-volume.high kjl-volume-state-high,kjl-volume.low kjl-volume-state-low,kjl-volume.mute kjl-volume-state-mute{display:inline-block;width:2em;height:100%}kjl-control{display:block;height:100%;line-height:3.75em;font-size:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;font-family:Roboto,Arial,Helvetica,sans-serif;transition:visibility .5s ease}kjl-control,kjl-control-wrap{position:absolute;bottom:0;left:0;width:100%}kjl-control-wrap{height:3.75em;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:flex-start;background:rgba(0,0,0,.5);transition:bottom .5s ease;pointer-events:auto;box-sizing:content-box}kjl-control-wrap.progressbar-layout-top{padding-top:.75em}.kjl-flex-component{order:1;flex-grow:0;height:3.75em;cursor:pointer}.kjl-flex-component svg{vertical-align:middle;width:1.5em;height:1.5em}kjl-control-state.kjl-flex-component{flex-basis:3em;text-align:right;margin-right:1em}kjl-control-state .left,kjl-control-state .right{transition:d .2s ease-in-out}kjl-progresstime.kjl-flex-component{padding-top:.125em;color:#fff;font-weight:400;text-align:center;white-space:nowrap}kjl-progresstime-pass,kjl-progresstime-total{display:inline}kjl-progresstime-divide,kjl-progresstime-total-value{color:#999}kjl-progressbar.kjl-flex-component{position:relative;flex-grow:1}kjl-progressbar-wrap{display:inline-block;height:.5625em;position:absolute;left:1em;right:1em;top:2em;pointer-events:none}.kjl-progressbar-line{position:absolute;top:3px;left:0;display:inline-block;height:3px;transition:height .2s ease}kjl-progressbar-bg{width:100%;background:rgba(0,0,0,.2);background:var(--trackColor)}kjl-progressbar-buffer{width:0;background:#6f6f6f}kjl-progressbar-all{background:#78a7f9;background:var(--barColor)}kjl-progressbar-ball{opacity:0;content:"";position:absolute;right:-.4em;top:-.1em;display:inline-block;width:.8em;height:.8em;border-radius:.8em;background:#fff;pointer-events:none}kjl-progressbar.progressbar-layout-top{position:static}kjl-progressbar.progressbar-layout-top kjl-progressbar-wrap{top:0;height:20px;left:1.25em;right:1.25em}kjl-progressbar.progressbar-layout-top .kjl-progressbar-line{left:0;top:auto;bottom:.5em}kjl-progressbar-wrap:hover kjl-progressbar-ball{opacity:1}kjl-progressbar-wrap:hover .kjl-progressbar-line{height:10px;border-radius:100px}kjl-progressbar-tip{position:absolute;bottom:.5em;top:-1.5em;left:0;z-index:10;padding:0 .5em;height:1.5em;background:#fff;line-height:1.5em;border-radius:4px;color:#000;text-align:center}kjl-volume.kjl-flex-component{cursor:pointer;padding:0;flex-basis:7em;white-space:nowrap;margin-right:1em;position:relative}kjl-volume.kjl-flex-component.vertical{padding-right:1em;flex-basis:2em}kjl-volume-state{display:inline-block;width:2em;vertical-align:top}kjl-volume .line,kjl-volume .ring1,kjl-volume .ring2{stroke-dasharray:150;stroke-dashoffset:150;transition:stroke-dashoffset .7s ease-in-out}kjl-volume.high .ring1,kjl-volume.high .ring2,kjl-volume.low .ring2,kjl-volume.mute .line,kjl-volume.mute .ring1,kjl-volume.mute .ring2{stroke-dashoffset:0}kjl-volume.vertical:hover kjl-volume-bar{display:inline-block}kjl-volume.vertical kjl-volume-bar{position:absolute;top:-7em;left:-.2em;width:2em;height:6.875em;padding-bottom:3em;display:none;vertical-align:middle}kjl-volume.vertical kjl-volume-bar:before{content:"";position:absolute;left:0;right:0;top:0;bottom:1em;background:#212121;border-radius:4px}kjl-volume.vertical kjl-volume-bar-wrap{display:inline-block;position:absolute;bottom:1em;left:0;top:1em;right:0;height:4em}kjl-volume.vertical kjl-volume-bar-all,kjl-volume.vertical kjl-volume-bar-bg{position:absolute;bottom:0;left:1em;display:inline-block;width:.5625em;border-radius:4px}kjl-volume.vertical kjl-volume-bar-bg{height:4em;background:rgba(0,0,0,.2);background:var(--trackColor);opacity:.5}kjl-volume.vertical kjl-volume-bar-all{background:#78a7f9;background:var(--barColor)}kjl-volume.vertical kjl-volume-bar-all:after{position:absolute;right:-.34em;top:-.4em;display:inline-block;width:.8em;height:.8em;border-radius:.8em;background:#fff;pointer-events:none}kjl-volume.horizonal kjl-volume-bar{position:relative;height:1.28em;width:6.875em;display:inline-block;vertical-align:middle}kjl-volume.horizonal kjl-volume-bar-all,kjl-volume.horizonal kjl-volume-bar-bg{position:absolute;top:.4em;left:0;display:inline-block;height:.5625em;border-radius:6.25em}kjl-volume.horizonal kjl-volume-bar-bg{width:6.875em;background:rgba(0,0,0,.2);background:var(--trackColor);opacity:.5}kjl-volume.horizonal kjl-volume-bar-all{background:#fff}kjl-volume.horizonal kjl-volume-bar-all:after{position:absolute;right:-.4em;top:-.3em;display:inline-block;width:.8em;height:.8em;border-radius:.8em;background:#fff;pointer-events:none}kjl-screen.kjl-flex-component{flex-basis:3em;text-align:left}kjl-clarity.kjl-flex-component,kjl-playbackrate.kjl-flex-component{position:relative;color:#fff;width:6em;height:3.75em;padding:0;text-align:center;vertical-align:middle;font-size:16px;margin-right:1.5em}kjl-clarity.kjl-flex-component:hover kjl-clarity-list,kjl-playbackrate.kjl-flex-component:hover kjl-playbackrate-list{display:inline-block}kjl-clarity.kjl-flex-component svg,kjl-playbackrate.kjl-flex-component svg{width:auto;height:auto}kjl-clarity-list,kjl-playbackrate-list{position:absolute;left:0;bottom:3.75em;width:100%;opacity:.8;box-sizing:content-box;line-height:0;border-radius:2px 2px 0 0;border:1px solid hsla(0,0%,100%,.2)}kjl-clarity-list ul,kjl-playbackrate-list ul{margin:0;padding:.5em 0;background:rgba(0,0,0,.8);line-height:2em}kjl-clarity-list li,kjl-playbackrate-list li{list-style-type:none}kjl-clarity-list li.active,kjl-clarity-list li:hover,kjl-playbackrate-list li.active,kjl-playbackrate-list li:hover{color:#78a7f9;color:var(--barColor)}kjl-clarity-list-arrow,kjl-playbackrate-list-arrow{position:absolute;bottom:1.5em;width:100%}.design-tags{margin-bottom:24px;padding:30px 32px 32px;background-color:#fff;border-radius:12px}.design-tags .header{display:flex;align-items:center;justify-content:space-between}.design-tags .header .title{color:#333}.design-tags .tags-list{margin-top:16px;margin-bottom:-12px}.design-tags .tags-list .tag{cursor:default;margin-left:0;margin-bottom:12px}.design-tags .tags-list .tag:not(:last-child){margin-right:8px}.main-img{height:100%;width:100%;position:absolute;-o-object-fit:cover;object-fit:cover;background-color:#fff;top:0;left:0}.main-img--loading{visibility:hidden}.main-img--contain{-o-object-fit:contain;object-fit:contain}.entry-link{position:absolute;top:24px;right:24px;display:flex;align-items:center;height:36px;padding:0 16px;background:rgba(49,52,56,.7);border-radius:8px;cursor:pointer;transition:all .1s ease;color:#fff;font-size:16px;font-weight:700;text-align:center}.entry-link:hover{background-color:rgba(0,0,0,.7);color:#fff}.link-icon{width:20px;height:16px;margin-right:4px}.ai-guide{position:absolute;top:72px;right:24px;background-color:#fff;border-radius:8px;box-shadow:4px 4px 12px 0 rgba(96,101,108,.12);transition:opacity .3s ease-in-out}.ai-guide-img{width:360px;height:240px;border-radius:8px 8px 0 0}.ai-guide-close{position:absolute;right:12px;top:12px;color:#aeb2b7;font-size:14px}.ai-guide-close:hover{cursor:pointer;color:#fff}.ai-guide-content{padding:16px 20px}.ai-guide-tips{margin-top:2px}.ai-guide-action{padding:0 20px 20px;text-align:right}.dwork-detail-swiper{border-radius:12px;box-shadow:0 0 24px 0 hsla(0,0%,60%,.08);overflow:hidden;width:100%}.dwork-detail-swiper_main{position:relative;height:648px}.dwork-detail-swiper_main .main-swipe{height:100%}.dwork-detail-swiper_main .pano-link{position:absolute;top:24px;right:24px;display:flex;align-items:center;height:36px;padding:0 16px;background:rgba(49,52,56,.7);border-radius:8px;cursor:pointer;transition:all .1s ease;color:#fff;font-size:16px;font-weight:700;text-align:center}.dwork-detail-swiper_main .pano-link:hover{background-color:rgba(0,0,0,.7)}.dwork-detail-swiper_main .dwork-collect-topic{position:absolute;top:20px;left:20px}.dwork-detail-swiper_main .link-icon{width:20px;height:16px;margin-right:4px}.dwork-detail-swiper .index-container{position:relative;height:151px;padding:20px 56px 29px;box-sizing:border-box;background-color:#fff;display:flex;align-items:center;justify-content:center}.dwork-detail-swiper .index-container .index-swipe{height:102px}.dwork-detail-swiper .index-container .index-swipe .index--img-wrap{display:inline}.dwork-detail-swiper .index-container .index-swipe .index-img{height:102px;width:180px!important;cursor:pointer;position:relative}.dwork-detail-swiper .index-container .index-swipe .index-img>img{width:100%;height:100%;border-radius:12px;position:absolute}.dwork-detail-swiper .index-container .index-swipe .index-img_selected:after{box-sizing:border-box;content:"";display:block;height:100%;width:100%;border:2px solid #1a7af8;border-radius:12px;position:absolute}@media screen and (max-width:1500px){.dwork-detail-swiper_main{height:570px}.dwork-detail-swiper .index-container{height:140px;padding:20px 38.5px 29px}.dwork-detail-swiper .index-container .index-swipe{height:90px}.dwork-detail-swiper .index-container .index-swipe .index-img{height:90px;width:159px!important}}.dwork-detail-nav-container{max-height:calc(100vh - 167px);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.dwork-detail-nav-container::-webkit-scrollbar{display:none}.dwork-detail-nav-container .dwork-detail-nav{position:relative;display:flex;flex-direction:column;align-items:flex-end;box-sizing:border-box;margin-top:74px}.dwork-detail-nav-container .dwork-detail-nav_now-tag{position:absolute;top:50px;right:14px;font-size:24px;font-family:up-icon;color:#1a7af8;transition:all .3s;transform:translateY(0)}.dwork-detail-nav-container .dwork-detail-nav .nav-level-tag{position:relative;margin:0 20px 14px 0;white-space:nowrap}.dwork-detail-nav-container .dwork-detail-nav .nav-level-tag.level-tag{height:28px;width:73px;background:#eee;border-radius:14px 0 0 14px;font-weight:700;font-size:14px;color:#999;text-align:right;padding-right:22px;line-height:28px;box-sizing:border-box;margin-bottom:21px;margin-top:6px}.dwork-detail-nav-container .dwork-detail-nav .nav-level-tag.level-tag:not(:first-child):before{content:"";display:block;height:20px;width:1px;background-color:#eee;position:absolute;right:6px;top:-23px}.dwork-detail-nav-container .dwork-detail-nav .nav-level-tag.room-tag{height:28px;line-height:28px;font-size:14px;color:#000;letter-spacing:0;text-align:right;cursor:pointer}.dwork-detail-nav-container .dwork-detail-nav .nav-level-tag.room-tag span{display:inline-block;width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (max-width:1500px){.dwork-detail-nav-container .dwork-detail-nav .nav-level-tag.room-tag span{width:84px}}.dwork-detail-nav-container .dwork-detail-nav .nav-level-tag.room-tag:before{content:"";display:block;height:20px;width:1px;background-color:#eee;position:absolute;right:6px;top:-18px}.dwork-detail-nav-container .dwork-detail-nav .nav-level-tag.room-tag.room-tag--active{font-weight:700;color:#1a7af8}.dwork-detail-nav-container .dwork-detail-nav .nav-level-tag.room-tag:after{content:"";display:inline-block;height:12px;width:12px;margin-left:10px;background-color:#eee;border-radius:6px;position:relative;top:-8px}.dwork-detail-nav-container .dwork-detail-nav-item-desc{display:none!important}.dwork-detail-sidebaractions{position:fixed;left:calc((100vw - 1152px)/2 + 1200px);bottom:260px;width:48px;border-radius:4px;cursor:pointer;display:flex;flex-direction:column;align-items:flex-end}.dwork-detail-sidebaractions__item{background:#fff;box-shadow:4px 4px 12px 0 rgba(96,101,108,.12);border-radius:8px;display:flex;width:40px;height:40px;align-items:center;justify-content:center;margin-bottom:8px;color:#60656c;position:relative}.dwork-detail-sidebaractions__item.user-avatar{border-radius:20px;margin-bottom:12px;background-size:contain;transition:all .2s linear}.dwork-detail-sidebaractions__item.user-avatar-hidden{opacity:0;display:none}.dwork-detail-sidebaractions__item path{fill:#60656c}.dwork-detail-sidebaractions__item.disabled{opacity:.7;cursor:not-allowed}.dwork-detail-sidebaractions__item.disabled:hover path{fill:#60656c}.dwork-detail-sidebaractions__item:hover{color:#2480f8}.dwork-detail-sidebaractions__item:hover path{fill:#2480f8}.dwork-detail-sidebaractions__item.collect-item:hover{color:#ffab00}.dwork-detail-sidebaractions__item__count{position:absolute;right:0;top:0;transform:translate(50%,-50%) scale(.8);background:rgba(96,101,108,.12);border-radius:10px;font-size:12px;color:#313438;font-weight:400;padding:0 5px;line-height:24px;overflow:hidden}.dwork-detail-sidebaractions__item__count:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:10px;background:#fff;z-index:-1}.dwork-detail-sidebaractions__item .icon-next{width:30px;height:20px;color:inherit}.dwork-detail-sidebaractions_item{height:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:700;font-size:12px;color:#1a7af8;background-color:#fff}.dwork-detail-sidebaractions_item i{display:block;font-family:up-icon}.dwork-detail-sidebaractions_item:hover{color:#fff;background-color:#1a7af8}@media screen and (max-width:1500px){.dwork-detail-sidebaractions{left:calc((100vw - 1012px)/2 + 1060px)}}@media screen and (max-width:1288px){.dwork-detail-sidebaractions{left:calc(100vw - 92px);bottom:260px}}.muya-popovercard-wrapper.collect-popover-card{position:relative;background-color:#3c9df8;background-image:url(//qhstaticssl.kujiale.com/newt/100449/image/png/1604558850274/C5F0C8981A72EF36D787183601734C96.png);height:137px;width:320px;background-position:50%;background-repeat:no-repeat;background-size:cover;box-shadow:none}.muya-popovercard-wrapper.collect-popover-card+div{border-bottom:0}.muya-popovercard-wrapper.collect-popover-card .collect-card-text{color:#fff}.muya-popovercard-wrapper.collect-popover-card .collect-card-text .close-popover{position:absolute;font-family:up-icon;height:14px;width:14px;font-size:14px;line-height:14px;right:11px;top:16px;cursor:pointer}.muya-popovercard-wrapper.collect-popover-card .collect-card-text_main{position:absolute;top:44px;left:134px;font-weight:700;font-size:18px}.muya-popovercard-wrapper.collect-popover-card .collect-card-text_sub{position:absolute;top:77px;left:134px;font-family:PenroseRegular;font-size:16px}.dwork-detail .room-detail_title{margin-top:40px;margin-bottom:15px;font-size:20px;font-weight:700}.dwork-detail .detail-rooms-wrap{display:flex;flex-direction:column;align-items:center;position:relative}.dwork-detail .room-detail{width:100%}.dwork-detail .room-detail .room-title{display:flex;flex-direction:row;align-items:center}.dwork-detail .room-detail .room-title_level-name{color:#999}.dwork-detail .room-detail .room-title_room-name{flex-grow:1;color:#151515}.dwork-detail .room-detail .room-title_model-list{font-size:16px;color:#1a7af8}.dwork-detail .room-detail .room-title_model-list:hover{color:#3385ff}.dwork-detail .room-detail .room-title_model-list i{font-family:up-icon;margin-right:6px}.dwork-detail .room-detail_desc{font-size:14px;color:#666;letter-spacing:0;line-height:21px;margin-bottom:10px}.dwork-detail .room-detail_desc .big-quote{color:#000;font-family:up-icon;font-size:20px;margin-right:15px}.dwork-detail .detail-nav{position:absolute;width:calc(50vw - 576px);top:612px;left:0}.dwork-detail .detail-nav--fixed{position:fixed;top:96px}@media screen and (max-width:1500px){.dwork-detail .detail-nav{width:calc(50vw - 506px);top:555px}.dwork-detail .detail-nav--fixed{top:96px}}.dwork-detail .detail-nav-sticky .muya-up-sticky-sticky{left:0}.detail-no-login{position:absolute;bottom:0;left:0;right:0;height:140px;display:flex;justify-content:center;align-items:center}.detail-no-login .__mask{position:absolute;z-index:0;top:0;left:0;right:0;bottom:0;overflow:hidden;filter:blur(4px);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-image:linear-gradient(180deg,hsla(0,0%,100%,.5),#fff)}.releted-design{display:inline-block;position:absolute;top:0;right:0;width:332px;padding:32px 20px 20px;box-sizing:border-box;background-color:#fff;border-radius:12px}.releted-design .related-design-container .related-title{font-weight:700;font-size:20px;color:#333;letter-spacing:0;line-height:28px;margin-bottom:16px}.releted-design .related-design-container .case-modals{border-bottom:1px solid #eee;margin-bottom:19px}.releted-design .related-design-container .case-modals .case-modals_modals{display:flex;justify-content:space-between;margin-bottom:20px}.releted-design .related-design-container .case-modals .case-modals_modals .modal-item{display:block;height:140px;width:140px}.releted-design .related-design-container .case-modals .case-modals_modals .modal-item_img{height:100%;width:100%;border-radius:12px}.releted-design .related-design-container .case-modals_bottom{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.releted-design .related-design-container .case-modals_bottom .bottom_sum{font-size:16px;color:#999;line-height:22px}.releted-design .related-design-container .case-modals_bottom .bottom_link{font-weight:700;font-size:16px;color:#1a7af8}.releted-design .related-design-container .case-modals_bottom .bottom_link .right-arror{font-family:up-icon}.releted-design .related-design-container .case-modals_bottom .bottom_link:hover{color:#338bff}.releted-design .case-related .related-case-swipe,.releted-design .case-related .related-case-swipe_slide{width:292px;height:432px}.releted-design .case-related .related-case-swipe_slide .slide_related-case_img{height:164px;width:100%;margin-bottom:10px;border-radius:12px}.releted-design .case-related .related-case-swipe_slide .slide_related-case_img .img-mask{cursor:pointer;display:block;height:100%;width:100%}.releted-design .case-related .related-case-swipe_slide .slide_related-case_desc-line{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:20px}.releted-design .case-related .related-case-swipe_slide .slide_related-case .desc-line_title{cursor:pointer;flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;color:#333;line-height:22px}.releted-design .case-related .related-case-swipe_slide .slide_related-case .desc-line_title:hover{color:#3385ff}.releted-design .case-related .related-case-swipe_slide .slide_related-case .desc-line_view{font-size:14px;color:#bbb;line-height:16px}.releted-design .case-related .related-case-swipe_slide .slide_related-case .desc-line_view i{font-family:up-icon;margin-right:4px}.releted-design .case-related .related-bottom-line{display:flex;justify-content:space-between}.releted-design .case-related .related-bottom-line_pagi{flex-grow:1;font-size:14px;color:#333;line-height:16px;line-height:24px}.releted-design .case-related .related-bottom-line_pagi i{font-family:up-icon;font-size:12px;cursor:pointer;color:#999;margin:0 6px}.releted-design .case-related .related-bottom-line_pagi span{min-width:23px;display:inline-block}.releted-design .case-related .related-bottom-line_more{font-weight:700;font-size:16px;color:#1a7af8}.releted-design .case-related .related-bottom-line_more .right-arror{font-family:up-icon}.releted-design .case-related .related-bottom-line_more:hover{color:#338bff}.related-topic{margin-bottom:60px}.related-topic .related-topic_container .related-topic_title-line{margin-bottom:20px}.related-topic .related-topic_container .title-line{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-weight:700}.related-topic .related-topic_container .title-line_title{font-size:20px;counter-reset:#333}.related-topic .related-topic_container .title-line_more{font-size:16px;color:#1a7af8}.related-topic .related-topic_container .title-line_more .right-arror{font-family:up-icon}.related-topic .related-topic_container .title-line_more:hover{color:#338bff}.related-topic .related-topic_container .topic-list{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.related-topic .related-topic_container .topic-list_topic{position:relative;height:368px;width:390px;border-radius:12px;overflow:hidden}.related-topic .related-topic_container .topic-list_topic.topic .topic_mask{background:linear-gradient(180deg,transparent,rgba(0,0,0,.5));position:absolute;bottom:0;left:0;right:0;padding:24px}.related-topic .related-topic_container .topic-list_topic.topic .topic_title{font-weight:700;font-size:24px;color:#fff;letter-spacing:0}.related-topic .related-topic_container .topic-list_topic.topic .topic_tags{margin-top:4px;font-size:14px;color:#fff;letter-spacing:0}.related-topic .related-topic_container .topic-list_topic.topic .topic_link{height:100%;width:100%;display:block}@media screen and (max-width:1500px){.related-topic .related-topic_container .topic-list .topic-list_topic{height:302px;width:320px}}.CardListSelect-list_692ef{height:516px;margin:6px -12px 24px}.CardListSelect-card_f806b{border-radius:12px;padding:12px;cursor:pointer}.CardListSelect-card_f806b.CardListSelect-new-design_b9df7 .CardListSelect-img_bcdfb{height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:14px;background:#fff}.CardListSelect-card_f806b:hover{background:#edf5ff}.CardListSelect-card_f806b:hover .CardListSelect-title_544e8{color:#1a7af8}.CardListSelect-img_bcdfb{height:153px;border-radius:12px;border:1px solid #eee;background-color:#eee}.CardListSelect-title_544e8{font-size:16px;letter-spacing:0;font-weight:400;margin-top:12px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.CardListSelect-result_2048f{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.DesignSelectDialog-card_3e266{width:220px;height:152px}.DesignSelectDialog-design_ad8fd{background:#fff;box-shadow:4px 4px 24px 0 rgba(96,101,108,.12);border-radius:12px;padding:16px}.DesignSelectDialog-pic_429b8{width:180px;height:120px;margin-right:23px;background-color:#eee;border-radius:12px}.DesignSelectDialog-content_11276{flex:1 1;width:0}.DesignSelectDialog-title_81944{font-weight:600;margin-bottom:4px;margin-top:11px}.DesignSelectDialog-desc_2a205{margin-bottom:12px;height:20px}.dwork-detail-title-interactive{height:44px}.dwork-detail-title-interactive,.dwork-detail-title-interactive .statistics{display:flex;flex-direction:row;align-items:center}.dwork-detail-title-interactive .statistics:after{content:"";display:inline-block;height:14px;width:1px;background-color:#bbb;margin:0 20px;position:relative}.dwork-detail-title-interactive .statistics .statistics-data{font-size:14px;color:#bbb}.dwork-detail-title-interactive .statistics .statistics-data--interactive{cursor:pointer}.dwork-detail-title-interactive .statistics .statistics-data--interactive.liked,.dwork-detail-title-interactive .statistics .statistics-data--interactive:hover{color:#3e82f7}.dwork-detail-title-interactive .statistics .statistics-data_icon{font-family:up-icon;margin-right:4px}.dwork-detail-title-interactive .statistics .statistics-data:not(:last-child):after{content:"";display:inline-block;height:14px;width:1px;background-color:#bbb;margin:0 11px;position:relative;top:2px}.dwork-detail-title-interactive .share{width:40px;height:40px;background:rgba(146,152,155,.12);border-radius:8px;display:flex;justify-content:center;align-items:center;font-family:up-icon;font-size:19px;cursor:pointer;color:#666}.dwork-detail-title-interactive .share:hover{color:#3e82f7}.dwork-detail-title-interactive .title_button{height:40px;min-width:96px;margin-left:12px}.dwork-detail-title-interactive .title_button .point-num{color:#ffab00;margin-right:4px}.dwork-detail-title-interactive .title_button .point-num .point-icon{position:relative;top:1px;margin-right:2px;display:inline-block;height:16px;width:16px;background-image:url(//qhstaticssl.kujiale.com/newt/101015/image/png/1594093489802/759FB875D7AD492E03050F170919C9A8.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.dwork-detail-title-interactive .title_button .point-rmb{color:#f36;margin-right:4px;font-family:PenroseSemibold;font-weight:600}.dwork-detail-title-interactive .title_button .point-rmb .tag{font-family:Helvetica;font-weight:700}.dwork-detail-title-interactive .share_title_button{height:40px;padding:0 0 0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;justify-content:flex-start}.dwork-detail-title-interactive .share_title_button .ani-view{overflow:hidden;max-width:32px;padding-right:12px;transition:all .2s ease-in-out;box-sizing:content-box}.dwork-detail-title-interactive .share_title_button .ani-view .text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all .1s linear}.dwork-detail-title-interactive .share_title_button .muya-button-prefix{padding-right:4px}.dwork-detail-title-interactive .share_title_button.inShare .ani-view{max-width:96px}.dwork-detail-title-interactive .cash-num{color:#ff6525;margin-right:4px}.dwork-detail-top-title{position:fixed;z-index:1;top:0;left:0;width:100vw;height:72px;background-color:#fff;box-shadow:4px 4px 12px 0 rgba(96,101,108,.08);transition:all .3s;transform:translateY(0)}.dwork-detail-top-title--hidden{transform:translateY(-72px)}.dwork-detail-top-title .dwork-detail-top-title_main{height:100%;width:1152px;margin:0 auto;display:flex;flex-direction:row;align-items:center}@media screen and (max-width:1500px){.dwork-detail-top-title .dwork-detail-top-title_main{width:1012px}}.dwork-detail-top-title .main_avatar{margin-right:20px;width:48px;height:48px;border-radius:24px;position:relative}.dwork-detail-top-title .main_avatar .muya-img-loaded{position:absolute;bottom:0;right:0}.dwork-detail-top-title .main_title{flex-grow:1;font-weight:700;font-size:24px;color:#333;line-height:32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:200px}.info-content .dwork-detail-user-card{display:flex;flex-direction:column}.info-content .dwork-detail-user-card_info{display:flex;flex-direction:row;align-items:flex-end}.info-content .dwork-detail-user-card_info .avatar-info-content{margin-left:12px;flex:1 1;max-width:148px}.info-content .dwork-detail-user-card_info .avatar-info-content .up-site-user-icons{flex-wrap:wrap}.info-content .dwork-detail-user-card_info.name-align-center{align-items:center}.info-content .dwork-detail-user-card_info.name-align-center .dwork-detail-user-card_username{margin-bottom:0}.info-content .dwork-detail-user-card_username{font-weight:700;font-size:16px;color:#313438;line-height:22px;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.info-content .dwork-detail-user-card_avatar{height:64px;width:64px;border-radius:32px;position:relative}.info-content .dwork-detail-user-card_avatar .muya-img-loaded{position:absolute;bottom:0;right:0}.info-content .dwork-detail-user-card_btn-group{margin-top:24px}.info-content .dwork-detail-user-card_btn-group button{width:108px}.info-content .dwork-detail-user-card_btn-group button:last-child{margin-left:8px}.EmptyResult-container_92909{padding-top:20vh;text-align:center;background-color:#fff}.EmptyResult-container_92909 .EmptyResult-title_fa4aa{font-size:20px;color:#313438;font-weight:600;margin-top:40px}.EmptyResult-container_92909 .EmptyResult-desc_ea54d{font-size:14px;color:#60656c;margin-top:16px;margin-bottom:32px}.EmptyResult-container_92909 .EmptyResult-desc_ea54d .EmptyResult-time_ccadc{color:#1a7af8}@font-face{font-family:up-icon;src:url(//at.alicdn.com/t/font_1984685_xxtpi9hdr6.eot);src:url(//at.alicdn.com/t/font_1984685_xxtpi9hdr6.eot#iefix) format("embedded-opentype"),url(//at.alicdn.com/t/font_1984685_xxtpi9hdr6.woff2) format("woff2"),url(//at.alicdn.com/t/font_1984685_xxtpi9hdr6.woff) format("woff"),url(//at.alicdn.com/t/font_1984685_xxtpi9hdr6.ttf) format("truetype"),url(//at.alicdn.com/t/font_1984685_xxtpi9hdr6.svg#up) format("svg")}body{background-color:#f7f8fa}#QS_footer,.gs-footer{position:relative;z-index:1}.up-site-dwork-container{position:relative;z-index:0;overflow:hidden}.up-site-dwork{width:1152px;margin:0 auto;font:12px/1.5 Penrose,PingFang SC,Hiragino Sans GB,Tahoma,Arial,Lantinghei SC,Microsoft YaHei,\\5FAE软雅黑,宋体,sans-serif}.up-site-dwork .muya-img-loading{visibility:hidden}.up-site-dwork .breadcrumbs{margin:24px 0}.up-site-dwork .breadcrumbs_bread{display:inline;font-size:14px;color:#999}.up-site-dwork .breadcrumbs_bread:hover{color:#3e82f7}.up-site-dwork .breadcrumbs_bread--now{color:#666;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.up-site-dwork .breadcrumbs_bread--now:hover{color:#666}.up-site-dwork .breadcrumbs_separator{display:inline;color:#bbb;font-size:12px;margin:0 8px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.up-site-dwork .info-card{width:100%}.up-site-dwork .info-card_title-line{width:100%;height:76px;display:flex;flex-direction:row}.up-site-dwork .info-card_title-line .title-block{height:100%;width:400px;flex-grow:1}.up-site-dwork .info-card_title-line .title-block_title{font-weight:700;width:100%;font-size:24px;color:#333;line-height:32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.up-site-dwork .info-card_title-line .title-block_modified-time{font-size:14px;color:#999;letter-spacing:0;line-height:20px;margin-top:3px;display:flex;align-items:center}.up-site-dwork .info-card_title-line .title-block_modified-time__split{background:rgba(49,52,56,.16);width:1px;height:6px;margin:0 12px}.up-site-dwork .info-card_title-line .title-interactive{position:relative;top:10px}.up-site-dwork .info-card .info-card_content{width:100%;height:486px;display:flex;flex-direction:row;border-radius:12px;box-shadow:0 0 24px 0 hsla(0,0%,60%,.08);overflow:hidden}.up-site-dwork .info-card .info-card_content .cover-swipe-item{width:864px;height:486px}.up-site-dwork .info-card .info-card_content .coverPic{position:relative;width:864px;height:100%;background-size:cover;background-repeat:no-repeat;background-position:50%}.up-site-dwork .info-card .info-card_content .info-content{flex:1 1;background-color:#fff;padding:32px;box-sizing:border-box;word-break:break-all}.up-site-dwork .info-card .info-card_content .info-content .design-info{position:relative;margin-top:32px;box-sizing:border-box;font-size:14px;color:#333;letter-spacing:0;line-height:21px}.up-site-dwork .info-card .info-card_content .info-content .design-info:hover .design-info_mask{visibility:hidden}.up-site-dwork .info-card .info-card_content .info-content .design-info_base-info .base-info_item{text-justify:baseline;line-height:16px;margin-bottom:9px}.up-site-dwork .info-card .info-card_content .info-content .design-info_base-info .base-info_item.fl{display:flex}.up-site-dwork .info-card .info-card_content .info-content .design-info_base-info .base-info_item.fl p{flex:1 1}.up-site-dwork .info-card .info-card_content .info-content .design-info_base-info .base-info_item .intro{color:#92989b}.up-site-dwork .info-card .info-card_content .info-content .design-info_base-info .base-info_item .pingmi{display:inline-block;margin-top:-5px}.up-site-dwork .info-card .info-card_content .info-content .design-info_base-info .ellipsis{text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.up-site-dwork .info-card .info-card_content .info-content .design-info_desc{color:#60656c;font-size:14px;margin-top:16px;overflow-y:scroll;overflow-x:hidden;height:128px;background:#f7f8fa;border-radius:8px;border:12px solid #f7f8fa;border-right-width:4px;padding-right:4px}.up-site-dwork .info-card .info-card_content .info-content .design-info_desc::-webkit-scrollbar{width:4px;border-radius:3px}.up-site-dwork .info-card .info-card_content .info-content .design-info_desc:hover::-webkit-scrollbar{background-color:rgba(146,152,155,.12)}@media screen and (max-width:1500px){.up-site-dwork{width:1012px}.up-site-dwork .info-card .info-card_content{height:427px}.up-site-dwork .info-card .info-card_content .cover-swipe-item{height:427px;width:740px}.up-site-dwork .info-card .info-card_content .coverPic{width:740px}.up-site-dwork .info-card .info-card_content .info-content{padding:24px}.up-site-dwork .info-card .info-card_content .info-content .design-info_desc{height:85px}}.design-copyright{margin-top:30px;width:100%;height:60px;font-size:16px;color:#aeb2b7;background:rgba(146,152,155,.08);text-align:center;line-height:60px;border-radius:12px;font-weight:600}.design-copyright i{font-family:up-icon;margin-right:10px}.design-detail-bottom{position:relative;margin-top:30px;min-height:560px}.design-detail-bottom_left{display:inline-block;width:800px}@media screen and (max-width:1500px){.design-detail-bottom_left{width:660px}}.gm-design-contribute{bottom:270px}.case-not-found{margin:100px 0 200px;display:flex;justify-content:center}.case-not-found .tip{display:flex}.case-not-found .tip .design-icon{background-repeat:no-repeat;width:164px;height:132px;background-image:url(//qhyxpicoss.kujiale.com/2017/05/27/LEUORCIKAEBKM4KTAAAAABQ8_314x132.png);background-position:0 0}.case-not-found .tip .result-tip{margin:14px 0 0 40px;text-align:left}.case-not-found .tip .title{margin-bottom:10px;font-size:32px;line-height:32px;color:#999;font-weight:400;font-family:Lantinghei SC,Microsoft YaHei}.case-not-found .tip p{font-size:16px;line-height:24px;color:#bbb}