.clothes-detail-container[data-v-677e939c]{background:#000;min-height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;overflow:hidden}.clothes-detail-container .detail-header[data-v-677e939c]{position:absolute;top:0;left:0;right:0;z-index:10;padding:10px}.clothes-detail-container .detail-header[data-v-677e939c] .el-button{background:hsla(0,0%,100%,.15);border:none;color:#fff}.clothes-detail-container .detail-content[data-v-677e939c]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:60px 10px 40px}.clothes-detail-container .detail-content .img-wrap[data-v-677e939c]{width:100%;max-height:70vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.clothes-detail-container .detail-content .img-wrap .big-img[data-v-677e939c]{max-width:100%;max-height:70vh;-o-object-fit:contain;object-fit:contain;border-radius:8px}.clothes-detail-container .detail-content .img-wrap .img-empty[data-v-677e939c]{color:#909399;padding:80px 0;font-size:14px}.clothes-detail-container .detail-content .info-bar[data-v-677e939c]{margin-top:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px}.clothes-detail-container .detail-content .info-bar .info-type[data-v-677e939c]{background:hsla(0,0%,100%,.15);color:#fff;padding:6px 14px;border-radius:20px;font-size:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px}.clothes-detail-container .detail-content .info-bar .info-code[data-v-677e939c]{font-size:14px;color:hsla(0,0%,100%,.8);letter-spacing:.5px}.clothes-detail-container .detail-content .info-name[data-v-677e939c]{margin-top:10px;color:hsla(0,0%,100%,.6);font-size:13px}.clothes-detail-container .nav-btn[data-v-677e939c]{position:fixed;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:hsla(0,0%,100%,.15);border:none;color:#fff;font-size:22px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;z-index:10}.clothes-detail-container .nav-btn.prev[data-v-677e939c]{left:12px}.clothes-detail-container .nav-btn.next[data-v-677e939c]{right:12px}.clothes-detail-container .nav-btn[disabled][data-v-677e939c]{opacity:.3;cursor:not-allowed}.clothes-detail-container .position-tip[data-v-677e939c]{position:fixed;bottom:20px;left:0;right:0;text-align:center;color:hsla(0,0%,100%,.6);font-size:13px;z-index:10}