*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--color-gray-200)}body{margin:0;line-height:inherit;background-color:var(--surface-page,#f7f8fa)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.flex-row{display:flex;flex-direction:row}.flex-wrap{display:flex;flex-wrap:wrap}.hidden{display:none}.relative{position:relative}.w-full{width:100%}.w-1\/4{width:25%}.w-1\/5{width:20%}.w-4\/5{width:80%}.w-8{width:32px}.w-11\/12{width:91.666667%}.h-full{height:100%}.h-8{height:32px}.h-11{height:44px}.h-12{height:48px}.h-16{height:64px}.h-40{height:160px}.h-60{height:240px}.h-2\/4{height:50%}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{display:flex;justify-content:center}.justify-between{display:flex;justify-content:space-between}.justify-around{display:flex;justify-content:space-around}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-16{margin-bottom:64px}.ml-2{margin-left:8px}.ml-4{margin-left:16px}.ml-6{margin-left:24px}.ml-8{margin-left:32px}.ml-28{margin-left:112px}.mr-1{margin-right:4px}.mr-2{margin-right:8px}.mr-3{margin-right:12px}.mr-4{margin-right:16px}.mr-6{margin-right:24px}.my-auto{margin-top:auto;margin-bottom:auto}.pl-3{padding-left:12px}.pl-4{padding-left:16px}.pr-3{padding-right:12px}.pr-4{padding-right:16px}.text-xs{font-size:12px;line-height:16px}.text-sm{font-size:14px;line-height:20px}.text-base{font-size:16px;line-height:24px}.gap-1{gap:4px}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}@media (min-width:480px){.container{max-width:480px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:992px){.container{max-width:992px}}@media (min-width:1200px){.container{max-width:1200px}}@media (min-width:1400px){.container{max-width:1400px}}.container-sm{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4);max-width:var(--width-sm)}.container-md{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4);max-width:var(--width-md)}.container-lg{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4);max-width:var(--width-lg)}.container-xl{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4);max-width:var(--width-xl)}.display-flex{display:flex}.transition-all{transition:all 0.3s}.cursor-pointer{cursor:pointer}.text-center{text-align:center}.text-nowrap{white-space:nowrap}.flex-shrink-0{flex-shrink:0}.min-w-0{min-width:0}.object-cover{object-fit:cover}.overflow-hidden{overflow:hidden}.relative{position:relative}.absolute{position:absolute}.rounded-4{border-radius:var(--radius-sm)}.rounded-6{border-radius:var(--radius-sm)}.rounded-8{border-radius:var(--radius-md)}.rounded-10{border-radius:var(--radius-md)}.rounded-12{border-radius:var(--radius-lg)}.rounded-14{border-radius:var(--radius-lg)}.gap-2{gap:8px}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}.gap-20{gap:20px}.p-14{padding:14px}.p-16{padding:16px}.p-30{padding:30px}.mr-10{margin-right:10px}.lh-20{line-height:20px}.gap-12{gap:12px}.gap-30{gap:30px}.rounded-20{border-radius:var(--radius-xl)}.pb-2{padding-bottom:2px}.pb-4{padding-bottom:4px}.pt-4{padding-top:4px}.opacity-60{opacity:0.6}.opacity-75{opacity:0.75}.opacity-80{opacity:0.8}.opacity-85{opacity:0.85}.bg-light{background:var(--color-gray-100)}.min-w-210{min-width:210px}.min-h-90{min-height:90px}.min-h-400{min-height:400px}.max-w-120{max-width:120px}.max-w-500{max-width:500px}.max-h-200{max-height:200px}.max-h-600{max-height:600px}.my-14{margin-top:14px;margin-bottom:14px}.mb-30{margin-bottom:30px}.text-jumbo{font-size:64px}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.grid{display:grid}.justify-end{display:flex;justify-content:flex-end}.resize-vertical{resize:vertical}.lh-1{line-height:var(--line-height-none)}.lh-16{line-height:var(--line-height-relaxed)}.lh-17{line-height:var(--line-height-relaxed)}.lh-19{line-height:var(--line-height-loose)}.max-w-420{max-width:420px}.max-w-480{max-width:480px}.max-w-520{max-width:520px}.lh-36{line-height:36px}.h-200{height:200px}.h-520{height:520px}.text-48{font-size:48px}.my-20{margin-top:20px;margin-bottom:20px}.color-danger{color:var(--color-danger,#e02020)}.color-warning{color:var(--color-warning,#fa8c16)}.color-info{color:var(--color-info,#2196f3)}.color-success{color:var(--color-success,#52c41a)}.color-purple{color:var(--color-purple,#722ed1)}.color-danger-light{color:var(--color-danger-light,#fff2f0)}.color-warning-light{color:var(--color-warning-light,#fff7e6)}.color-info-light{color:var(--color-info-light,#e6f7ff)}.color-success-light{color:var(--color-success-light,#f6ffed)}.color-white{color:var(--color-white)}.bg-warning-light{background:var(--color-warning-light)}.bg-info-light{background:var(--color-info-light)}.bg-success-light{background:#f6ffed}.bg-danger-light{background:var(--color-danger-light)}.bg-grey-light{background:var(--color-gray-50)}.border-light{border:1px solid var(--color-border,#e8e8e8)}.border-top-light{border-top:1px solid var(--color-border,#e8e8e8)}.border-bottom-light{border-bottom:1px solid var(--color-border-light,#f0f0f0)}.border-grey{border:2px solid var(--color-gray-400)}.skeleton-bar{background:var(--color-gray-100)}.border-box{box-sizing:border-box}.border-left-warning{border-left:3px solid #fa8c16}.border-left-info{border-left:3px solid #1890ff}.max-h-260{max-height:260px}.max-h-320{max-height:320px}.sz-w-18{width:18px}.sz-w-28{width:28px}.sz-18{height:18px}.sz-28{height:28px}.chip-tag{display:inline-flex;padding:4px 10px 4px 4px;background:var(--color-gray-100);border-radius:var(--radius-xl)}.p-page{padding:120px 20px}.max-w-360{max-width:360px}.underline{text-decoration:underline}.text-40{font-size:40px}.text-18{font-size:18px}.text-24{font-size:24px}.text-30{font-size:30px}.w-250{width:250px}.h-120{height:120px}.h-240{height:240px}.text-28{font-size:28px}.w-60{width:60px}.pl-10{padding-left:10px}.pl-20{padding-left:20px}.h-400{height:400px}.w-1\/2{width:50%}.w-2\/5{width:40%}.w-4\/5{width:80%}.w-40{width:40px}.align-middle{vertical-align:middle}.leading-loose{line-height:var(--line-height-loose)}.max-w-768{max-width:768px}.bg-purple{background-color:#8e24aa}.color-gold{color:var(--gold,#fa8c16)}.font-normal{font-weight:var(--font-weight-regular)}.text-20{font-size:20px}.text-32{font-size:32px}.pb-3{padding-bottom:12px}.w-15p{width:15%}.sz-w-24{width:24px}.w-55p{width:55%}.w-60p{width:60%}.w-75p{width:75%}.sz-24{height:24px}.sz-w-14{width:14px}.sz-w-16{width:16px}.w-88{width:88px}.w-420{width:420px}.w-20p{width:20%}.w-30p{width:30%}.w-70p{width:70%}.w-90p{width:90%}.sz-14{height:14px}.sz-16{height:16px}.w-10p{width:10%}.w-280{width:280px}.border-warning-light{border:1px solid var(--color-warning-light,#ffd591)}.border-bottom-brand{border-bottom:2px solid var(--color-brand-500)}.border-success-light{border-color:var(--color-success-light,#d3f9d8)}.border-info-light{border-color:var(--color-info-light,#e6f7ff)}.border-danger-light{border-color:var(--color-danger-light,#fff1f0)}.border-brand-200{border-color:var(--color-brand-200,#FFD5BD)}.text-green{color:#52c41a}.color-brand{color:var(--color-brand-500)}/** * 共享 Layui laypage 品牌色覆盖 * 将所有页面中的 Layui 默认绿色分页改为品牌色 * 加载于 header.html，在 Layui CSS 之后，通过级联覆盖 */ .layui-laypage .layui-laypage-curr .layui-laypage-em{background-color:var(--color-brand-500,#FF7224);color:var(--color-white);border-color:var(--color-brand-500,#FF7224)}.layui-laypage a:hover{color:var(--color-brand-500,#FF7224);border-color:var(--color-brand-500,#FF7224)}.layui-laypage button{background-color:var(--color-brand-500,#FF7224);border-color:var(--color-brand-500,#FF7224);color:var(--color-white)}.layui-laypage button:hover{background-color:var(--color-brand-600,#CC5B1D);border-color:var(--color-brand-600,#CC5B1D)}.layui-laypage input:focus,.layui-laypage select:focus{border-color:var(--color-brand-500,#FF7224)}.layui-laypage a{color:var(--color-gray-600,#666);border-color:#e2e2e2}.layui-laypage select,.layui-laypage input{border-color:#e2e2e2}.layui-laypage{display:inline-block !important;visibility:visible !important;opacity:1 !important}