.w-100 { width: 100%}

/*字体大小*/
.font-s-small{ /* 小字体 */font-size: 16px;}
.font-s-0{ /* 小字体 */font-size: 18px;}
.font-s-1{ /* 小字体 */font-size: 22px;}
.font-s-2{ /* 常规字体大小 */font-size: 24px;}
.font-s-3{ /* 常规字体大小 */font-size: 26px;}
.font-s-4{ /* 大字体 */font-size: 28px;}
.font-s-5{ /* 超大字体 */font-size: 30px;}
.font-s-6{ /* 超大字体 */font-size: 32px;}
.font-s-7{ /* 超大字体 */font-size: 42px;}
.font-s-8{ /* 超大字体 */font-size: 60px;}
.font-s-9{ /* 超大字体 */font-size: 72px;}
.font-w{ /*超粗字体 */font-weight: bold;}
/* 文字颜色 */
.text-primary {color: #0096FA;}

/* 相对定位 */
.position-r{ position: relative }


/* 绝对定位 */
.position-a{ position: absolute }

/*上下左右边距*/
.mt { margin-top: 5px; }
.mt-1 { margin-top: 10px; }
.mt-2 { margin-top: 20px; }
.mt-3 { margin-top: 30px; }
.mt-4 { margin-top: 40px; }
.mt-5 { margin-top: 50px; }
.mb-0 { margin-bottom: 0; }
.mb-1 { margin-bottom: 10px; }
.mb-2 { margin-bottom: 20px; }
.mb-3 { margin-bottom: 30px; }
.mb-4 { margin-bottom: 40px; }
.mb-5 { margin-bottom: 50px; }
.ml { margin-left: 5px; }
.ml-0 { margin-left: 0; }
.ml-1 { margin-left: 10px; }
.ml-2 { margin-left: 20px; }
.ml-3 { margin-left: 30px; }
.ml-4 { margin-left: 40px; }
.ml-5 { margin-left: 50px; }
.mr { margin-right: 5px; }
.mr-0 { margin-right: 0; }
.mr-1 { margin-right: 10px; }
.mr-2 { margin-right: 20px; }
.mr-3 { margin-right: 30px; }
.mr-4 { margin-right: 40px; }
.mr-5 { margin-right: 50px; }
.mx{ margin-left: 5px; margin-right: 5px; }
.mx-0{ margin-left: 0px; margin-right: 0px; }
.mx-1{ margin-left: 10px; margin-right: 10px; }
.mx-2{ margin-left: 20px; margin-right: 20px; }
.mx-3{ margin-left: 30px; margin-right: 30px; }
.mx-4{ margin-left: 40px; margin-right: 40px; }
.mx-5{ margin-left: 50px; margin-right: 50px; }
.mx-6{ margin-left: 60px; margin-right: 60px; }
.my{ margin-top: 5px;margin-bottom: 5px; }
.my-0{ margin-top: 0px;margin-bottom: 0px; }
.my-1{ margin-top: 10px;margin-bottom: 10px; }
.my-2{ margin-top: 20px;margin-bottom: 20px; }
.my-3{ margin-top: 30px;margin-bottom: 30px; }
.my-4{ margin-top: 40px;margin-bottom: 40px; }
.my-5{ margin-top: 50px;margin-bottom: 50px; }



.p-0 { padding: 0; }
.p { padding: 5px; }
.p-1 { padding: 10px; }
.p-2 { padding: 20px; }
.p-3 { padding: 30px; }
.p-4 { padding: 40px; }
.p-5 { padding: 50px; }
.p-6 { padding: 60px; }
.p-7 { padding: 70px; }
.p-8 { padding: 80px; }
.p-9 { padding: 90px; }
.pt-0 { padding-top: 0; }
.pt { padding-top: 5px; }
.pt-1 { padding-top: 10px; }
.pt-2 { padding-top: 20px; }
.pt-3 { padding-top: 30px; }
.pt-4 { padding-top: 40px; }
.pt-5 { padding-top: 50px; }
.pb-0 { padding-bottom: 0; }
.pb-1 { padding-bottom: 10px; }
.pb { padding-bottom: 5px; }
.pb-2 { padding-bottom: 20px; }
.pb-3 { padding-bottom: 30px; }
.pb-4 { padding-bottom: 40px; }
.pb-5 { padding-bottom: 50px; }
.pb-6 { padding-bottom: 60px; }
.pb-7 { padding-bottom: 70px; }
.pb-8 { padding-bottom: 80px; }
.pb-9 { padding-bottom: 90px; }
.pl-0 { padding-left: 0; }
.pl { padding-left: 5px; }
.pl-1 { padding-left: 10px; }
.pl-2 { padding-left: 20px; }
.pl-3 { padding-left: 30px; }
.pl-4 { padding-left: 40px; }
.pl-5 { padding-left: 50px; }
.pl-6 { padding-left: 60px; }
.pr-0 { padding-right: 0; }
.pr { padding-right: 5px; }
.pr-1 { padding-right: 10px; }
.pr-2 { padding-right: 20px; }
.pr-3 { padding-right: 30px; }
.pr-4 { padding-right: 40px; }
.pr-5 { padding-right: 50px; }
.py-0 { padding-top: 0; padding-bottom: 0; }
.py { padding-top: 5px; padding-bottom: 5px; }
.py-1 { padding-top: 10px; padding-bottom: 10px; }
.py-2 { padding-top: 20px; padding-bottom: 20px; }
.py-3 { padding-top: 30px; padding-bottom: 30px; }
.py-4 { padding-top: 40px; padding-bottom: 40px; }
.py-5 { padding-top: 50px; padding-bottom: 50px; }
.px-0 { padding-left: 0; padding-right: 0; }
.px-1 { padding-left: 10px; padding-right: 10px;}
.px { padding-left: 5px; padding-right: 5px;}
.px-2 { padding-left: 20px; padding-right: 20px;}
.px-3 { padding-left: 30px; padding-right: 30px;}
.px-4 { padding-left: 40px; padding-right: 40px;}
.px-5 { padding-left: 50px; padding-right: 50px;}

/*flex布局*/
.d-f{display: flex;}
.row{/*水平居中*/display: flex;align-items: center;justify-content: center;}
.row-sb{/*水平分布*/display: flex;justify-content: space-between}

.text-center{text-align: center;}
.flex-1{flex: 1;}
.flex-2{flex: 2;}
.flex-3{flex: 3;}
.flex-4{flex: 4;}
.flex-5{flex: 5;}


/*按钮*/
.disabled { /* 禁用点击 */pointer-events: none; cursor: default }
.d-n{ /* 隐藏 */display: none}
.d-b{ /* 显示 */display: block}

/*单位样式*/
.input-group {position: relative;display: table;border-collapse: separate; width: 100%;}
.input-group-addon {padding: 5px;text-align: center;background-color:#e1e1e1;border-radius: 2px;}
.input-group .form-control, .input-group-addon {display: table-cell;}


/*通知样式*/
.warning{ /* 警告 */width: 100%;height: 50px;line-height: 50px;background-color:rgba(255, 251, 230, 1); border:1px solid rgba(255, 229, 143, 1) }
.i-warn {/* 图标警告颜色 */color: #efbb00}