/*  功能辅助类样式（定位、浮动相关、内外边距） */

/* Position */
.pos-rlt { position: relative !important; }
.pos-stc { position: static !important; }
.pos-abt { position: absolute !important; }
.pos-fix { position: fixed !important; }

/* Responsive width */
.w-full { width: 100%; }
.w-auto { width: auto; }
.h-auto { height: auto; }
.h-full { height: 100%; }

/* Margin & Padding */
.p-none { padding: 0 !important; }
.p-xs { padding: 5px; }
.p-sm { padding: 10px; }
.p { padding: 15px; }
.p-md { padding: 20px; }
.p-lg { padding: 30px; }
.p-xl { padding: 40px; }
.p-xxl { padding: 50px; }

.p-t-none { padding-top: 0 !important; }
.p-t-xxs { padding-top: 1px; }
.p-t-xs { padding-top: 5px; }
.p-t-sm { padding-top: 0px; }
.p-t { padding-top: 15px; }
.p-t-md { padding-top: 0px; }
.p-t-lg { padding-top: 30px; }
.p-t-xl { padding-top: 40px; }
.p-t-xxl { padding-top: 50px; }

.p-r-none { padding-right: 0 !important; }
.p-r-xxs { padding-right: 1px; }
.p-r-xs { padding-right: 5px; }
.p-r-sm { padding-right: 10px; }
.p-r { padding-right: 15px; }
.p-r-md { padding-right: 20px; }
.p-r-lg { padding-right: 30px; }
.p-r-xl { padding-right: 40px; }
.p-r-xxl { padding-right: 50px; }

.p-b-none { padding-bottom: 0 !important; }
.p-b-xxs { padding-bottom: 1px; }
.p-b-xs { padding-bottom: 5px; }
.p-b-sm { padding-bottom: 10px; }
.p-b { padding-bottom: 15px; }
.p-b-md { padding-bottom: 20px; }
.p-b-lg { padding-bottom: 30px; }
.p-b-xl { padding-bottom: 40px; }
.p-b-xxl { padding-bottom: 50px; }

.p-l-none { padding-left: 0 !important; }
.p-l-xs { padding-left: 5px; }
.p-l-sm { padding-left: 10px; }
.p-l { padding-left: 15px; }
.p-l-md { padding-left: 20px; }
.p-l-lg { padding-left: 30px; }
.p-l-xl { padding-left: 40px; }
.p-l-xxl { padding-left: 50px; }

.m-none { margin: 0 !important; }
.m-xs { margin: 5px; }
.m-sm { margin: 10px; }
.m { margin: 15px; }
.m-md { margin: 20px; }
.m-lg { margin: 30px; }
.m-xl { margin: 40px; }
.m-xxl { margin: 50px; }

.m-t-none { margin-top: 0 !important; }
.m-t-xxs { margin-top: 1px; }
.m-t-xs { margin-top: 5px; }
.m-t-sm { margin-top: 10px; }
.m-t { margin-top: 15px; }
.m-t-md { margin-top: 20px; }
.m-t-lg { margin-top: 30px; }
.m-t-xl { margin-top: 40px; }
.m-t-xxl { margin-top: 50px; }

.m-t-n-xxs { margin-top: -1px; }
.m-t-n-xs { margin-top: -5px; }
.m-t-n-sm { margin-top: -10px; }
.m-t-n { margin-top: -15px; }
.m-t-n-md { margin-top: -20px; }
.m-t-n-lg { margin-top: -30px; }
.m-t-n-xl { margin-top: -40px; }
.m-t-n-xxl { margin-top: -50px; }

.m-r-none { margin-right: 0 !important; }
.m-r-xxs { margin-right: 1px; }
.m-r-xs { margin-right: 5px; }
.m-r-sm { margin-right: 10px; }
.m-r { margin-right: 15px; }
.m-r-md { margin-right: 20px; }
.m-r-lg { margin-right: 30px; }
.m-r-xl { margin-right: 40px; }
.m-r-xxl { margin-right: 50px; }

.m-r-n-xxs { margin-right: -1px; }
.m-r-n-xs { margin-right: -5px; }
.m-r-n-sm { margin-right: -10px; }
.m-r-n { margin-right: -15px; }
.m-r-n-md { margin-right: -20px; }
.m-r-n-lg { margin-right: -30px; }
.m-r-n-xl { margin-right: -40px; }
.m-r-n-xxl { margin-right: -50px; }

.m-b-none { margin-bottom: 0 !important; }
.m-b-xxs { margin-bottom: 1px; }
.m-b-xs { margin-bottom: 5px; }
.m-b-sm { margin-bottom: 10px; }
.m-b { margin-bottom: 15px; }
.m-b-md { margin-bottom: 20px; }
.m-b-lg { margin-bottom: 30px; }
.m-b-xl { margin-bottom: 40px; }
.m-b-xxl { margin-bottom: 50px; }

.m-b-n-xxs { margin-bottom: -1px; }
.m-b-n-xs { margin-bottom: -5px; }
.m-b-n-sm { margin-bottom: -10px; }
.m-b-n { margin-bottom: -15px; }
.m-b-n-md { margin-bottom: -20px; }
.m-b-n-lg { margin-bottom: -30px; }
.m-b-n-xl { margin-bottom: -40px; }
.m-b-n-xxl { margin-bottom: -50px; }

.m-l-none { margin-left: 0 !important; }
.m-l-xs { margin-left: 5px; }
.m-l-sm { margin-left: 10px; }
.m-l { margin-left: 15px; }
.m-l-md { margin-left: 20px; }
.m-l-lg { margin-left: 30px; }
.m-l-xl { margin-left: 40px; }
.m-l-xxl { margin-left: 50px; }

.m-l-n-xxs { margin-left: -1px; }
.m-l-n-xs { margin-left: -5px; }
.m-l-n-sm { margin-left: -10px; }
.m-l-n { margin-left: -15px; }
.m-l-n-md { margin-left: -20px; }
.m-l-n-lg { margin-left: -30px; }
.m-l-n-xl { margin-left: -40px; }
.m-l-n-xxl { margin-left: -50px; }