@layui/json-schema-form
Version:
Json-schema-form is a high-level component encapsulated on the basis of @layui/layui-vue form.
1 lines • 274 kB
CSS
.layui-radio[size=lg] .layui-form-radio>i{font-size:24px}.layui-radio[size=lg] .layui-form-radio>span{font-size:16px}.layui-radio[size=md] .layui-form-radio>i{font-size:22px}.layui-radio[size=md] .layui-form-radio>span{font-size:14px}.layui-radio[size=sm] .layui-form-radio>i{font-size:20px}.layui-radio[size=sm] .layui-form-radio>span{font-size:12px}.layui-radio[size=xs] .layui-form-radio>i{font-size:18px}.layui-radio[size=xs] .layui-form-radio>span{font-size:12px}.layui-radio{display:inline-block}.layui-radio input[type=radio]{display:none}.layui-form-radio,.layui-form-radio *{display:inline-block;vertical-align:middle}.layui-form-radio{line-height:28px;margin:6px 10px 0 0;padding-right:2px;cursor:pointer;font-size:0}.layui-form-radio *{font-size:14px;color:#666}.layui-form-radio>i{margin-right:8px;font-size:22px;color:var(--global-neutral-color-8)}.layui-form-radio:hover *,.layui-form-radioed,.layui-form-radioed>i{color:var(--global-checked-color)}.layui-radio-disabled>i{color:var(--global-neutral-color-3)!important}.layui-radio-disabled *{color:var(--global-neutral-color-8)!important}.layui-date-picker[size=lg]{width:260px;height:44px}.layui-date-picker[size=lg] .layui-input{height:44px;line-height:44px}.layui-date-picker[size=md]{width:220px;height:38px}.layui-date-picker[size=md] .layui-input{height:38px;line-height:38px}.layui-date-picker[size=sm]{width:180px;height:32px}.layui-date-picker[size=sm] .layui-input{height:32px;line-height:32px}.layui-date-picker[size=xs]{width:140px;height:26px}.layui-date-picker[size=xs] .layui-input{height:26px;line-height:26px}.layui-date-range-picker[size=lg]{width:520px;height:44px}.layui-date-range-picker[size=lg] .layui-input{height:44px;line-height:44px}.layui-date-range-picker[size=md]{width:440px;height:38px}.layui-date-range-picker[size=md] .layui-input{height:38px;line-height:38px}.layui-date-range-picker[size=sm]{width:360px;height:32px}.layui-date-range-picker[size=sm] .layui-input{height:32px;line-height:32px}.layui-date-range-picker[size=xs]{width:280px;height:26px}.layui-date-range-picker[size=xs] .layui-input{height:26px;line-height:26px}html #layuicss-laydate{display:none;position:absolute;width:1989px}.layui-laydate *{margin:0;padding:0}.layui-laydate,.layui-laydate *{box-sizing:border-box}.layui-laydate{z-index:66666666;border-radius:var(--global-border-radius);font-size:14px}.layui-laydate .layui-laydate-year-control{padding:4px}.layui-laydate-main{width:272px}.layui-laydate-header *,.layui-laydate-content td,.layui-laydate-list li{transition-duration:.3s;-webkit-transition-duration:.3s}.laydate-ym-show .laydate-prev-m,.laydate-ym-show .laydate-next-m{display:none!important}.laydate-ym-show .laydate-prev-y,.laydate-ym-show .laydate-next-y{display:inline-block!important}.laydate-ym-show .laydate-set-ym span[lay-type=month],.laydate-time-show .layui-laydate-header .layui-icon,.laydate-time-show .laydate-set-ym span[lay-type=year],.laydate-time-show .laydate-set-ym span[lay-type=month]{display:none!important}.layui-laydate-header{position:relative;height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 10px}.layui-laydate-header *{vertical-align:bottom}.layui-laydate-header i{padding:0 5px;color:#999;font-size:12px;cursor:pointer;user-select:none}.layui-laydate-header .layui-icon-prev{left:15px}.layui-laydate-header .layui-icon-left{left:45px}.layui-laydate-header .layui-icon-next{right:15px}.layui-laydate-header .layui-icon-right{right:45px}.layui-laydate-year-panel-header{width:100%;display:flex;align-items:center;justify-content:center;padding:10px 14px 5px;line-height:30px;border-bottom:1px solid #e2e2e2}.layui-laydate-year-panel-header .laydate-set-ym{width:100%;display:flex;justify-content:space-between;align-items:center}.layui-laydate-year-panel-header .laydate-set-ym i{cursor:pointer;user-select:none}.laydate-set-ym{width:100%;text-align:center;box-sizing:border-box;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.laydate-set-ym span{padding:0 10px;cursor:pointer}.laydate-time-text{cursor:default!important}.layui-laydate-content{position:relative;padding:10px;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.layui-laydate-content table{border-collapse:collapse;border-spacing:0}.layui-laydate-content th,.layui-laydate-content td{width:36px;height:30px;padding:5px;text-align:center!important}.layui-laydate-content th{font-weight:400}.layui-laydate-content td{position:relative;cursor:pointer}.laydate-day-mark{position:absolute;left:0;top:0;width:100%;line-height:30px;font-size:12px;overflow:hidden}.laydate-day-mark:after{position:absolute;content:"";right:2px;top:2px;width:5px;height:5px;border-radius:50%}.layui-laydate-footer{display:flex;line-height:26px;padding:10px}.layui-laydate-footer .layui-btn{padding:0 10px;white-space:nowrap;transition:all .3s}.layui-laydate-footer .laydate-footer-btns .layui-btn{border-radius:0}.layui-laydate-footer .laydate-footer-btns .layui-btn:first-child{border-top-left-radius:var(--global-border-radius);border-bottom-left-radius:var(--global-border-radius)}.layui-laydate-footer .laydate-footer-btns .layui-btn:last-child{border-top-right-radius:var(--global-border-radius);border-bottom-right-radius:var(--global-border-radius);margin-left:-1px}.layui-laydate-footer .layui-btn+.layui-btn{margin-left:0}.layui-laydate-footer .laydate-footer-btns .layui-btn:not(.layui-btn-disabled) span:hover{color:var(--global-primary-color)}.layui-laydate-footer span.layui-laydate-preview{cursor:default;border-color:transparent!important}.layui-laydate-footer span.layui-laydate-preview:hover{color:#666}.layui-laydate-footer span:first-child.layui-laydate-preview{padding-left:0}.laydate-footer-btns{margin-left:auto}.layui-laydate-footer .type-time{color:var(--global-primary-color)}.layui-laydate-list{position:absolute;left:0;top:0;width:100%;height:100%;padding:10px;box-sizing:border-box;background-color:#fff}.layui-laydate-list>li{position:relative;display:inline-block;width:33.3%;height:36px;line-height:36px;margin:3px 0;vertical-align:middle;text-align:center;cursor:pointer}.laydate-month-list>li{width:25%;margin:17px 0}.laydate-time-list>li{height:100%;margin:0;line-height:normal;cursor:default}.laydate-time-list p{position:relative;top:-4px;line-height:29px}.laydate-time-list ol{height:181px;overflow:hidden}.laydate-time-list>li:hover ol{overflow-y:auto}.laydate-time-list ol li{width:130%;padding-left:4px;height:30px;line-height:30px;text-align:left;cursor:pointer}.layui-laydate-hint{top:115px;left:50%;width:250px;margin-left:-125px;line-height:20px;padding:15px;text-align:center;font-size:12px;color:#ff5722}.layui-laydate-range{min-width:546px}.layui-laydate-range .layui-laydate-main{display:inline-block;vertical-align:middle}.layui-laydate-range .laydate-main-list-1 .layui-laydate-header,.layui-laydate-range .laydate-main-list-1 .layui-laydate-content{border-left:1px solid #e2e2e2}.layui-laydate,.layui-laydate-hint{background-color:#fff;color:#666}.layui-laydate-header{border-bottom:1px solid #e2e2e2}.layui-laydate-header i:hover,.layui-laydate-header span:hover{color:#5fb878}.layui-laydate-content{border-top:none 0;border-bottom:none 0}.layui-laydate-content th{color:#333}.layui-laydate-content td{color:#666}.layui-laydate-content td.laydate-selected{background-color:#b5fff8}.laydate-selected:hover{background-color:#00f7de!important}.layui-laydate-content td:hover,.layui-laydate-list li:hover{background-color:#eee;color:#333}.laydate-time-list li ol{margin:0;padding:0;border:1px solid #e2e2e2}.laydate-time-list li:first-child ol{border-left-width:1px}.laydate-time-list>li:hover{background:none}.layui-laydate-content .laydate-day-prev,.layui-laydate-content .laydate-day-next{color:#d2d2d2}.laydate-selected.laydate-day-prev,.laydate-selected.laydate-day-next{background-color:#f8f8f8!important}.layui-laydate-footer{border-top:1px solid #e2e2e2}.layui-laydate-hint{color:#ff5722}.laydate-day-mark:after{background-color:#5fb878}.layui-laydate-content td.layui-this .laydate-day-mark:after{display:none}.layui-laydate-footer span[lay-type=date]{color:#5fb878}.layui-laydate .layui-this{background-color:var(--global-primary-color)!important;color:#fff!important}.layui-laydate .laydate-disabled,.layui-laydate .laydate-disabled:hover{background:none!important;color:#d2d2d2!important;cursor:not-allowed!important;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.laydate-theme-molv{border:none}.laydate-theme-molv.layui-laydate-range{width:548px}.laydate-theme-molv .layui-laydate-main{width:274px}.laydate-theme-molv .layui-laydate-header{border:none;background-color:#009688}.laydate-theme-molv .layui-laydate-header i,.laydate-theme-molv .layui-laydate-header span{color:#f6f6f6}.laydate-theme-molv .layui-laydate-header i:hover,.laydate-theme-molv .layui-laydate-header span:hover{color:#fff}.laydate-theme-molv .layui-laydate-content{border:1px solid #e2e2e2;border-top:none;border-bottom:none}.laydate-theme-molv .laydate-main-list-1 .layui-laydate-content{border-left:none}.laydate-theme-molv .layui-laydate-footer{border:1px solid #e2e2e2}.laydate-theme-grid .layui-laydate-content td,.laydate-theme-grid .layui-laydate-content thead,.laydate-theme-grid .laydate-year-list>li,.laydate-theme-grid .laydate-month-list>li{border:1px solid #e2e2e2}.laydate-theme-grid .laydate-selected,.laydate-theme-grid .laydate-selected:hover{background-color:#f2f2f2!important;color:#009688!important}.laydate-theme-grid .laydate-selected.laydate-day-prev,.laydate-theme-grid .laydate-selected.laydate-day-next{color:#d2d2d2!important}.laydate-theme-grid .laydate-year-list,.laydate-theme-grid .laydate-month-list{margin:1px 0 0 1px}.laydate-theme-grid .laydate-year-list>li,.laydate-theme-grid .laydate-month-list>li{margin:0 -1px -1px 0}.laydate-theme-grid .laydate-year-list>li{height:43px;line-height:43px}.laydate-theme-grid .laydate-month-list>li{height:71px;line-height:71px}.laydate-range-hover{background-color:var(--global-neutral-color-2)!important}.layui-laydate-content .layui-disabled:not(.layui-laydate-current,.layui-this):hover{background-color:transparent!important}.laydate-range-inputs{display:flex;align-items:center;height:100%;border-width:1px;box-sizing:border-box;width:100%;border-style:solid;overflow:hidden;display:inline-flex;border-color:var(--input-border-color);border-radius:var(--input-border-radius)}.laydate-range-inputs:hover{border-color:#d2d2d2}.laydate-range-inputs .range-separator{margin:0 5px;color:var(--global-neutral-color-8);background-color:transparent}.laydate-range-inputs .layui-input-wrapper{border:none;box-sizing:border-box}.laydate-range-inputs .layui-input-wrapper input{text-align:center;padding:0}.laydate-range-inputs .layui-input{border:none}.layui-laydate-range-main{display:flex}.layui-laydate-range .laydate-set-ym{overflow:visible;white-space:nowrap;line-height:46px}.layui-laydate-range .laydate-set-ym .layui-dropdown{width:auto!important}.layui-laydate-range .time-panel .layui-laydate-main{width:272px;display:unset!important}.layui-laydate-range .time-panel .layui-laydate-preview{display:none}.layui-laydate-range .layui-laydate-content .laydate-year-list,.layui-laydate-range .layui-laydate-list{display:flex;flex-wrap:wrap}.layui-laydate-range-datetime .layui-laydate-main{width:340px}.layui-laydate-current{background-color:var(--global-neutral-color-3)}.laydate-time-list>li:hover ol::-webkit-scrollbar{width:0px}.layui-laydate-content::-webkit-scrollbar{width:8px;height:8px}.layui-laydate-content::-webkit-scrollbar-thumb{border-radius:10px;background-color:#eee}.layui-laydate-content::-webkit-scrollbar-thumb:hover{background-color:#ddd}.layui-date-range-picker .end-input .layui-input-clear{opacity:0;visibility:hidden;display:block;padding:0 10px}.layui-date-range-picker .laydate-range-inputs:hover .end-input .layui-input-clear{opacity:1;visibility:visible}.layui-laydate-shortcut{width:80px;padding:6px 0;display:inline-block;vertical-align:top;overflow:auto;max-height:276px;text-align:center}.layui-laydate-shortcut+.layui-laydate-main{display:inline-block;border-left:1px solid #e2e2e2}.layui-laydate-shortcut>li{padding:5px 8px;cursor:pointer;line-height:18px;user-select:none}.layui-laydate-shortcut>li:hover{background-color:#eee;color:#333;transition:all .3s}.layui-date-picker-static[size]{display:inline-flex;width:auto;height:auto;background-color:#fff;border:1px solid var(--input-border-color);border-radius:var(--global-border-radius)}.layui-form-item[size=lg]{margin-bottom:24px}.layui-form-item[size=lg] .layui-form-label{height:44px;line-height:44px;font-size:16px}.layui-form-item[size=lg] .layui-input-block{min-height:44px}.layui-form-item[size=lg] .layui-switch-container{margin-top:10px}.layui-form-item[size=lg] .layui-form-checkbox{margin-top:5px}.layui-form-item[size=lg] .layui-form-checkbox[lay-skin=primary]{margin-top:12px}.layui-form-item[size=lg] .layui-radio{margin-top:8px}.layui-form-item[size=lg] .layui-radio .layui-form-radio{margin-top:0}.layui-form-item[size=lg] .layui-slider-horizontal{margin-top:18px;width:calc(100% - 10px)}.layui-form-item[size=md]{margin-bottom:20px}.layui-form-item[size=md] .layui-form-label{height:38px;line-height:38px;font-size:14px}.layui-form-item[size=md] .layui-input-block{min-height:38px}.layui-form-item[size=md] .layui-switch-container{margin-top:8px}.layui-form-item[size=md] .layui-form-checkbox{margin-top:4px}.layui-form-item[size=md] .layui-form-checkbox[lay-skin=primary]{margin-top:10px}.layui-form-item[size=md] .layui-rate-clear-icon{padding:8px 0 0}.layui-form-item[size=md] .layui-rate{padding:6px 0 0}.layui-form-item[size=md] .layui-radio{margin-top:6px}.layui-form-item[size=md] .layui-radio .layui-form-radio{margin-top:0}.layui-form-item[size=md] .layui-slider-horizontal{margin-top:16px;width:calc(100% - 10px)}.layui-form-item[size=sm]{margin-bottom:16px}.layui-form-item[size=sm] .layui-form-label{height:32px;line-height:32px;font-size:12px}.layui-form-item[size=sm] .layui-input-block{min-height:32px}.layui-form-item[size=sm] .layui-switch-container{margin-top:6px}.layui-form-item[size=sm] .layui-form-checkbox{margin-top:3px}.layui-form-item[size=sm] .layui-form-checkbox[lay-skin=primary]{margin-top:8px}.layui-form-item[size=sm] .layui-rate-clear-icon{padding:6px 0 0}.layui-form-item[size=sm] .layui-rate{padding:4px 0 0}.layui-form-item[size=sm] .layui-radio{margin-top:3px}.layui-form-item[size=sm] .layui-radio .layui-form-radio{margin-top:0}.layui-form-item[size=sm] .layui-slider-horizontal{margin-top:12px;width:calc(100% - 10px)}.layui-form-item[size=xs]{margin-bottom:12px}.layui-form-item[size=xs] .layui-form-label{height:26px;line-height:26px;font-size:12px}.layui-form-item[size=xs] .layui-input-block{min-height:26px}.layui-form-item[size=xs] .layui-switch-container{margin-top:4px}.layui-form-item[size=xs] .layui-form-checkbox{margin-top:2px}.layui-form-item[size=xs] .layui-form-checkbox[lay-skin=primary]{margin-top:6px}.layui-form-item[size=xs] .layui-rate-clear-icon{padding:4px 0 0}.layui-form-item[size=xs] .layui-rate{padding:0}.layui-form-item[size=xs] .layui-radio,.layui-form-item[size=xs] .layui-radio .layui-form-radio{margin-top:0}.layui-form-item[size=xs] .layui-slider-horizontal{margin-top:10px;width:calc(100% - 10px)}.layui-form-item{display:flex;margin-bottom:20px}.layui-form-item .layui-form-tips{display:block;color:#888;font-size:14px}.layui-form-item .layui-select .layui-dropdown-content .layui-form-checkbox{margin-top:0}.layui-form-item:has(.layui-input-inline){margin-right:10px}.layui-form-item.layui-form-item-inline{display:inline-flex}.layui-form-item.layui-form-item-top{flex-direction:column}.layui-form-item-right .layui-form-label{text-align:right}.layui-form-item-left .layui-form-label{text-align:left}.layui-form-item-top>div{flex:1}.layui-input-inline .layui-input-number{display:block}.layui-form-item:after{content:" ";clear:both;display:block;height:0}.layui-form-label{display:block;padding-right:15px;line-height:38px;font-weight:400}.layui-form-label-col{display:block;float:none;padding:9px 0;line-height:20px;text-align:left}.layui-form-pane .layui-form-item .layui-slider,.layui-form-pane .layui-form-item .layui-rate,.layui-form-pane .layui-form-item .layui-switch-container,.layui-form-pane .layui-form-item .layui-checkbox:first-child,.layui-form-pane .layui-form-item .layui-radio:first-child{margin-left:10px}.layui-input-block{flex:1;min-height:36px}.layui-input-inline{display:inline-block;vertical-align:middle}.layui-form-text .layui-input-inline{width:auto}.layui-form-mid{float:left;display:block;padding:9px 0!important;line-height:20px;margin-right:10px}.layui-form-danger+.layui-form-select .layui-input,.layui-form-danger:focus{border-color:#ff5722!important}.layui-required{margin-right:4px;color:var(--global-danger-color);font-size:14px;line-height:1}.layui-form .layui-form-item .layui-input-block .layui-form-danger,.layui-form .layui-form-item .layui-input-inline .layui-form-danger,.layui-form .layui-form-item .layui-input-block .layui-form-danger .layui-textarea,.layui-form .layui-form-item .layui-input-inline .layui-form-danger .layui-textarea,.layui-form .layui-form-item .layui-input-block .layui-form-danger .layui-tag-input,.layui-form .layui-form-item .layui-input-inline .layui-form-danger .layui-tag-input,.layui-form .layui-form-item .layui-input-block .layui-form-danger .layui-input,.layui-form .layui-form-item .layui-input-inline .layui-form-danger .layui-input,.layui-form .layui-form-item .layui-input-block .layui-form-danger .laydate-range-inputs,.layui-form .layui-form-item .layui-input-inline .layui-form-danger .laydate-range-inputs{border-color:var(--global-danger-color)!important}.layui-error-message{padding-top:5px;color:var(--global-danger-color);position:absolute;font-size:12px;line-height:1;top:100%;left:0}.layui-error-message-anim{-ms-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-animation:layui-top-show-anim .3s ease 1;animation:layui-top-show-anim .3s ease 1}@keyframes layui-top-show-anim{0%{opacity:.3;transform:rotateX(45deg)}to{opacity:1;transform:rotateX(0)}}.layui-form-pane .layui-form-label{display:block;padding:0 15px;border-width:1px;overflow:hidden;white-space:nowrap;background-color:#fafafa;text-overflow:ellipsis;box-sizing:border-box;border-style:solid;border-radius:var(--global-border-radius) 0 0 var(--global-border-radius);text-align:center}.layui-form-pane .layui-input-inline{margin-left:-1px}.layui-form-pane .layui-input-block{left:-1px}.layui-form-pane .layui-colorpicker:first-child,.layui-form-pane .layui-iconpicker:first-child,.layui-form-pane .layui-input:first-child,.layui-form-pane .layui-tag-input:first-child{border-radius:0 var(--global-border-radius) var(--global-border-radius) 0}.layui-form-pane .layui-radio-button:first-child .layui-btn{border-top-left-radius:0;border-bottom-left-radius:0}.layui-form-pane .layui-form-item:has(.layui-textarea){flex-direction:column}.layui-form-pane .layui-form-item:has(.layui-textarea) .layui-form-label{width:100%!important;border-radius:var(--global-border-radius) var(--global-border-radius) 0 0}.layui-form-pane .layui-form-item:has(.layui-textarea) .layui-input-block,.layui-form-pane .layui-form-item:has(.layui-textarea) .layui-input-inline{left:0;top:-1px;width:100%!important;margin-left:0!important}.layui-form-pane .layui-form-item:has(.layui-textarea) .layui-input-block .layui-textarea,.layui-form-pane .layui-form-item:has(.layui-textarea) .layui-input-inline .layui-textarea{border-radius:0 0 var(--global-border-radius) var(--global-border-radius)}.layui-checkbox[size=lg]{display:inline-block}.layui-checkbox[size=lg] .layui-form-checkbox[lay-skin=primary]{padding-left:30px}.layui-checkbox[size=lg] .layui-form-checkbox[lay-skin=primary] .layui-icon{height:20px;box-sizing:border-box;font-size:14px;line-height:20px;width:20px}.layui-checkbox[size=lg] .layui-form-checkbox[lay-skin=primary] .layui-checkbox-label{height:20px;font-size:16px;line-height:20px}.layui-checkbox[size=md]{display:inline-block}.layui-checkbox[size=md] .layui-form-checkbox[lay-skin=primary]{padding-left:28px}.layui-checkbox[size=md] .layui-form-checkbox[lay-skin=primary] .layui-icon{height:18px;box-sizing:border-box;font-size:12px;line-height:18px;width:18px}.layui-checkbox[size=md] .layui-form-checkbox[lay-skin=primary] .layui-checkbox-label{height:18px;font-size:14px;line-height:18px}.layui-checkbox[size=sm]{display:inline-block}.layui-checkbox[size=sm] .layui-form-checkbox[lay-skin=primary]{padding-left:26px}.layui-checkbox[size=sm] .layui-form-checkbox[lay-skin=primary] .layui-icon{height:16px;box-sizing:border-box;font-size:10px;line-height:16px;width:16px}.layui-checkbox[size=sm] .layui-form-checkbox[lay-skin=primary] .layui-checkbox-label{height:16px;font-size:12px;line-height:16px}.layui-checkbox[size=xs]{display:inline-block}.layui-checkbox[size=xs] .layui-form-checkbox[lay-skin=primary]{padding-left:24px}.layui-checkbox[size=xs] .layui-form-checkbox[lay-skin=primary] .layui-icon{height:14px;box-sizing:border-box;font-size:8px;line-height:14px;width:14px}.layui-checkbox[size=xs] .layui-form-checkbox[lay-skin=primary] .layui-checkbox-label{height:14px;font-size:10px;line-height:14px}.layui-checkbox[size=lg] .layui-form-checkbox{height:34px;line-height:34px}.layui-checkbox[size=lg] .layui-form-checkbox .layui-checkbox-label{font-size:15px}.layui-checkbox[size=lg] .layui-form-checkbox i{height:34px;line-height:34px;font-size:22px}.layui-checkbox[size=md] .layui-form-checkbox{height:30px;line-height:30px}.layui-checkbox[size=md] .layui-form-checkbox .layui-checkbox-label{font-size:14px}.layui-checkbox[size=md] .layui-form-checkbox i{height:30px;line-height:30px;font-size:20px}.layui-checkbox[size=sm] .layui-form-checkbox{height:26px;line-height:26px}.layui-checkbox[size=sm] .layui-form-checkbox .layui-checkbox-label{font-size:13px}.layui-checkbox[size=sm] .layui-form-checkbox i{height:26px;line-height:26px;font-size:18px}.layui-checkbox[size=xs] .layui-form-checkbox{height:22px;line-height:22px}.layui-checkbox[size=xs] .layui-form-checkbox .layui-checkbox-label{font-size:12px}.layui-checkbox[size=xs] .layui-form-checkbox i{height:22px;line-height:22px;font-size:16px}.layui-checkbox input[type=checkbox]{display:none}.layui-form-checkbox{position:relative;height:30px;line-height:30px;margin-right:10px;padding-right:30px;cursor:pointer;font-size:0;-webkit-transition:.1s linear;transition:.1s linear;box-sizing:border-box}.layui-form-checkbox span{padding:0 10px;height:100%;font-size:14px;border-radius:var(--global-border-radius) 0 0 var(--global-border-radius);background-color:var(--global-neutral-color-6);color:#fff;overflow:hidden}.layui-form-checkbox:hover span{background-color:var(--global-neutral-color-8)}.layui-form-checkbox i{width:30px;height:30px;position:absolute;box-sizing:border-box;border-top:1px solid var(--global-neutral-color-6);border-bottom:1px solid var(--global-neutral-color-6);border-right:1px solid var(--global-neutral-color-6);border-radius:0 var(--global-border-radius) var(--global-border-radius) 0;text-align:center;font-size:20px;color:#fff;right:0;top:0}.layui-form-checkbox:hover i{border-color:var(--global-neutral-color-8);color:var(--global-neutral-color-8)}.layui-form-checkbox[lay-skin=primary]{height:auto!important;line-height:normal!important;border:none!important;margin-right:0;padding-left:28px;padding-right:0;background:0 0}.layui-form-checkbox[lay-skin=primary] span{padding-left:0;padding-right:15px;line-height:18px;background:0 0;color:#666}.layui-form-checkbox[lay-skin=primary] i{right:auto;left:0;width:16px;height:16px;line-height:16px;border:1px solid var(--global-neutral-color-6);font-size:12px;border-radius:var(--global-border-radius);background-color:#fff;-webkit-transition:.1s linear;transition:.1s linear}.layui-form-checkbox[lay-skin=primary]:hover i{border-color:var(--global-checked-color);color:#fff}.layui-form-checked,.layui-form-checked:hover{border-color:var(--global-checked-color)}.layui-form-checked i,.layui-form-checked:hover i{color:var(--global-checked-color)}.layui-form-checked span,.layui-form-checked:hover span{background-color:var(--global-checked-color)}.layui-form-checked[lay-skin=primary] i{border-color:var(--global-checked-color);background-color:var(--global-checked-color);color:#fff}.layui-form-checked[lay-skin=primary] span{background:0 0!important}.layui-checkbox-disabled[lay-skin=primary] span{background:0 0!important;color:var(--global-neutral-color-8)!important}.layui-checkbox-disabled[lay-skin=primary]:hover i{border-color:var(--global-neutral-color-6)}.layui-checkbox-disabled,.layui-checkbox-disabled i{border-color:var(--global-neutral-color-3)!important}.layui-checkbox-disabled span{background-color:var(--global-neutral-color-3)!important}.layui-checkbox-disabled em{color:var(--global-neutral-color-6)!important}.layui-checkbox-disabled:hover i{color:#fff!important}.layui-checkbox-indeterminate .layui-icon-subtraction{background-color:var(--global-checked-color)!important}.layui-checkbox-disabled .layui-icon-ok,.layui-checkbox-disabled .layui-icon-subtraction{background-color:var(--global-neutral-color-3)!important;border-color:var(--global-neutral-color-3)!important}.layui-popper *[data-popper-arrow]{width:10px;height:10px;position:absolute}.layui-popper *[data-popper-arrow]:after{box-sizing:border-box;position:absolute;content:" ";width:10px;height:10px;transform:rotate(45deg);background-color:#fff;border:1px solid #cecece;z-index:-1}.layui-popper[data-popper-placement^=right]>[data-popper-arrow]{left:-5px}.layui-popper[data-popper-placement^=right]>[data-popper-arrow]:after{border-top-color:transparent!important;border-right-color:transparent!important}.layui-popper[data-popper-placement^=left]>[data-popper-arrow]{right:-5px}.layui-popper[data-popper-placement^=left]>[data-popper-arrow]:after{border-bottom-color:transparent!important;border-left-color:transparent!important}.layui-popper[data-popper-placement^=top]>[data-popper-arrow]{bottom:-5px}.layui-popper[data-popper-placement^=top]>[data-popper-arrow]:after{border-top-color:transparent!important;border-left-color:transparent!important}.layui-popper[data-popper-placement^=bottom]>[data-popper-arrow]{top:-5px}.layui-popper[data-popper-placement^=bottom]>[data-popper-arrow]:after{border-bottom-color:transparent!important;border-right-color:transparent!important}:root{--dropdown-content-border-radius: var(--global-border-radius)}.layui-dropdown{position:relative;display:inline-block}.layui-dropdown-content{position:absolute;z-index:99999999;background-color:#fff;box-sizing:border-box;border:1px solid #e4e7ed;border-radius:var(--dropdown-content-border-radius);box-shadow:0 2px 12px #0000001a}.layui-dropdown-content>.layui-dropdown-menu{margin:5px 0}.layui-dropdown-content .layui-menu{position:relative;background-color:#fff}.layui-dropdown-content .layui-menu li,.layui-dropdown-content .layui-menu-body-title a{padding:5px 15px}.layui-dropdown-content .layui-menu li{position:relative;display:flex;margin:1px 0;line-height:26px;color:#000c;font-size:14px;white-space:nowrap;cursor:pointer}.layui-dropdown-content .layui-menu li:hover{background-color:var(--global-neutral-color-2)}.layui-dropdown-content .layui-menu-body-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layui-dropdown-menu-prefix{margin-right:8px}.layui-dropdown-menu-suffix{margin-left:15px}.layui-dropdown-content .layui-menu li.layui-disabled:hover{background-color:inherit}.layui-tag{--layui-tag-bg-color: #fafafa;--layui-tag-border-color: #f0f0f0;--layui-tag-hover-color: #FFF;--layui-tag-text-color: currentColor;display:inline-flex;align-items:baseline;vertical-align:middle;box-sizing:border-box;height:26px;line-height:26px;padding:0 8px;font-size:14px;font-weight:500;color:var(--layui-tag-text-color);background-color:var(--layui-tag-bg-color);border-width:1px;border-style:solid;border-color:transparent;border-radius:var(--global-border-radius)}.layui-tag-icon{margin-right:4px}.layui-tag-bordered{border-color:var(--layui-tag-border-color)}.layui-tag-disabled{opacity:.4;cursor:not-allowed}.layui-tag-disabled .layui-tag-close-icon .layui-icon:hover{cursor:not-allowed!important;opacity:1}.layui-tag-shap-square{border-radius:var(--global-border-radius)}.layui-tag-shap-round{border-radius:12px}.layui-tag .layui-tag-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layui-tag .layui-tag-close-icon{margin-left:4px;font-size:14px}.layui-tag .layui-tag-close-icon .layui-icon:hover{cursor:pointer;opacity:.5}.layui-tag-size-lg{height:30px;font-size:14px;line-height:30px}.layui-tag-size-md{height:26px;font-size:14px;line-height:26px}.layui-tag .layui-icon{font-size:14px}.layui-tag-size-sm{height:22px;font-size:12px;line-height:22px}.layui-tag-size-xs{height:18px;font-size:12px;line-height:18px}.layui-tag .layui-icon{font-size:12px}.layui-tag-primary{--layui-tag-bg-color: var(--global-primary-color);--layui-tag-border-color: transparent;--layui-tag-hover-color: var(--global-primary-color);--layui-tag-text-color: #ffffff}.layui-tag-primary-bordered{--layui-tag-border-color: var(--global-primary-color)}.layui-tag-primary.layui-tag-variant-light{--layui-tag-bg-color: adjust(var(--global-primary-color), 90%);--layui-tag-border-color: transparent;--layui-tag-hover-color: adjust(var(--global-primary-color), 90%);--layui-tag-text-color: var(--global-primary-color)}.layui-tag-primary.layui-tag-variant-light-bordered{--layui-tag-border-color: adjust(var(--global-primary-color), 50%)}.layui-tag-primary.layui-tag-variant-plain{--layui-tag-bg-color: transparent;--layui-tag-hover-color: transparent;--layui-tag-text-color: var(--global-primary-color);--layui-tag-border-color: transparent}.layui-tag-primary.layui-tag-variant-plain-bordered{--layui-tag-border-color: var(--global-primary-color)}.layui-tag-normal{--layui-tag-bg-color: #1e9fff;--layui-tag-border-color: transparent;--layui-tag-hover-color: #1e9fff;--layui-tag-text-color: #ffffff}.layui-tag-normal-bordered{--layui-tag-border-color: #1e9fff}.layui-tag-normal.layui-tag-variant-light{--layui-tag-bg-color: adjust(#1e9fff, 90%);--layui-tag-border-color: transparent;--layui-tag-hover-color: adjust(#1e9fff, 90%);--layui-tag-text-color: #1e9fff}.layui-tag-normal.layui-tag-variant-light-bordered{--layui-tag-border-color: adjust(#1e9fff, 50%)}.layui-tag-normal.layui-tag-variant-plain{--layui-tag-bg-color: transparent;--layui-tag-hover-color: transparent;--layui-tag-text-color: #1e9fff;--layui-tag-border-color: transparent}.layui-tag-normal.layui-tag-variant-plain-bordered{--layui-tag-border-color: #1e9fff}.layui-tag-warm{--layui-tag-bg-color: #ffb800;--layui-tag-border-color: transparent;--layui-tag-hover-color: #ffb800;--layui-tag-text-color: #ffffff}.layui-tag-warm-bordered{--layui-tag-border-color: #ffb800}.layui-tag-warm.layui-tag-variant-light{--layui-tag-bg-color: adjust(#ffb800, 90%);--layui-tag-border-color: transparent;--layui-tag-hover-color: adjust(#ffb800, 90%);--layui-tag-text-color: #ffb800}.layui-tag-warm.layui-tag-variant-light-bordered{--layui-tag-border-color: adjust(#ffb800, 50%)}.layui-tag-warm.layui-tag-variant-plain{--layui-tag-bg-color: transparent;--layui-tag-hover-color: transparent;--layui-tag-text-color: #ffb800;--layui-tag-border-color: transparent}.layui-tag-warm.layui-tag-variant-plain-bordered{--layui-tag-border-color: #ffb800}.layui-tag-danger{--layui-tag-bg-color: #ff5722;--layui-tag-border-color: transparent;--layui-tag-hover-color: #ff5722;--layui-tag-text-color: #ffffff}.layui-tag-danger-bordered{--layui-tag-border-color: #ff5722}.layui-tag-danger.layui-tag-variant-light{--layui-tag-bg-color: adjust(#ff5722, 90%);--layui-tag-border-color: transparent;--layui-tag-hover-color: adjust(#ff5722, 90%);--layui-tag-text-color: #ff5722}.layui-tag-danger.layui-tag-variant-light-bordered{--layui-tag-border-color: adjust(#ff5722, 50%)}.layui-tag-danger.layui-tag-variant-plain{--layui-tag-bg-color: transparent;--layui-tag-hover-color: transparent;--layui-tag-text-color: #ff5722;--layui-tag-border-color: transparent}.layui-tag-danger.layui-tag-variant-plain-bordered{--layui-tag-border-color: #ff5722}.lay-tooltip-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.lay-tooltip{padding:10px;border-radius:var(--global-border-radius);word-wrap:break-word;min-width:12px;min-height:12px;font-size:14px;box-sizing:border-box;box-shadow:0 2px 12px #00000026;background-color:#fff;color:#3a3a3a;border:1px solid #cecece;z-index:999999}.lay-tooltip>[data-popper-arrow]:after{background-color:#fff;border-color:#cecece}.lay-tooltip.layui-dark{background-color:#353535;color:#fff;border:1px solid #353535}.lay-tooltip.layui-dark>[data-popper-arrow]:after{background-color:#353535;border-color:#353535}.layui-tag-input{display:inline-flex;box-sizing:border-box;width:100%;border-width:1px;border-style:solid;border-color:var(--input-border-color);border-radius:var(--input-border-radius);background-color:#fff;cursor:text}.layui-tag-input-inner{flex:1;overflow:hidden;line-height:0;padding:2px 0}.layui-tag-input-mirror{position:absolute;top:0;left:0;white-space:pre;visibility:hidden;pointer-events:none}.layui-tag-input-clear{flex:none;display:none;align-items:center;padding:0 10px;color:#00000073;cursor:pointer;visibility:hidden}.layui-tag-input-clear:hover{opacity:.8}.layui-tag-input .layui-tag-input-inner-input{box-sizing:border-box;border:none}.layui-tag-input-disabled{cursor:not-allowed;opacity:.6}.layui-tag-input-disabled *{cursor:not-allowed}.layui-tag-input .layui-tag{margin-right:5px;margin-top:2px;margin-bottom:2px;white-space:pre-wrap}.layui-tag-input-collapsed-panel{white-space:normal;display:flex;align-items:center;flex-wrap:wrap;width:100%;height:auto;overflow:hidden}.layui-tag-input-collapsed-panel .layui-tag{margin-right:5px;margin-bottom:4px}.layui-tag-input.layui-tag-input-lg{min-height:44px}.layui-tag-input.layui-tag-input-lg .layui-tag-input-inner-input{height:38px;vertical-align:middle}.layui-tag-input.layui-tag-input-lg .layui-tag-input-inner-input:disabled{position:relative;background:transparent;z-index:1}.layui-tag-input.layui-tag-input-lg .layui-tag-input-inner{position:relative;padding:2px 5px}.layui-tag-input.layui-tag-input-lg .layui-tag-input-inner-disabled-input{position:absolute;inset:0;z-index:2}.layui-tag-input.layui-tag-input-lg .layui-tag{position:relative;margin-top:2px;margin-bottom:2px;z-index:3}.layui-tag-input.layui-tag-input-md{min-height:38px}.layui-tag-input.layui-tag-input-md .layui-tag-input-inner-input{height:32px;vertical-align:middle}.layui-tag-input.layui-tag-input-md .layui-tag-input-inner-input:disabled{position:relative;background:transparent;z-index:1}.layui-tag-input.layui-tag-input-md .layui-tag-input-inner{position:relative;padding:2px 5px}.layui-tag-input.layui-tag-input-md .layui-tag-input-inner-disabled-input{position:absolute;inset:0;z-index:2}.layui-tag-input.layui-tag-input-md .layui-tag{position:relative;margin-top:2px;margin-bottom:2px;z-index:3}.layui-tag-input.layui-tag-input-sm{min-height:32px}.layui-tag-input.layui-tag-input-sm .layui-tag-input-inner-input{height:28px;vertical-align:middle}.layui-tag-input.layui-tag-input-sm .layui-tag-input-inner-input:disabled{position:relative;background:transparent;z-index:1}.layui-tag-input.layui-tag-input-sm .layui-tag-input-inner{position:relative;padding:1px 5px}.layui-tag-input.layui-tag-input-sm .layui-tag-input-inner-disabled-input{position:absolute;inset:0;z-index:2}.layui-tag-input.layui-tag-input-sm .layui-tag{position:relative;margin-top:1px;margin-bottom:1px;z-index:3}.layui-tag-input.layui-tag-input-xs{min-height:26px}.layui-tag-input.layui-tag-input-xs .layui-tag-input-inner-input{height:22px;vertical-align:middle}.layui-tag-input.layui-tag-input-xs .layui-tag-input-inner-input:disabled{position:relative;background:transparent;z-index:1}.layui-tag-input.layui-tag-input-xs .layui-tag-input-inner{position:relative;padding:1px 5px}.layui-tag-input.layui-tag-input-xs .layui-tag-input-inner-disabled-input{position:absolute;inset:0;z-index:2}.layui-tag-input.layui-tag-input-xs .layui-tag{position:relative;margin-top:1px;margin-bottom:1px;z-index:3}.layui-tag-input-suffix{display:flex;flex:none;align-items:center;padding:0 10px}.layui-tag-input:not(.layui-tag-input-disabled):hover{border-color:#d2d2d2!important}.layui-tag-input:not(.layui-tag-input-disabled):hover .layui-tag-input-clear{display:flex;visibility:unset}.layui-tag-input-append{background-color:#fafafa;border-left:1px solid var(--input-border-color);display:flex;padding:0 15px;flex:none;align-items:center}.layui-tag-input-prepend{background-color:#fafafa;border-right:1px solid var(--input-border-color);display:flex;padding:0 15px;flex:none;align-items:center}.layui-select{width:220px;cursor:pointer}.layui-unselect *{cursor:pointer}.layui-select-content{max-height:300px;padding:5px 0;overflow:auto}.layui-select .layui-icon-triangle-d{transition:all .3s;-webkit-transition:all .3s;color:var(--global-neutral-color-8)}.layui-select .layui-icon-triangle-d.triangle{transform:rotate(180deg)}.layui-select-content .layui-select-option{padding:0 10px;line-height:36px;height:36px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.layui-select-content .layui-select-option-group-label{padding:10px;font-size:14px;color:gray}.layui-select-content .layui-select-option.layui-disabled{color:var(--global-neutral-color-6)!important;cursor:not-allowed!important}.layui-select-content .layui-select-option .layui-form-checkbox[lay-skin=primary]{padding-left:0!important}.layui-select-content .layui-select-option.layui-this,.layui-select-content .layui-select-option.layui-this .layui-checkbox-label{background-color:var(--global-neutral-color-2);color:var(--global-checked-color);font-weight:700}.layui-select-content .layui-select-option:hover{background-color:var(--global-neutral-color-2)}.layui-select-content .layui-select-option .layui-checkbox{margin-right:10px}.layui-select-search{padding:5px 10px}.layui-select.has-content.has-clear:not(.has-disabled):hover .layui-input-suffix,.layui-select.has-content.has-clear:not(.has-disabled):hover .layui-tag-input-suffix{display:none}.layui-select-content::-webkit-scrollbar{width:8px;height:8px}.layui-select-content::-webkit-scrollbar-thumb{border-radius:10px;background-color:#eee}.layui-select-content::-webkit-scrollbar-thumb:hover{background-color:#ddd}.layui-select-content__header{border-bottom:1px solid var(--global-neutral-color-3)}.layui-select-content__footer{border-top:1px solid var(--global-neutral-color-3)}.layui-select-option-group{background-color:#fff}:root{--button-primary-text-color: #fff;--button-primary-background-color: var(--global-primary-color);--button-primary-border-color: var(--global-primary-color);--button-normal-text-color: #fff;--button-normal-background-color: var(--global-normal-color);--button-normal-border-color: var(--global-normal-color);--button-warm-text-color: #fff;--button-warm-background-color: var(--global-warm-color);--button-warm-border-color: var(--global-warm-color);--button-danger-text-color: #fff;--button-danger-background-color: var(--global-danger-color);--button-danger-border-color: var(--global-danger-color);--button-border-radius: var(--global-border-radius);--button-border-color: var(--global-neutral-color-6);--button-background-color: 0 0;--button-text-color: #666}.layui-btn{height:38px;line-height:36px;padding:0 18px;font-size:14px;text-align:center;white-space:nowrap;color:var(--button-text-color);background:var(--button-background-color);border-radius:var(--button-border-radius);border-color:var(--button-border-color);border-width:1px;border-style:solid;cursor:pointer}.layui-btn-primary{color:var(--button-primary-text-color);background-color:var(--button-primary-background-color);border-color:var(--button-primary-border-color)}.layui-btn-normal{color:var(--button-normal-text-color);background-color:var(--button-normal-background-color);border-color:var(--button-normal-border-color)}.layui-btn-warm{color:var(--button-warm-text-color);background-color:var(--button-warm-background-color);border-color:var(--button-warm-border-color)}.layui-btn-danger{color:var(--button-danger-text-color);background-color:var(--button-danger-background-color);border-color:var(--button-danger-border-color)}.layui-btn:hover{opacity:.8;filter:alpha(opacity=80)}.layui-btn:active{opacity:1;filter:alpha(opacity=100)}.layui-btn-lg{height:44px;line-height:44px;padding:0 25px;font-size:16px}.layui-btn-sm{height:32px;line-height:32px;padding:0 10px;font-size:12px}.layui-btn-xs{height:26px;line-height:26px;padding:0 5px;font-size:12px}.layui-btn-xs i{font-size:12px!important}.layui-btn-fluid{width:100%}.layui-btn-radius{border-radius:100px}.layui-btn-disabled,.layui-btn-disabled:active,.layui-btn-disabled:hover{border-color:#eee!important;background-color:#fbfbfb!important;color:#d2d2d2!important;cursor:not-allowed!important;opacity:1}.layui-btn+.layui-btn{margin-left:10px}.layui-btn .layui-icon{vertical-align:middle\ ;vertical-align:bottom}.layui-btn span+.layui-icon,.layui-btn .layui-icon+span{margin-left:6px}:root{--button-primary-color: var(--global-primary-color);--button-border-radius: var(--global-border-radius)}.layui-radio-button input{display:none}.layui-radio-button .layui-btn{margin:0 5px 0 0}.layui-radio-group .layui-radio-button .layui-btn{border-radius:0;margin:0}.layui-radio-group .layui-radio-button:first-child .layui-btn{border-radius:var(--button-border-radius) 0px 0px var(--button-border-radius)}.layui-radio-group .layui-radio-button:last-child .layui-btn{border-radius:0px var(--button-border-radius) var(--button-border-radius) 0px}.layui-rate,.layui-rate *{display:inline-block;vertical-align:middle}.layui-rate{padding:10px 5px 10px 0;font-size:0}.layui-rate li i.layui-icon{font-size:20px;color:#ffb800;margin-right:5px;transition:all .3s;-webkit-transition:all .3s}.layui-rate li i:hover{cursor:pointer;transform:scale(1.12);-webkit-transform:scale(1.12)}.layui-rate[readonly] li i:hover{cursor:default;transform:scale(1)}.layui-rate-clear-icon{display:inline-block;color:#c6c6c6;padding-top:3px;font-size:18px;vertical-align:middle}.layui-rate-clear-icon:hover{cursor:pointer;color:#ff4949}.layui-row:after,.layui-row:before{content:"";display:block;clear:both}.layui-col-space0{margin:0}.layui-col-space0>*{padding:0}.layui-col-space1{margin:-.5px}.layui-col-space1>*{padding:.5px}.layui-col-space2{margin:-1px}.layui-col-space2>*{padding:1px}.layui-col-space3{margin:-1.5px}.layui-col-space3>*{padding:1.5px}.layui-col-space4{margin:-2px}.layui-col-space4>*{padding:2px}.layui-col-space5{margin:-2.5px}.layui-col-space5>*{padding:2.5px}.layui-col-space6{margin:-3px}.layui-col-space6>*{padding:3px}.layui-col-space7{margin:-3.5px}.layui-col-space7>*{padding:3.5px}.layui-col-space8{margin:-4px}.layui-col-space8>*{padding:4px}.layui-col-space9{margin:-4.5px}.layui-col-space9>*{padding:4.5px}.layui-col-space10{margin:-5px}.layui-col-space10>*{padding:5px}.layui-col-space11{margin:-5.5px}.layui-col-space11>*{padding:5.5px}.layui-col-space12{margin:-6px}.layui-col-space12>*{padding:6px}.layui-col-space13{margin:-6.5px}.layui-col-space13>*{padding:6.5px}.layui-col-space14{margin:-7px}.layui-col-space14>*{padding:7px}.layui-col-space15{margin:-7.5px}.layui-col-space15>*{padding:7.5px}.layui-col-space16{margin:-8px}.layui-col-space16>*{padding:8px}.layui-col-space17{margin:-8.5px}.layui-col-space17>*{padding:8.5px}.layui-col-space18{margin:-9px}.layui-col-space18>*{padding:9px}.layui-col-space19{margin:-9.5px}.layui-col-space19>*{padding:9.5px}.layui-col-space20{margin:-10px}.layui-col-space20>*{padding:10px}.layui-col-space21{margin:-10.5px}.layui-col-space21>*{padding:10.5px}.layui-col-space22{margin:-11px}.layui-col-space22>*{padding:11px}.layui-col-space23{margin:-11.5px}.layui-col-space23>*{padding:11.5px}.layui-col-space24{margin:-12px}.layui-col-space24>*{padding:12px}.layui-col-space25{margin:-12.5px}.layui-col-space25>*{padding:12.5px}.layui-col-space26{margin:-13px}.layui-col-space26>*{padding:13px}.layui-col-space27{margin:-13.5px}.layui-col-space27>*{padding:13.5px}.layui-col-space28{margin:-14px}.layui-col-space28>*{padding:14px}.layui-col-space29{margin:-14.5px}.layui-col-space29>*{padding:14.5px}.layui-col-space30{margin:-15px}.layui-col-space30>*{padding:15px}@media screen and (max-width: 768px){.layui-col-xs0{float:left;display:block;position:relative;box-sizing:border-box;width:0%}.layui-col-xs-offset0{margin-left:0%}.layui-col-xs-pull0{right:0%}.layui-col-xs-push0{left:0%}.layui-col-xs1{float:left;display:block;position:relative;box-sizing:border-box;width:4.16666667%}.layui-col-xs-offset1{margin-left:4.16666667%}.layui-col-xs-pull1{right:4.16666667%}.layui-col-xs-push1{left:4.16666667%}.layui-col-xs2{float:left;display:block;position:relative;box-sizing:border-box;width:8.33333333%}.layui-col-xs-offset2{margin-left:8.33333333%}.layui-col-xs-pull2{right:8.33333333%}.layui-col-xs-push2{left:8.33333333%}.layui-col-xs3{float:left;display:block;position:relative;box-sizing:border-box;width:12.5%}.layui-col-xs-offset3{margin-left:12.5%}.layui-col-xs-pull3{right:12.5%}.layui-col-xs-push3{left:12.5%}.layui-col-xs4{float:left;display:block;position:relative;box-sizing:border-box;width:16.66666667%}.layui-col-xs-offset4{margin-left:16.66666667%}.layui-col-xs-pull4{right:16.66666667%}.layui-col-xs-push4{left:16.66666667%}.layui-col-xs5{float:left;display:block;position:relative;box-sizing:border-box;width:20.83333333%}.layui-col-xs-offset5{margin-left:20.83333333%}.layui-col-xs-pull5{right:20.83333333%}.layui-col-xs-push5{left:20.83333333%}.layui-col-xs6{float:left;display:block;position:relative;box-sizing:border-box;width:25%}.layui-col-xs-offset6{margin-left:25%}.layui-col-xs-pull6{right:25%}.layui-col-xs-push6{left:25%}.layui-col-xs7{float:left;display:block;position:relative;box-sizing:border-box;width:29.16666667%}.layui-col-xs-offset7{margin-left:29.16666667%}.layui-col-xs-pull7{right:29.16666667%}.layui-col-xs-push7{left:29.16666667%}.layui-col-xs8{float:left;display:block;position:relative;box-sizing:border-box;width:33.33333333%}.layui-col-xs-offset8{margin-left:33.33333333%}.layui-col-xs-pull8{right:33.33333333%}.layui-col-xs-push8{left:33.33333333%}.layui-col-xs9{float:left;display:block;position:relative;box-sizing:border-box;width:37.5%}.layui-col-xs-offset9{margin-left:37.5%}.layui-col-xs-pull9{right:37.5%}.layui-col-xs-push9{left:37.5%}.layui-col-xs10{float:left;display:block;position:relative;box-sizing:border-box;width:41.66666667%}.layui-col-xs-offset10{margin-left:41.66666667%}.layui-col-xs-pull10{right:41.66666667%}.layui-col-xs-push10{left:41.66666667%}.layui-col-xs11{float:left;display:block;position:relative;box-sizing:border-box;width:45.83333333%}.layui-col-xs-offset11{margin-left:45.83333333%}.layui-col-xs-pull11{right:45.83333333%}.layui-col-xs-push11{left:45.83333333%}.layui-col-xs12{float:left;display:block;position:relative;box-sizing:border-box;width:50%}.layui-col-xs-offset12{margin-left:50%}.layui-col-xs-pull12{right:50%}.layui-col-xs-push12{left:50%}.layui-col-xs13{float:left;display:block;position:relative;box-sizing:border-box;width:54.16666667%}.layui-col-xs-offset13{margin-left:54.16666667%}.layui-col-xs-pull13{right:54.16666667%}.layui-col-xs-push13{left:54.16666667%}.layui-col-xs14{float:left;display:block;position:relative;box-sizing:border-box;width:58.33333333%}.layui-col-xs-offset14{margin-left:58.33333333%}.layui-col-xs-pull14{right:58.33333333%}.layui-col-xs-push14{left:58.33333333%}.layui-col-xs15{float:left;display:block;position:relative;box-sizing:border-box;width:62.5%}.layui-col-xs-offset15{margin-left:62.5%}.layui-col-xs-pull15{right:62.5%}.layui-col-xs-push15{left:62.5%}.layui-col-xs16{float:left;display:block;position:relative;box-sizing:border-box;width:66.66666667%}.layui-col-xs-offset16{margin-left:66.66666667%}.layui-col-xs-pull16{right:66.66666667%}.layui-col-xs-push16{left:66.66666667%}.layui-col-xs17{float:left;display:block;position:relative;box-sizing:border-box;width:70.83333333%}.layui-col-xs-offset17{margin-left:70.83333333%}.layui-col-xs-pull17{right:70.83333333%}.layui-col-xs-push17{left:70.83333333%}.layui-col-xs18{float:left;display:block;position:relative;box-sizing:border-box;width:75%}.layui-col-xs-offset18{margin-left:75%}.layui-col-xs-pull18{right:75%}.layui-col-xs-push18{left:75%}.layui-col-xs19{float:left;display:block;position:relative;box-sizing:border-box;width:79.16666667%}.layui-col-xs-offset19{margin-left:79.16666667%}.layui-col-xs-pull19{right:79.16666667%}.layui-col-xs-push19{left:79.16666667%}.layui-col-xs20{float:left;display:block;position:relative;box-sizing:border-box;width:83.33333333%}.layui-col-xs-offset20{margin-left:83.33333333%}.layui-col-xs-pull20{right:83.33333333%}.layui-col-xs-push20{left:83.33333333%}.layui-col-xs21{float:left;display:block;position:relative;box-sizing:border-box;width:87.5%}.layui-col-xs-offset21{margin-left:87.5%}.layui-col-xs-pull21{right:87.5%}.layui-col-xs-push21{left:87.5%}.layui-col-xs22{float:left;display:block;position:relative;box-sizing:border-box;width:91.66666667%}.layui-col-xs-offset22{margin-left:91.66666667%}.layui-col-xs-pull22{right:91.66666667%}.layui-col-xs-push22{left:91.66666667%}.layui-col-xs23{float:left;display:block;position:relative;box-sizing:border-box;width:95.83333333%}.layui-col-xs-offset23{margin-left:95.83333333%}.layui-col-xs-pull23{right:95.83333333%}.layui-col-xs-push23{left:95.83333333%}.layui-col-xs24{float:left;display:block;position:relative;box-sizing:border-box;width:100%}.layui-col-xs-offset24{margin-left:100%}.layui-col-xs-pull24{right:100%}.layui-col-xs-push24{left:100%}}@media screen and (min-width: 768px){.layui-col-sm0{float:left;display:block;pos