:root{--bs-primary: #e93b24;--bs-bg: #f4f4f4;--bs-blue: #0d6efd;--bs-indigo: #6610f2;--bs-purple: #6f42c1;--bs-pink: #d63384;--bs-red: #dc3545;--bs-orange: #fd7e14;--bs-yellow: #ffc107;--bs-green: #198754;--bs-teal: #20c997;--bs-cyan: #0dcaf0;--bs-white: #fff;--bs-gray: #6c757d;--bs-gray-dark: #343a40;--bs-secondary: #6c757d;--bs-success: #67c23a;--bs-info: #909399;--bs-warning: #e6a23c;--bs-danger: #f56c6c;--bs-light: #f8f9fa;--bs-dark: #212529;--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--bs-gradient: linear-gradient( 180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0) )}:root{--shadow: 0px 12px 32px 4px rgba(0, 0, 0, .04), 0px 8px 20px rgba(0, 0, 0, .08);--shadow-light: 0px 0px 12px rgba(0, 0, 0, .12);--shadow-lighter: 0px 0px 6px rgba(0, 0, 0, .12);--shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, .08), 0px 12px 32px rgba(0, 0, 0, .12), 0px 8px 16px -8px rgba(0, 0, 0, .16)}:root{--text-color-primary: #303133;--text-color-regular: #606266;--text-color-secondary: #909399;--text-color-placeholder: #a8abb2;--text-color-disabled: #c0c4cc}.header-banner{display:flex;padding:30px 40px}.header-banner .info-label{font-size:14px;font-weight:700;color:#8f8f8f}.header-banner .header-banner__carousel{border-radius:10px;width:520px;height:290px;overflow:hidden}.header-banner .header-banner__carousel img{width:100%;height:100%}.header-banner .header-banner__info{flex:1;display:flex;flex-direction:column;justify-content:space-around}.header-banner .header-banner__info .price__icon{height:25px}.header-banner .header-banner__info .price__icon img{height:100%}.header-banner .header-banner__info .info__price{background:linear-gradient(to right,#fdf1d9,#fef8ef);display:flex;align-items:center;padding:20px;border-radius:5px}.header-banner .header-banner__info .info__price .price__num{font-size:30px;font-weight:700;color:#fc4a00}.header-banner .header-banner__info .info__price .price__hot{margin-left:auto}.header-banner .header-banner__info .info__price .price__hot span{font-size:16px;color:var(--text-color-secondary)}.header-banner .header-banner__info .info__describe{display:flex;flex-wrap:wrap;position:relative;overflow:hidden;height:6rem;cursor:pointer;transition:height .3s}.header-banner .header-banner__info .info__describe .describe-item{min-width:30%;padding:10px;white-space:nowrap;overflow:hidden}.header-banner .header-banner__info .info__describe .describe-item .describe__value{width:125px;display:inline-block;text-align:center;background:linear-gradient(to left,transparent,#f9d957,transparent);background-size:100% 100%;background-position:center;color:#8f8f8f}.header-banner .header-banner__info .info__describe:hover{visibility:hidden;overflow:visible}.header-banner .header-banner__info .info__describe:hover .info__describe--hover{overflow-y:auto!important;box-shadow:var(--shadow-light)!important}.header-banner .header-banner__info .info__describe:hover .info__describe--hover{visibility:visible;height:300px;position:absolute;align-content:flex-start}.header-banner .header-banner__info .info__describe .info__describe--hover{position:absolute;width:100%;visibility:hidden;background:rgb(255,255,255);border-radius:10px}.header-banner .header-banner__info .info__describe .info__describe--hover .describe-item{display:flex;overflow-wrap:anywhere;align-items:flex-start}.header-banner .header-banner__info .info__describe .info__describe--hover .describe-item .describe__value{width:auto;white-space:normal;text-align:left}.header-banner .header-banner__info .info__promise{padding:10px 0;display:flex;align-items:center}.header-banner .header-banner__info .info__promise .promise__item{margin:0 20px}.header-banner .header-banner__info .info__promise .promise__item img{width:20px;height:20px;vertical-align:middle;margin-right:5px}.header-banner .header-banner__info .info__promise .promise__item span{color:var(--text-color-secondary);vertical-align:middle}.account-action{display:flex;align-items:center;padding:30px 40px}.account-action .action-collection__btn .action-collection__icon{width:30px;height:30px;margin-right:5px;vertical-align:middle}.account-action .action-collection__btn span{font-size:20px;color:var(--text-color-secondary);vertical-align:middle}.account-action .action-shopping{margin-left:auto}.account-action .action-shopping button{width:180px;height:60px;border-radius:5px;color:#fff;font-size:20px}.account-action .action-shopping button.shopping-btn__consult{border:1px solid #d8a72a;background:#fff1d9;color:#d8a72a}.account-action .action-shopping button.shopping-btn__consult .layui-icon{color:#d8a72a;font-size:2rem}.account-info,.account-details{padding:30px 40px}.account-details .tab-header{height:60px;text-align:center;padding-bottom:20px}.account-details .tab-header .layui-btn{height:100%;font-size:22px;border-radius:10px}.account-details .tab-header .layui-btn:hover{border-color:#000}.account-details .tab-header .layui-btn.layui-this{background-color:#2b3747;color:#fff;font-weight:700}.account-details .tab-body{padding:20px 0}.account-details .tab-body>div{display:none}.account-details .tab-body>div img{border-radius:10px;width:100%}.account-details .group-chatCard{width:200px;height:100px;border-radius:10px;background-color:#f3f3f3;display:flex;flex-direction:column;justify-content:space-evenly;align-self:center}
