/* Margin 和 Padding 工具类 */
/* 这些类可以用于快速设置元素的 margin 或 padding，所有样式均添加了 !important 以确保优先级。 */

/* 全局 Margin 类 */
.m0 { margin: 0px !important; } /* 设置 0px 的 margin */
.m1 { margin: 1px !important; } /* 设置 1px 的 margin */
.m2 { margin: 2px !important; } /* 设置 2px 的 margin */
.m3 { margin: 3px !important; } /* 设置 3px 的 margin */
.m4 { margin: 4px !important; } /* 设置 4px 的 margin */
.m5 { margin: 5px !important; } /* 设置 5px 的 margin */
/* ... 5的倍数单独注释，其他默认 */
.m10 { margin: 10px !important; } /* 设置 10px 的 margin */
.m15 { margin: 15px !important; } /* 设置 15px 的 margin */
.m20 { margin: 20px !important; } /* 设置 20px 的 margin */
.m25 { margin: 25px !important; } /* 设置 25px 的 margin */
.m30 { margin: 30px !important; } /* 设置 30px 的 margin */
.m35 { margin: 35px !important; } /* 设置 35px 的 margin */
.m40 { margin: 40px !important; } /* 设置 40px 的 margin */
.m45 { margin: 45px !important; } /* 设置 45px 的 margin */
.m50 { margin: 50px !important; } /* 设置 50px 的 margin */
.m55 { margin: 55px !important; } /* 设置 55px 的 margin */
.m60 { margin: 60px !important; } /* 设置 60px 的 margin */
.m65 { margin: 65px !important; } /* 设置 65px 的 margin */
.m70 { margin: 70px !important; } /* 设置 70px 的 margin */
.m75 { margin: 75px !important; } /* 设置 75px 的 margin */
.m80 { margin: 80px !important; } /* 设置 80px 的 margin */
.m85 { margin: 85px !important; } /* 设置 85px 的 margin */
.m90 { margin: 90px !important; } /* 设置 90px 的 margin */
.m95 { margin: 95px !important; } /* 设置 95px 的 margin */
.m100 { margin: 100px !important; } /* 设置 100px 的 margin */

/* 全局 Padding 类 */
.p0 { padding: 0px !important; } /* 设置 0px 的 padding */
.p1 { padding: 1px !important; } /* 设置 1px 的 padding */
.p2 { padding: 2px !important; } /* 设置 2px 的 padding */
.p3 { padding: 3px !important; } /* 设置 3px 的 padding */
.p4 { padding: 4px !important; } /* 设置 4px 的 padding */
.p5 { padding: 5px !important; } /* 设置 5px 的 padding */
/* ... 5的倍数单独注释，其他默认 */
.p10 { padding: 10px !important; } /* 设置 10px 的 padding */
.p15 { padding: 15px !important; } /* 设置 15px 的 padding */
.p20 { padding: 20px !important; } /* 设置 20px 的 padding */
.p25 { padding: 25px !important; } /* 设置 25px 的 padding */
.p30 { padding: 30px !important; } /* 设置 30px 的 padding */
.p35 { padding: 35px !important; } /* 设置 35px 的 padding */
.p40 { padding: 40px !important; } /* 设置 40px 的 padding */
.p45 { padding: 45px !important; } /* 设置 45px 的 padding */
.p50 { padding: 50px !important; } /* 设置 50px 的 padding */
.p55 { padding: 55px !important; } /* 设置 55px 的 padding */
.p60 { padding: 60px !important; } /* 设置 60px 的 padding */
.p65 { padding: 65px !important; } /* 设置 65px 的 padding */
.p70 { padding: 70px !important; } /* 设置 70px 的 padding */
.p75 { padding: 75px !important; } /* 设置 75px 的 padding */
.p80 { padding: 80px !important; } /* 设置 80px 的 padding */
.p85 { padding: 85px !important; } /* 设置 85px 的 padding */
.p90 { padding: 90px !important; } /* 设置 90px 的 padding */
.p95 { padding: 95px !important; } /* 设置 95px 的 padding */
.p100 { padding: 100px !important; } /* 设置 100px 的 padding */

/* 单边 Margin 类 */
/* 这些类可以为特定边（上、右、下、左）设置 margin，所有样式均添加了 !important 以确保优先级。 */

/* 上边距 */
.mt0 { margin-top: 0px !important; } /* 设置 0px 的 margin-top */
.mt1 { margin-top: 1px !important; } /* 设置 1px 的 margin-top */
.mt2 { margin-top: 2px !important; } /* 设置 2px 的 margin-top */
.mt3 { margin-top: 3px !important; } /* 设置 3px 的 margin-top */
.mt4 { margin-top: 4px !important; } /* 设置 4px 的 margin-top */
.mt5 { margin-top: 5px !important; } /* 设置 5px 的 margin-top */
/* ... 5的倍数单独注释，其他默认 */
.mt10 { margin-top: 10px !important; } /* 设置 10px 的 margin-top */
.mt15 { margin-top: 15px !important; } /* 设置 15px 的 margin-top */
.mt20 { margin-top: 20px !important; } /* 设置 20px 的 margin-top */
.mt25 { margin-top: 25px !important; } /* 设置 25px 的 margin-top */
.mt30 { margin-top: 30px !important; } /* 设置 30px 的 margin-top */
.mt35 { margin-top: 35px !important; } /* 设置 35px 的 margin-top */
.mt40 { margin-top: 40px !important; } /* 设置 40px 的 margin-top */
.mt45 { margin-top: 45px !important; } /* 设置 45px 的 margin-top */
.mt50 { margin-top: 50px !important; } /* 设置 50px 的 margin-top */
.mt55 { margin-top: 55px !important; } /* 设置 55px 的 margin-top */
.mt60 { margin-top: 60px !important; } /* 设置 60px 的 margin-top */
.mt65 { margin-top: 65px !important; } /* 设置 65px 的 margin-top */
.mt70 { margin-top: 70px !important; } /* 设置 70px 的 margin-top */
.mt75 { margin-top: 75px !important; } /* 设置 75px 的 margin-top */
.mt80 { margin-top: 80px !important; } /* 设置 80px 的 margin-top */
.mt85 { margin-top: 85px !important; } /* 设置 85px 的 margin-top */
.mt90 { margin-top: 90px !important; } /* 设置 90px 的 margin-top */
.mt95 { margin-top: 95px !important; } /* 设置 95px 的 margin-top */
.mt100 { margin-top: 100px !important; } /* 设置 100px 的 margin-top */

/* 右边距 */
.mr0 { margin-right: 0px !important; } /* 设置 0px 的 margin-right */
.mr1 { margin-right: 1px !important; } /* 设置 1px 的 margin-right */
.mr2 { margin-right: 2px !important; } /* 设置 2px 的 margin-right */
.mr3 { margin-right: 3px !important; } /* 设置 3px 的 margin-right */
.mr4 { margin-right: 4px !important; } /* 设置 4px 的 margin-right */
.mr5 { margin-right: 5px !important; } /* 设置 5px 的 margin-right */
/* ... 5的倍数单独注释，其他默认 */
.mr10 { margin-right: 10px !important; } /* 设置 10px 的 margin-right */
.mr15 { margin-right: 15px !important; } /* 设置 15px 的 margin-right */
.mr20 { margin-right: 20px !important; } /* 设置 20px 的 margin-right */
.mr25 { margin-right: 25px !important; } /* 设置 25px 的 margin-right */
.mr30 { margin-right: 30px !important; } /* 设置 30px 的 margin-right */
.mr35 { margin-right: 35px !important; } /* 设置 35px 的 margin-right */
.mr40 { margin-right: 40px !important; } /* 设置 40px 的 margin-right */
.mr45 { margin-right: 45px !important; } /* 设置 45px 的 margin-right */
.mr50 { margin-right: 50px !important; } /* 设置 50px 的 margin-right */
.mr55 { margin-right: 55px !important; } /* 设置 55px 的 margin-right */
.mr60 { margin-right: 60px !important; } /* 设置 60px 的 margin-right */
.mr65 { margin-right: 65px !important; } /* 设置 65px 的 margin-right */
.mr70 { margin-right: 70px !important; } /* 设置 70px 的 margin-right */
.mr75 { margin-right: 75px !important; } /* 设置 75px 的 margin-right */
.mr80 { margin-right: 80px !important; } /* 设置 80px 的 margin-right */
.mr85 { margin-right: 85px !important; } /* 设置 85px 的 margin-right */
.mr90 { margin-right: 90px !important; } /* 设置 90px 的 margin-right */
.mr95 { margin-right: 95px !important; } /* 设置 95px 的 margin-right */
.mr100 { margin-right: 100px !important; } /* 设置 100px 的 margin-right */

/* 下边距 */
.mb0 { margin-bottom: 0px !important; } /* 设置 0px 的 margin-bottom */
.mb1 { margin-bottom: 1px !important; } /* 设置 1px 的 margin-bottom */
.mb2 { margin-bottom: 2px !important; } /* 设置 2px 的 margin-bottom */
.mb3 { margin-bottom: 3px !important; } /* 设置 3px 的 margin-bottom */
.mb4 { margin-bottom: 4px !important; } /* 设置 4px 的 margin-bottom */
.mb5 { margin-bottom: 5px !important; } /* 设置 5px 的 margin-bottom */
/* ... 5的倍数单独注释，其他默认 */
.mb10 { margin-bottom: 10px !important; } /* 设置 10px 的 margin-bottom */
.mb15 { margin-bottom: 15px !important; } /* 设置 15px 的 margin-bottom */
.mb20 { margin-bottom: 20px !important; } /* 设置 20px 的 margin-bottom */
.mb25 { margin-bottom: 25px !important; } /* 设置 25px 的 margin-bottom */
.mb30 { margin-bottom: 30px !important; } /* 设置 30px 的 margin-bottom */
.mb35 { margin-bottom: 35px !important; } /* 设置 35px 的 margin-bottom */
.mb40 { margin-bottom: 40px !important; } /* 设置 40px 的 margin-bottom */
.mb45 { margin-bottom: 45px !important; } /* 设置 45px 的 margin-bottom */
.mb50 { margin-bottom: 50px !important; } /* 设置 50px 的 margin-bottom */
.mb55 { margin-bottom: 55px !important; } /* 设置 55px 的 margin-bottom */
.mb60 { margin-bottom: 60px !important; } /* 设置 60px 的 margin-bottom */
.mb65 { margin-bottom: 65px !important; } /* 设置 65px 的 margin-bottom */
.mb70 { margin-bottom: 70px !important; } /* 设置 70px 的 margin-bottom */
.mb75 { margin-bottom: 75px !important; } /* 设置 75px 的 margin-bottom */
.mb80 { margin-bottom: 80px !important; } /* 设置 80px 的 margin-bottom */
.mb85 { margin-bottom: 85px !important; } /* 设置 85px 的 margin-bottom */
.mb90 { margin-bottom: 90px !important; } /* 设置 90px 的 margin-bottom */
.mb95 { margin-bottom: 95px !important; } /* 设置 95px 的 margin-bottom */
.mb100 { margin-bottom: 100px !important; } /* 设置 100px 的 margin-bottom */

/* 左边距 */
.ml0 { margin-left: 0px !important; } /* 设置 0px 的 margin-left */
.ml1 { margin-left: 1px !important; } /* 设置 1px 的 margin-left */
.ml2 { margin-left: 2px !important; } /* 设置 2px 的 margin-left */
.ml3 { margin-left: 3px !important; } /* 设置 3px 的 margin-left */
.ml4 { margin-left: 4px !important; } /* 设置 4px 的 margin-left */
.ml5 { margin-left: 5px !important; } /* 设置 5px 的 margin-left */
/* ... 5的倍数单独注释，其他默认 */
.ml10 { margin-left: 10px !important; } /* 设置 10px 的 margin-left */
.ml15 { margin-left: 15px !important; } /* 设置 15px 的 margin-left */
.ml20 { margin-left: 20px !important; } /* 设置 20px 的 margin-left */
.ml25 { margin-left: 25px !important; } /* 设置 25px 的 margin-left */
.ml30 { margin-left: 30px !important; } /* 设置 30px 的 margin-left */
.ml35 { margin-left: 35px !important; } /* 设置 35px 的 margin-left */
.ml40 { margin-left: 40px !important; } /* 设置 40px 的 margin-left */
.ml45 { margin-left: 45px !important; } /* 设置 45px 的 margin-left */
.ml50 { margin-left: 50px !important; } /* 设置 50px 的 margin-left */
.ml55 { margin-left: 55px !important; } /* 设置 55px 的 margin-left */
.ml60 { margin-left: 60px !important; } /* 设置 60px 的 margin-left */
.ml65 { margin-left: 65px !important; } /* 设置 65px 的 margin-left */
.ml70 { margin-left: 70px !important; } /* 设置 70px 的 margin-left */
.ml75 { margin-left: 75px !important; } /* 设置 75px 的 margin-left */
.ml80 { margin-left: 80px !important; } /* 设置 80px 的 margin-left */
.ml85 { margin-left: 85px !important; } /* 设置 85px 的 margin-left */
.ml90 { margin-left: 90px !important; } /* 设置 90px 的 margin-left */
.ml95 { margin-left: 95px !important; } /* 设置 95px 的 margin-left */
.ml100 { margin-left: 100px !important; } /* 设置 100px 的 margin-left */

/* 单边 Padding 类 */
/* 这些类可以为特定边（上、右、下、左）设置 padding，所有样式均添加了 !important 以确保优先级。 */

/* 上内边距 */
.pt0 { padding-top: 0px !important; } /* 设置 0px 的 padding-top */
.pt1 { padding-top: 1px !important; } /* 设置 1px 的 padding-top */
.pt2 { padding-top: 2px !important; } /* 设置 2px 的 padding-top */
.pt3 { padding-top: 3px !important; } /* 设置 3px 的 padding-top */
.pt4 { padding-top: 4px !important; } /* 设置 4px 的 padding-top */
.pt5 { padding-top: 5px !important; } /* 设置 5px 的 padding-top */
/* ... 5的倍数单独注释，其他默认 */
.pt10 { padding-top: 10px !important; } /* 设置 10px 的 padding-top */
.pt15 { padding-top: 15px !important; } /* 设置 15px 的 padding-top */
.pt20 { padding-top: 20px !important; } /* 设置 20px 的 padding-top */
.pt25 { padding-top: 25px !important; } /* 设置 25px 的 padding-top */
.pt30 { padding-top: 30px !important; } /* 设置 30px 的 padding-top */
.pt35 { padding-top: 35px !important; } /* 设置 35px 的 padding-top */
.pt40 { padding-top: 40px !important; } /* 设置 40px 的 padding-top */
.pt45 { padding-top: 45px !important; } /* 设置 45px 的 padding-top */
.pt50 { padding-top: 50px !important; } /* 设置 50px 的 padding-top */
.pt55 { padding-top: 55px !important; } /* 设置 55px 的 padding-top */
.pt60 { padding-top: 60px !important; } /* 设置 60px 的 padding-top */
.pt65 { padding-top: 65px !important; } /* 设置 65px 的 padding-top */
.pt70 { padding-top: 70px !important; } /* 设置 70px 的 padding-top */
.pt75 { padding-top: 75px !important; } /* 设置 75px 的 padding-top */
.pt80 { padding-top: 80px !important; } /* 设置 80px 的 padding-top */
.pt85 { padding-top: 85px !important; } /* 设置 85px 的 padding-top */
.pt90 { padding-top: 90px !important; } /* 设置 90px 的 padding-top */
.pt95 { padding-top: 95px !important; } /* 设置 95px 的 padding-top */
.pt100 { padding-top: 100px !important; } /* 设置 100px 的 padding-top */

/* 右内边距 */
.pr0 { padding-right: 0px !important; }
.pr5 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
.pr45 { padding-right: 45px !important; }
.pr50 { padding-right: 50px !important; }

/* 下内边距 */
.pb0 { padding-bottom: 0px !important; }
.pb5 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb45 { padding-bottom: 45px !important; }
.pb50 { padding-bottom: 50px !important; }

/* 左内边距 */
.pl0 { padding-left: 0px !important; }
.pl5 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }
.pl45 { padding-left: 45px !important; }
.pl50 { padding-left: 50px !important; }

/* 水平方向 Margin 类 */
/* 这些类可以为左右两边设置相同的 margin，所有样式均添加了 !important 以确保优先级。 */
.mx0 { margin-left: 0px !important; margin-right: 0px !important; }
.mx5 { margin-left: 5px !important; margin-right: 5px !important; }
.mx10 { margin-left: 10px !important; margin-right: 10px !important; }
.mx15 { margin-left: 15px !important; margin-right: 15px !important; }
.mx20 { margin-left: 20px !important; margin-right: 20px !important; }
.mx25 { margin-left: 25px !important; margin-right: 25px !important; }
.mx30 { margin-left: 30px !important; margin-right: 30px !important; }
.mx35 { margin-left: 35px !important; margin-right: 35px !important; }
.mx40 { margin-left: 40px !important; margin-right: 40px !important; }
.mx45 { margin-left: 45px !important; margin-right: 45px !important; }
.mx50 { margin-left: 50px !important; margin-right: 50px !important; }

/* 垂直方向 Margin 类 */
/* 这些类可以为上下两边设置相同的 margin，所有样式均添加了 !important 以确保优先级。 */
.my0 { margin-top: 0px !important; margin-bottom: 0px !important; }
.my5 { margin-top: 5px !important; margin-bottom: 5px !important; }
.my10 { margin-top: 10px !important; margin-bottom: 10px !important; }
.my15 { margin-top: 15px !important; margin-bottom: 15px !important; }
.my20 { margin-top: 20px !important; margin-bottom: 20px !important; }
.my25 { margin-top: 25px !important; margin-bottom: 25px !important; }
.my30 { margin-top: 30px !important; margin-bottom: 30px !important; }
.my35 { margin-top: 35px !important; margin-bottom: 35px !important; }
.my40 { margin-top: 40px !important; margin-bottom: 40px !important; }
.my45 { margin-top: 45px !important; margin-bottom: 45px !important; }
.my50 { margin-top: 50px !important; margin-bottom: 50px !important; }

/* 水平方向 Padding 类 */
/* 这些类可以为左右两边设置相同的 padding，所有样式均添加了 !important 以确保优先级。 */
.px0 { padding-left: 0px !important; padding-right: 0px !important; }
.px5 { padding-left: 5px !important; padding-right: 5px !important; }
.px10 { padding-left: 10px !important; padding-right: 10px !important; }
.px15 { padding-left: 15px !important; padding-right: 15px !important; }
.px20 { padding-left: 20px !important; padding-right: 20px !important; }
.px25 { padding-left: 25px !important; padding-right: 25px !important; }
.px30 { padding-left: 30px !important; padding-right: 30px !important; }
.px35 { padding-left: 35px !important; padding-right: 35px !important; }
.px40 { padding-left: 40px !important; padding-right: 40px !important; }
.px45 { padding-left: 45px !important; padding-right: 45px !important; }
.px50 { padding-left: 50px !important; padding-right: 50px !important; }

/* 垂直方向 Padding 类 */
/* 这些类可以为上下两边设置相同的 padding，所有样式均添加了 !important 以确保优先级。 */
.py0 { padding-top: 0px !important; padding-bottom: 0px !important; }
.py5 { padding-top: 5px !important; padding-bottom: 5px !important; }
.py10 { padding-top: 10px !important; padding-bottom: 10px !important; }
.py15 { padding-top: 15px !important; padding-bottom: 15px !important; }
.py20 { padding-top: 20px !important; padding-bottom: 20px !important; }
.py25 { padding-top: 25px !important; padding-bottom: 25px !important; }
.py30 { padding-top: 30px !important; padding-bottom: 30px !important; }
.py35 { padding-top: 35px !important; padding-bottom: 35px !important; }
.py40 { padding-top: 40px !important; padding-bottom: 40px !important; }
.py45 { padding-top: 45px !important; padding-bottom: 45px !important; }
.py50 { padding-top: 50px !important; padding-bottom: 50px !important; }

/* 边框工具类 */
/* 这些类可以用于快速为元素添加边框，所有样式均添加了 !important 以确保优先级。 */

/* 全局边框宽度类 */
.b0 { border-width: 0px !important; } /* 设置 0px 边框宽度 */
.b1 { border-width: 1px !important; } /* 设置 1px 边框宽度 */
.b2 { border-width: 2px !important; } /* 设置 2px 边框宽度 */
.b3 { border-width: 3px !important; } /* 设置 3px 边框宽度 */
.b5 { border-width: 5px !important; } /* 设置 5px 边框宽度 */
.b10 { border-width: 10px !important; } /* 设置 10px 边框宽度 */
.b20 { border-width: 20px !important; } /* 设置 20px 边框宽度 */
.b50 { border-width: 50px !important; } /* 设置 50px 边框宽度 */

/* 边框样式类 */
/* 这些类可以设置边框的样式，所有样式均添加了 !important 以确保优先级。 */
.bs-solid { border-style: solid !important; } /* 实线边框 */
.bs-dashed { border-style: dashed !important; } /* 虚线边框 */
.bs-dotted { border-style: dotted !important; } /* 点状边框 */
.bs-double { border-style: double !important; } /* 双线边框 */
.bs-none { border-style: none !important; } /* 无边框 */

/* 边框颜色类 */
/* 这些类可以设置边框的颜色，所有样式均添加了 !important 以确保优先级。 */
.bc-black { border-color: black !important; } /* 黑色边框 */
.bc-white { border-color: white !important; } /* 白色边框 */
.bc-red { border-color: red !important; } /* 红色边框 */
.bc-blue { border-color: blue !important; } /* 蓝色边框 */
.bc-green { border-color: green !important; } /* 绿色边框 */
.bc-gray { border-color: gray !important; } /* 灰色边框 */
.bc-transparent { border-color: transparent !important; } /* 透明边框 */

/* 单边边框宽度类 */
/* 这些类可以为特定边（上、右、下、左）设置边框宽度，所有样式均添加了 !important 以确保优先级。 */

/* 上边框宽度 */
.bt0 { border-top-width: 0px !important; }
.bt1 { border-top-width: 1px !important; }
.bt2 { border-top-width: 2px !important; }
.bt3 { border-top-width: 3px !important; }
.bt5 { border-top-width: 5px !important; }
.bt10 { border-top-width: 10px !important; }
.bt20 { border-top-width: 20px !important; }
.bt50 { border-top-width: 50px !important; }

/* 右边框宽度 */
.br0 { border-right-width: 0px !important; }
.br1 { border-right-width: 1px !important; }
.br2 { border-right-width: 2px !important; }
.br3 { border-right-width: 3px !important; }
.br5 { border-right-width: 5px !important; }
.br10 { border-right-width: 10px !important; }
.br20 { border-right-width: 20px !important; }
.br50 { border-right-width: 50px !important; }

/* 下边框宽度 */
.bb0 { border-bottom-width: 0px !important; }
.bb1 { border-bottom-width: 1px !important; }
.bb2 { border-bottom-width: 2px !important; }
.bb3 { border-bottom-width: 3px !important; }
.bb5 { border-bottom-width: 5px !important; }
.bb10 { border-bottom-width: 10px !important; }
.bb20 { border-bottom-width: 20px !important; }
.bb50 { border-bottom-width: 50px !important; }

/* 左边框宽度 */
.bl0 { border-left-width: 0px !important; }
.bl1 { border-left-width: 1px !important; }
.bl2 { border-left-width: 2px !important; }
.bl3 { border-left-width: 3px !important; }
.bl5 { border-left-width: 5px !important; }
.bl10 { border-left-width: 10px !important; }
.bl20 { border-left-width: 20px !important; }
.bl50 { border-left-width: 50px !important; }

/* 单边边框样式类 */
/* 这些类可以为特定边（上、右、下、左）设置边框样式，所有样式均添加了 !important 以确保优先级。 */

/* 上边框样式 */
.bts-solid { border-top-style: solid !important; }
.bts-dashed { border-top-style: dashed !important; }
.bts-dotted { border-top-style: dotted !important; }
.bts-double { border-top-style: double !important; }
.bts-none { border-top-style: none !important; }

/* 右边框样式 */
.brs-solid { border-right-style: solid !important; }
.brs-dashed { border-right-style: dashed !important; }
.brs-dotted { border-right-style: dotted !important; }
.brs-double { border-right-style: double !important; }
.brs-none { border-right-style: none !important; }

/* 下边框样式 */
.bbs-solid { border-bottom-style: solid !important; }
.bbs-dashed { border-bottom-style: dashed !important; }
.bbs-dotted { border-bottom-style: dotted !important; }
.bbs-double { border-bottom-style: double !important; }
.bbs-none { border-bottom-style: none !important; }

/* 左边框样式 */
.bls-solid { border-left-style: solid !important; }
.bls-dashed { border-left-style: dashed !important; }
.bls-dotted { border-left-style: dotted !important; }
.bls-double { border-left-style: double !important; }
.bls-none { border-left-style: none !important; }

/* 单边边框颜色类 */
/* 这些类可以为特定边（上、右、下、左）设置边框颜色，所有样式均添加了 !important 以确保优先级。 */

/* 上边框颜色 */
.btc-black { border-top-color: black !important; }
.btc-white { border-top-color: white !important; }
.btc-red { border-top-color: red !important; }
.btc-blue { border-top-color: blue !important; }
.btc-green { border-top-color: green !important; }
.btc-gray { border-top-color: gray !important; }
.btc-transparent { border-top-color: transparent !important; }

/* 右边框颜色 */
.brc-black { border-right-color: black !important; }
.brc-white { border-right-color: white !important; }
.brc-red { border-right-color: red !important; }
.brc-blue { border-right-color: blue !important; }
.brc-green { border-right-color: green !important; }
.brc-gray { border-right-color: gray !important; }
.brc-transparent { border-right-color: transparent !important; }

/* 下边框颜色 */
.bbc-black { border-bottom-color: black !important; }
.bbc-white { border-bottom-color: white !important; }
.bbc-red { border-bottom-color: red !important; }
.bbc-blue { border-bottom-color: blue !important; }
.bbc-green { border-bottom-color: green !important; }
.bbc-gray { border-bottom-color: gray !important; }
.bbc-transparent { border-bottom-color: transparent !important; }

/* 左边框颜色 */
.blc-black { border-left-color: black !important; }
.blc-white { border-left-color: white !important; }
.blc-red { border-left-color: red !important; }
.blc-blue { border-left-color: blue !important; }
.blc-green { border-left-color: green !important; }
.blc-gray { border-left-color: gray !important; }
.blc-transparent { border-left-color: transparent !important; }

/* 圆角类 */
/* 这些类可以为元素设置圆角，所有样式均添加了 !important 以确保优先级。 */
.rounded-sm { border-radius: 5px !important; } /* 小圆角 */
.rounded-md { border-radius: 10px !important; } /* 中圆角 */
.rounded-lg { border-radius: 20px !important; } /* 大圆角 */
.rounded-full { border-radius: 9999px !important; } /* 完全圆角（圆形） */
.rounded-none { border-radius: 0px !important; } /* 无圆角 */

/* 尺寸工具类 */
/* 这些类可以用于快速设置元素的宽度和高度，所有样式均添加了 !important 以确保优先级。 */

/* 宽度类 */
.w1 { width: 1px !important; } /* 设置宽度为 1px */
.w2 { width: 2px !important; } /* 设置宽度为 2px */
.w3 { width: 3px !important; } /* 设置宽度为 3px */
.w4 { width: 4px !important; } /* 设置宽度为 4px */
.w5 { width: 5px !important; } /* 设置宽度为 5px */
.w6 { width: 6px !important; } /* 设置宽度为 6px */
.w7 { width: 7px !important; } /* 设置宽度为 7px */
.w8 { width: 8px !important; } /* 设置宽度为 8px */
.w9 { width: 9px !important; } /* 设置宽度为 9px */
.w10 { width: 10px !important; } /* 设置宽度为 10px */
.w15 { width: 15px !important; } /* 设置宽度为 15px */
.w20 { width: 20px !important; } /* 设置宽度为 20px */
.w25 { width: 25px !important; } /* 设置宽度为 25px */
.w30 { width: 30px !important; } /* 设置宽度为 30px */
.w35 { width: 35px !important; } /* 设置宽度为 35px */
.w40 { width: 40px !important; } /* 设置宽度为 40px */
.w45 { width: 45px !important; } /* 设置宽度为 45px */
.w50 { width: 50px !important; } /* 设置宽度为 50px */
.w55 { width: 55px !important; } /* 设置宽度为 55px */
.w60 { width: 60px !important; } /* 设置宽度为 60px */
.w65 { width: 65px !important; } /* 设置宽度为 65px */
.w70 { width: 70px !important; } /* 设置宽度为 70px */
.w75 { width: 75px !important; } /* 设置宽度为 75px */
.w80 { width: 80px !important; } /* 设置宽度为 80px */
.w85 { width: 85px !important; } /* 设置宽度为 85px */
.w90 { width: 90px !important; } /* 设置宽度为 90px */
.w95 { width: 95px !important; } /* 设置宽度为 95px */
.w100 { width: 100px !important; } /* 设置宽度为 100px */
.w120 { width: 120px !important; } /* 设置宽度为 120px */
.w130 { width: 130px !important; } /* 设置宽度为 130px */
.w140 { width: 140px !important; } /* 设置宽度为 140px */
.w150 { width: 150px !important; } /* 设置宽度为 150px */
.w160 { width: 160px !important; } /* 设置宽度为 160px */
.w180 { width: 180px !important; } /* 设置宽度为 180px */
.w200 { width: 200px !important; } /* 设置宽度为 200px */
.w220 { width: 220px !important; } /* 设置宽度为 220px */
.w250 { width: 250px !important; } /* 设置宽度为 250px */

/* 高度类 */
.h1 { height: 1px !important; } /* 设置高度为 1px */
.h2 { height: 2px !important; } /* 设置高度为 2px */
.h3 { height: 3px !important; } /* 设置高度为 3px */
.h4 { height: 4px !important; } /* 设置高度为 4px */
.h5 { height: 5px !important; } /* 设置高度为 5px */
.h6 { height: 6px !important; } /* 设置高度为 6px */
.h7 { height: 7px !important; } /* 设置高度为 7px */
.h8 { height: 8px !important; } /* 设置高度为 8px */
.h9 { height: 9px !important; } /* 设置高度为 9px */
.h10 { height: 10px !important; } /* 设置高度为 10px */
.h15 { height: 15px !important; } /* 设置高度为 15px */
.h20 { height: 20px !important; } /* 设置高度为 20px */
.h25 { height: 25px !important; } /* 设置高度为 25px */
.h30 { height: 30px !important; } /* 设置高度为 30px */
.h35 { height: 35px !important; } /* 设置高度为 35px */
.h40 { height: 40px !important; } /* 设置高度为 40px */
.h45 { height: 45px !important; } /* 设置高度为 45px */
.h50 { height: 50px !important; } /* 设置高度为 50px */
.h55 { height: 55px !important; } /* 设置高度为 55px */
.h60 { height: 60px !important; } /* 设置高度为 60px */
.h65 { height: 65px !important; } /* 设置高度为 65px */
.h70 { height: 70px !important; } /* 设置高度为 70px */
.h75 { height: 75px !important; } /* 设置高度为 75px */
.h80 { height: 80px !important; } /* 设置高度为 80px */
.h85 { height: 85px !important; } /* 设置高度为 85px */
.h90 { height: 90px !important; } /* 设置高度为 90px */
.h95 { height: 95px !important; } /* 设置高度为 95px */
.h100 { height: 100px !important; } /* 设置高度为 100px */
.h120 { height: 120px !important; } /* 设置高度为 120px */
.h130 { height: 130px !important; } /* 设置高度为 130px */
.h140 { height: 140px !important; } /* 设置高度为 140px */
.h150 { height: 150px !important; } /* 设置高度为 150px */
.h160 { height: 160px !important; } /* 设置高度为 160px */
.h180 { height: 180px !important; } /* 设置高度为 180px */
.h200 { height: 200px !important; } /* 设置高度为 200px */
.h220 { height: 220px !important; } /* 设置高度为 220px */
.h250 { height: 250px !important; } /* 设置高度为 250px */

/* 最大宽度类 */
.max-w1 { max-width: 1px !important; } /* 设置最大宽度为 1px */
.max-w2 { max-width: 2px !important; } /* 设置最大宽度为 2px */
.max-w3 { max-width: 3px !important; } /* 设置最大宽度为 3px */
.max-w4 { max-width: 4px !important; } /* 设置最大宽度为 4px */
.max-w5 { max-width: 5px !important; } /* 设置最大宽度为 5px */
.max-w10 { max-width: 10px !important; } /* 设置最大宽度为 10px */
.max-w15 { max-width: 15px !important; } /* 设置最大宽度为 15px */
.max-w20 { max-width: 20px !important; } /* 设置最大宽度为 20px */
.max-w25 { max-width: 25px !important; } /* 设置最大宽度为 25px */
.max-w30 { max-width: 30px !important; } /* 设置最大宽度为 30px */
.max-w35 { max-width: 35px !important; } /* 设置最大宽度为 35px */
.max-w40 { max-width: 40px !important; } /* 设置最大宽度为 40px */
.max-w45 { max-width: 45px !important; } /* 设置最大宽度为 45px */
.max-w50 { max-width: 50px !important; } /* 设置最大宽度为 50px */
.max-w55 { max-width: 55px !important; } /* 设置最大宽度为 55px */
.max-w60 { max-width: 60px !important; } /* 设置最大宽度为 60px */
.max-w65 { max-width: 65px !important; } /* 设置最大宽度为 65px */
.max-w70 { max-width: 70px !important; } /* 设置最大宽度为 70px */
.max-w75 { max-width: 75px !important; } /* 设置最大宽度为 75px */
.max-w80 { max-width: 80px !important; } /* 设置最大宽度为 80px */
.max-w85 { max-width: 85px !important; } /* 设置最大宽度为 85px */
.max-w90 { max-width: 90px !important; } /* 设置最大宽度为 90px */
.max-w95 { max-width: 95px !important; } /* 设置最大宽度为 95px */
.max-w100 { max-width: 100px !important; } /* 设置最大宽度为 100px */

/* 最大高度类 */
.max-h1 { max-height: 1px !important; } /* 设置最大高度为 1px */
.max-h2 { max-height: 2px !important; } /* 设置最大高度为 2px */
.max-h3 { max-height: 3px !important; } /* 设置最大高度为 3px */
.max-h4 { max-height: 4px !important; } /* 设置最大高度为 4px */
.max-h5 { max-height: 5px !important; } /* 设置最大高度为 5px */
.max-h10 { max-height: 10px !important; } /* 设置最大高度为 10px */
.max-h15 { max-height: 15px !important; } /* 设置最大高度为 15px */
.max-h20 { max-height: 20px !important; } /* 设置最大高度为 20px */
.max-h25 { max-height: 25px !important; } /* 设置最大高度为 25px */
.max-h30 { max-height: 30px !important; } /* 设置最大高度为 30px */
.max-h35 { max-height: 35px !important; } /* 设置最大高度为 35px */
.max-h40 { max-height: 40px !important; } /* 设置最大高度为 40px */
.max-h45 { max-height: 45px !important; } /* 设置最大高度为 45px */
.max-h50 { max-height: 50px !important; } /* 设置最大高度为 50px */
.max-h55 { max-height: 55px !important; } /* 设置最大高度为 55px */
.max-h60 { max-height: 60px !important; } /* 设置最大高度为 60px */
.max-h65 { max-height: 65px !important; } /* 设置最大高度为 65px */
.max-h70 { max-height: 70px !important; } /* 设置最大高度为 70px */
.max-h75 { max-height: 75px !important; } /* 设置最大高度为 75px */
.max-h80 { max-height: 80px !important; } /* 设置最大高度为 80px */
.max-h85 { max-height: 85px !important; } /* 设置最大高度为 85px */
.max-h90 { max-height: 90px !important; } /* 设置最大高度为 90px */
.max-h95 { max-height: 95px !important; } /* 设置最大高度为 95px */
.max-h100 { max-height: 100px !important; } /* 设置最大高度为 100px */

/* 颜色工具类 */
/* 这些类可以用于快速设置元素的文本颜色和背景颜色，所有样式均添加了 !important 以确保优先级。 */

/* 文本颜色类 */
.text-black { color: #000000 !important; } /* 黑色 */
.text-white { color: #ffffff !important; } /* 白色 */
.text-red { color: #ff0000 !important; } /* 红色 */
.text-green { color: #00ff00 !important; } /* 绿色 */
.text-blue { color: #0000ff !important; } /* 蓝色 */
.text-yellow { color: #ffff00 !important; } /* 黄色 */
.text-orange { color: #ffa500 !important; } /* 橙色 */
.text-purple { color: #800080 !important; } /* 紫色 */
.text-pink { color: #ffc0cb !important; } /* 粉色 */
.text-gray { color: #808080 !important; } /* 灰色 */
.text-light-gray { color: #d3d3d3 !important; } /* 浅灰色 */
.text-dark-gray { color: #a9a9a9 !important; } /* 深灰色 */
.text-cyan { color: #00ffff !important; } /* 青色 */
.text-magenta { color: #ff00ff !important; } /* 洋红色 */
.text-brown { color: #a52a2a !important; } /* 棕色 */
.text-teal { color: #008080 !important; } /* 水鸭色 */
.text-navy { color: #000080 !important; } /* 海军蓝 */
.text-olive { color: #808000 !important; } /* 橄榄色 */
.text-lime { color: #00ff00 !important; } /* 酸橙色 */
.text-maroon { color: #800000 !important; } /* 栗色 */
.text-silver { color: #c0c0c0 !important; } /* 银色 */
.text-gold { color: #ffd700 !important; } /* 金色 */
.text-transparent { color: transparent !important; } /* 透明 */

/* 背景颜色类 */
.bg-black { background-color: #000000 !important; } /* 黑色 */
.bg-white { background-color: #ffffff !important; } /* 白色 */
.bg-red { background-color: #ff0000 !important; } /* 红色 */
.bg-green { background-color: #00ff00 !important; } /* 绿色 */
.bg-blue { background-color: #0000ff !important; } /* 蓝色 */
.bg-yellow { background-color: #ffff00 !important; } /* 黄色 */
.bg-orange { background-color: #ffa500 !important; } /* 橙色 */
.bg-purple { background-color: #800080 !important; } /* 紫色 */
.bg-pink { background-color: #ffc0cb !important; } /* 粉色 */
.bg-gray { background-color: #808080 !important; } /* 灰色 */
.bg-light-gray { background-color: #d3d3d3 !important; } /* 浅灰色 */
.bg-dark-gray { background-color: #a9a9a9 !important; } /* 深灰色 */
.bg-cyan { background-color: #00ffff !important; } /* 青色 */
.bg-magenta { background-color: #ff00ff !important; } /* 洋红色 */
.bg-brown { background-color: #a52a2a !important; } /* 棕色 */
.bg-teal { background-color: #008080 !important; } /* 水鸭色 */
.bg-navy { background-color: #000080 !important; } /* 海军蓝 */
.bg-olive { background-color: #808000 !important; } /* 橄榄色 */
.bg-lime { background-color: #00ff00 !important; } /* 酸橙色 */
.bg-maroon { background-color: #800000 !important; } /* 栗色 */
.bg-silver { background-color: #c0c0c0 !important; } /* 银色 */
.bg-gold { background-color: #ffd700 !important; } /* 金色 */
.bg-transparent { background-color: transparent !important; } /* 透明 */

/* 字体工具类 */
/* 这些类可以用于快速设置元素的字体样式，所有样式均添加了 !important 以确保优先级。 */

/* 字体大小类 */
.text-xs { font-size: 12px !important; } /* 超小字体 */
.text-sm { font-size: 14px !important; } /* 小字体 */
.text-base { font-size: 16px !important; } /* 基础字体 */
.text-lg { font-size: 18px !important; } /* 大字体 */
.text-xl { font-size: 20px !important; } /* 超大字体 */
.text-2xl { font-size: 24px !important; } /* 2倍超大字体 */
.text-3xl { font-size: 28px !important; } /* 3倍超大字体 */
.text-4xl { font-size: 32px !important; } /* 4倍超大字体 */
.text-5xl { font-size: 36px !important; } /* 5倍超大字体 */
.text-6xl { font-size: 40px !important; } /* 6倍超大字体 */

/* 字重类 */
.font-thin { font-weight: 100 !important; } /* 细体 */
.font-light { font-weight: 300 !important; } /* 轻体 */
.font-normal { font-weight: 400 !important; } /* 正常 */
.font-medium { font-weight: 500 !important; } /* 中等 */
.font-semibold { font-weight: 600 !important; } /* 半粗体 */
.font-bold { font-weight: 700 !important; } /* 粗体 */
.font-extrabold { font-weight: 800 !important; } /* 超粗体 */
.font-black { font-weight: 900 !important; } /* 最粗体 */

/* 字体样式类 */
.font-italic { font-style: italic !important; } /* 斜体 */
.font-normal-style { font-style: normal !important; } /* 正常字体样式 */

/* 行高类 */
.leading-none { line-height: 1 !important; } /* 无行高 */
.leading-tight { line-height: 1.25 !important; } /* 紧密行高 */
.leading-snug { line-height: 1.375 !important; } /* 紧凑行高 */
.leading-normal { line-height: 1.5 !important; } /* 正常行高 */
.leading-relaxed { line-height: 1.625 !important; } /* 宽松行高 */
.leading-loose { line-height: 2 !important; } /* 松散行高 */

/* 字体系列类 */
.font-sans { font-family: Arial, sans-serif !important; } /* 无衬线字体 */
.font-serif { font-family: Georgia, serif !important; } /* 衬线字体 */
.font-mono { font-family: "Courier New", monospace !important; } /* 等宽字体 */
.font-custom { font-family: "Your Custom Font", sans-serif !important; } /* 自定义字体 */

/* 文本对齐类 */
.text-left { text-align: left !important; } /* 左对齐 */
.text-center { text-align: center !important; } /* 居中对齐 */
.text-right { text-align: right !important; } /* 右对齐 */
.text-justify { text-align: justify !important; } /* 两端对齐 */

/* 文本装饰类 */
.underline { text-decoration: underline !important; } /* 下划线 */
.line-through { text-decoration: line-through !important; } /* 删除线 */
.no-underline { text-decoration: none !important; } /* 无装饰 */

/* 文本转换类 */
.uppercase { text-transform: uppercase !important; } /* 大写 */
.lowercase { text-transform: lowercase !important; } /* 小写 */
.capitalize { text-transform: capitalize !important; } /* 首字母大写 */
.normal-case { text-transform: none !important; } /* 正常大小写 */

/* 布局与窗口尺寸工具类 */
/* 这些类可以用于快速设置元素的布局和尺寸，所有样式均添加了 !important 以确保优先级。 */

/* ==================== */
/* 1. 基础布局类 */
/* ==================== */

/* 显示方式 */
.block { display: block !important; } /* 块级元素 */
.inline { display: inline !important; } /* 行内元素 */
.inline-block { display: inline-block !important; } /* 行内块元素 */
.flex { display: flex !important; } /* 弹性布局 */
.inline-flex { display: inline-flex !important; } /* 行内弹性布局 */
.grid { display: grid !important; } /* 网格布局 */
.none { display: none !important; } /* 隐藏元素 */

/* 定位 */
.static { position: static !important; } /* 静态定位 */
.relative { position: relative !important; } /* 相对定位 */
.absolute { position: absolute !important; } /* 绝对定位 */
.fixed { position: fixed !important; } /* 固定定位 */
.sticky { position: sticky !important; } /* 粘性定位 */

/* 浮动 */
.float-left { float: left !important; } /* 左浮动 */
.float-right { float: right !important; } /* 右浮动 */
.float-none { float: none !important; } /* 清除浮动 */

/* 清除浮动 */
.clearfix::after {
  content: "";
  display: table;
  clear: both;
}

/* ==================== */
/* 2. 视口尺寸类 */
/* ==================== */

/* 视口宽度 */
.vw-10 { width: 10vw !important; } /* 10% 视口宽度 */
.vw-20 { width: 20vw !important; } /* 20% 视口宽度 */
.vw-25 { width: 25vw !important; } /* 25% 视口宽度 */
.vw-30 { width: 30vw !important; } /* 30% 视口宽度 */
.vw-40 { width: 40vw !important; } /* 40% 视口宽度 */
.vw-50 { width: 50vw !important; } /* 50% 视口宽度 */
.vw-60 { width: 60vw !important; } /* 60% 视口宽度 */
.vw-70 { width: 70vw !important; } /* 70% 视口宽度 */
.vw-75 { width: 75vw !important; } /* 75% 视口宽度 */
.vw-80 { width: 80vw !important; } /* 80% 视口宽度 */
.vw-90 { width: 90vw !important; } /* 90% 视口宽度 */
.vw-100 { width: 100vw !important; } /* 100% 视口宽度 */

/* 视口高度 */
.vh-10 { height: 10vh !important; } /* 10% 视口高度 */
.vh-20 { height: 20vh !important; } /* 20% 视口高度 */
.vh-25 { height: 25vh !important; } /* 25% 视口高度 */
.vh-30 { height: 30vh !important; } /* 30% 视口高度 */
.vh-40 { height: 40vh !important; } /* 40% 视口高度 */
.vh-50 { height: 50vh !important; } /* 50% 视口高度 */
.vh-60 { height: 60vh !important; } /* 60% 视口高度 */
.vh-70 { height: 70vh !important; } /* 70% 视口高度 */
.vh-75 { height: 75vh !important; } /* 75% 视口高度 */
.vh-80 { height: 80vh !important; } /* 80% 视口高度 */
.vh-90 { height: 90vh !important; } /* 90% 视口高度 */
.vh-100 { height: 100vh !important; } /* 100% 视口高度 */

/* 最小视口尺寸 */
.min-vw-100 { min-width: 100vw !important; } /* 最小宽度为视口宽度 */
.min-vh-100 { min-height: 100vh !important; } /* 最小高度为视口高度 */

/* 最大视口尺寸 */
.max-vw-100 { max-width: 100vw !important; } /* 最大宽度为视口宽度 */
.max-vh-100 { max-height: 100vh !important; } /* 最大高度为视口高度 */

/* ==================== */
/* 3. 响应式断点类 */
/* ==================== */

/* 移动端优先的响应式断点 */
/* 小屏幕 (sm) - ≥576px */
@media (min-width: 576px) {
  .sm-block { display: block !important; }
  .sm-none { display: none !important; }
  .sm-w100 { width: 100% !important; }
  /* 可以添加更多 sm 断点的类 */
}

/* 中等屏幕 (md) - ≥768px */
@media (min-width: 768px) {
  .md-block { display: block !important; }
  .md-none { display: none !important; }
  .md-w50 { width: 50% !important; }
  /* 可以添加更多 md 断点的类 */
}

/* 大屏幕 (lg) - ≥992px */
@media (min-width: 992px) {
  .lg-block { display: block !important; }
  .lg-none { display: none !important; }
  .lg-flex { display: flex !important; }
  /* 可以添加更多 lg 断点的类 */
}

/* 超大屏幕 (xl) - ≥1200px */
@media (min-width: 1200px) {
  .xl-block { display: block !important; }
  .xl-none { display: none !important; }
  .xl-w25 { width: 25% !important; }
  /* 可以添加更多 xl 断点的类 */
}

/* ==================== */
/* 4. 常用布局辅助类 */
/* ==================== */

/* 全屏类 */
.fullscreen {
  width: 100vw !important;
  height: 100vh !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
}

/* 居中类 */
.center-x {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}

.center-y {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

.center-xy {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}

/* 溢出控制 */
.overflow-auto { overflow: auto !important; } /* 自动滚动 */
.overflow-hidden { overflow: hidden !important; } /* 隐藏溢出 */
.overflow-visible { overflow: visible !important; } /* 显示溢出 */
.overflow-x-auto { overflow-x: auto !important; } /* 水平自动滚动 */
.overflow-y-auto { overflow-y: auto !important; } /* 垂直自动滚动 */

/* 可见性 */
.visible { visibility: visible !important; } /* 可见 */
.invisible { visibility: hidden !important; } /* 不可见 */

/* z-index 层级 */
.z-0 { z-index: 0 !important; }
.z-10 { z-index: 10 !important; }
.z-20 { z-index: 20 !important; }
.z-30 { z-index: 30 !important; }
.z-40 { z-index: 40 !important; }
.z-50 { z-index: 50 !important; }
.z-auto { z-index: auto !important; }
.z-max { z-index: 9999 !important; } /* 最大层级 */