[data-v-e1c94ed0]::-webkit-scrollbar{height:5px;width:0}.design-detail[data-v-e1c94ed0]{color:var(--white);display:flex;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.design-detail .left[data-v-e1c94ed0]{background:var(--black);box-sizing:border-box;height:100%;min-width:890px;padding:30px 0 30px 30px;position:relative;text-align:center;width:calc(100vw - 400px)}.design-detail .left .leftBtn[data-v-e1c94ed0]{left:60px}.design-detail .left .leftBtn[data-v-e1c94ed0],.design-detail .left .rightBtn[data-v-e1c94ed0]{cursor:pointer;height:60px;position:absolute;top:50%;transform:translateY(-50%);width:60px}.design-detail .left .rightBtn[data-v-e1c94ed0]{right:30px}.design-detail .left img[data-v-e1c94ed0]{height:100%;max-width:100%}.design-detail .left .contentTip[data-v-e1c94ed0]{bottom:120px;font-size:14px;font-weight:400;height:40px;left:50%;line-height:20px;position:absolute;text-align:center;transform:translate(-50%);width:880px}.design-detail .left .btnBox[data-v-e1c94ed0]{bottom:30px;display:flex;height:60px;justify-content:center;position:absolute;width:100%}.design-detail .left .btnBox .btn[data-v-e1c94ed0]{background:#1c1c1c;border:2px solid var(--white);border-radius:30px;box-shadow:0 2px 15px #00000026;cursor:pointer;font-size:16px;font-weight:500;height:60px;line-height:60px;margin:0 10px;text-align:center;width:116px}.design-detail .left .btnBox .btn svg[data-v-e1c94ed0]{margin-right:4px;margin-top:-3px}.design-detail .left .totalBox[data-v-e1c94ed0]{background-color:var(--black);border-radius:8px;bottom:20px;color:var(--white);font-size:12px;font-weight:500;padding:10px 17px;position:absolute;right:30px}.design-detail .left .totalBox span[data-v-e1c94ed0]{color:var(--white);font-size:20px;font-weight:500}.design-detail .right[data-v-e1c94ed0]{background:#222;box-sizing:border-box;height:100%;padding:30px;position:relative;width:400px}.design-detail .right .users[data-v-e1c94ed0]{border-bottom:1px solid #333;display:flex;height:75px}.design-detail .right .users .headImg[data-v-e1c94ed0]{border-radius:50%;height:35px;width:35px}.design-detail .right .users .name[data-v-e1c94ed0]{margin-left:11px}.design-detail .right .users .name .userName[data-v-e1c94ed0]{color:var(--white);font-size:16px;font-weight:500}.design-detail .right .users .name .btn[data-v-e1c94ed0]{background-color:transparent;border:1px solid #999;border-radius:4px;color:var(--white);font-size:12px;font-weight:500;height:24px;margin-top:8px;width:72px}.design-detail .right .title[data-v-e1c94ed0]{font-size:16px;font-weight:600;margin-top:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.design-detail .right .tips[data-v-e1c94ed0]{align-items:center;color:#999;display:flex;flex-wrap:wrap;font-size:14px;font-weight:400;margin-top:10px}.design-detail .right .tips .line[data-v-e1c94ed0]{background-color:#999;height:12px;margin-left:4px;margin-right:12px;width:1px}.design-detail .right .content[data-v-e1c94ed0]{color:#999;display:-webkit-box;font-size:12px;font-weight:400;height:68px;margin-top:20px;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;text-overflow:ellipsis}.design-detail .right .flexBox[data-v-e1c94ed0]{display:flex;flex-direction:column;height:calc(100% - 240px);justify-content:space-between}.design-detail .right .flexBox .imgBox[data-v-e1c94ed0]{display:grid;gap:4px;grid-template-columns:repeat(3,1fr);margin-top:30px;overflow-y:auto}.design-detail .right .flexBox .imgBox .imgTab[data-v-e1c94ed0]{border:1px solid #333;border-radius:8px;box-sizing:border-box;cursor:pointer;height:110px;width:110px}.design-detail .right .flexBox .bottom[data-v-e1c94ed0]{width:400px}.design-detail .right .flexBox .bottom .price[data-v-e1c94ed0]{color:#fff;font-size:28px;font-weight:500;line-height:28px;margin-bottom:20px}.design-detail .right .flexBox .bottom .price span[data-v-e1c94ed0]{font-size:20px}.design-detail .right .flexBox .bottom .btn[data-v-e1c94ed0]{background:#c83c32;border:none;color:var(--white);font-size:16px;font-weight:500;height:48px;margin-right:20px;width:160px}.design-detail .right .flexBox .bottom .btn-white[data-v-e1c94ed0]{background:var(--white);border:none;border-radius:8px;color:var(--black);display:inline-block;font-size:16px;font-weight:500;height:48px;width:160px}.design-detail .right .flexBox .bottom .bottom-text[data-v-e1c94ed0]{color:#999;font-size:12px;font-weight:400;margin-top:15px;width:348px}
