@charset "UTF-8";

/* Abm 基本颜色，间距等变量 */
:root {
    /* 系统主题颜色 */
    --base-color: #ef6331;
    /* 通用文字颜色 */
    --text-color: #333333;
}

/*================== Background =====================*/
.abm-bg-base {
    background-color: var(--base-color);
}
.abm-bg-white {
    background-color: white;
}
.abm-bg-blue {
    background-color: #2095f3 !important;
}
.abm-bg-lightGray {
    background-color: #f1f2f2 !important;
}


/*================== Text =====================*/
.abm-text-black {
    color: #333333;
}
.abm-text-base {
    color: var(--base-color);
}
.abm-text-white {
    color: white;
}
.abm-text-blue {
    color: #2095f3;
}
.abm-text-gray {
    color: #808083 !important;
}
.abm-text-red {
    color: #f00;
}
.abm-text-bold {
    font-weight: 700;
}
.abm-text-center {
    text-align: center;
}
.abm-text-right {
    text-align: right;
}
.abm-text-left {
    text-align: left;
}
.abm-text-italic {
    font-style: italic;
}
.abm-text-normal {
    font-weight: 400;
    font-style: normal;
}


/*================== Float =====================*/
.abm-fr{
    float: right;
}
/*================== Display =====================*/
.abm-d-flex {
    display: flex;
}
.abm-d-inline {
    display: inline;
}
.abm-d-inline-block {
    display: inline-block;
}
.abm-d-inline-table {
    display: inline-table;
}
.abm-d-block {
    display: block;
}


/*================== Flex =====================*/
.abm-flex-center {
    align-items: center;
}
.abm-flex-around {
    justify-content: space-around;
}
.abm-flex-between {
    justify-content: space-between;
}
.abm-flex-stretch {
    align-items: stretch !important;
}
.abm-flex-full {
    flex: 1;
}


/*================== Cursor =====================*/
.abm-cursor-pointer {
    cursor: pointer;
}


/*================== Margin =====================*/
.abm-m-0 {
    margin: 0;
}
.abm-m-1 {
    margin: .5em;
}
.abm-m-2 {
    margin: .75em;
}
.abm-m-3 {
    margin: 1em;
}
.abm-m-4 {
    margin: 1.25em;
}
.abm-m-5 {
    margin: 1.5em;
}
.abm-my-0,
.abm-mt-0 {
    margin-top: 0;
}
.abm-my-1,
.abm-mt-1 {
    margin-top: .5em;
}
.abm-my-2,
.abm-mt-2 {
    margin-top: .75em;
}
.abm-my-3,
.abm-mt-3 {
    margin-top: 1em;
}
.abm-my-4,
.abm-mt-4 {
    margin-top: 1.25em;
}
.abm-my-5,
.abm-mt-5 {
    margin-top: 1.5em;
}
.abm-mx-0,
.abm-mr-0 {
    margin-right: 0;
}
.abm-mx-1,
.abm-mr-1 {
    margin-right: .5em;
}
.abm-mx-2,
.abm-mr-2 {
    margin-right: .75em;
}
.abm-mx-3,
.abm-mr-3 {
    margin-right: 1em;
}
.abm-mx-4,
.abm-mr-4 {
    margin-right: 1.25em;
}
.abm-mx-5,
.abm-mr-5 {
    margin-right: 1.5em;
}
.abm-my-0,
.abm-mb-0 {
    margin-bottom: 0;
}
.abm-my-1,
.abm-mb-1 {
    margin-bottom: .5em;
}
.abm-my-2,
.abm-mb-2 {
    margin-bottom: .75em;
}
.abm-my-3,
.abm-mb-3 {
    margin-bottom: 1em;
}
.abm-my-4,
.abm-mb-4 {
    margin-bottom: 1.25em;
}
.abm-my-5,
.abm-mb-5 {
    margin-bottom: 1.5em;
}
.abm-mx-0,
.abm-ml-0 {
    margin-left: 0;
}
.abm-mx-1,
.abm-ml-1 {
    margin-left: .5em;
}
.abm-mx-2,
.abm-ml-2 {
    margin-left: .75em;
}
.abm-mx-3,
.abm-ml-3 {
    margin-left: 1em;
}
.abm-mx-4,
.abm-ml-4 {
    margin-left: 1.25em;
}
.abm-mx-5,
.abm-ml-5 {
    margin-left: 1.5em;
}


/*================== Padding =====================*/
.abm-p-0 {
    padding: 0;
}
.abm-p-1 {
    padding: .5em;
}
.abm-p-2 {
    padding: .75em;
}
.abm-p-3 {
    padding: 1em !important;
}
.abm-p-4 {
    padding: 1.25em !important;
}
.abm-p-5 {
    padding: 1.5em !important;
}
.abm-py-0,
.abm-pt-0 {
    padding-top: 0;
}
.abm-py-1,
.abm-pt-1 {
    padding-top: .5em;
}
.abm-py-2,
.abm-pt-2 {
    padding-top: .75em;
}
.abm-py-3,
.abm-pt-3 {
    padding-top: 1em;
}
.abm-py-4,
.abm-pt-4 {
    padding-top: 1.25em;
}
.abm-py-5,
.abm-pt-5 {
    padding-top: 1.5em;
}
.abm-px-0,
.abm-pr-0 {
    padding-right: 0;
}
.abm-px-1,
.abm-pr-1 {
    padding-right: .5em;
}
.abm-px-2,
.abm-pr-2 {
    padding-right: .75em;
}
.abm-px-3,
.abm-pr-3 {
    padding-right: 1em;
}
.abm-px-4,
.abm-pr-4 {
    padding-right: 1.25em;
}
.abm-px-5,
.abm-pr-5 {
    padding-right: 1.5em;
}
.abm-py-0,
.abm-pb-0 {
    padding-bottom: 0;
}
.abm-py-1,
.abm-pb-1 {
    padding-bottom: .5em;
}
.abm-py-2,
.abm-pb-2 {
    padding-bottom: .75em;
}
.abm-py-3,
.abm-pb-3 {
    padding-bottom: 1em;
}
.abm-py-4,
.abm-pb-4 {
    padding-bottom: 1.25em;
}
.abm-py-5,
.abm-pb-5 {
    padding-bottom: 1.5em;
}
.abm-px-0,
.abm-pl-0 {
    padding-left: 0;
}
.abm-px-1,
.abm-pl-1 {
    padding-left: .5em;
}
.abm-px-2,
.abm-pl-2 {
    padding-left: .75em;
}
.abm-px-3,
.abm-pl-3 {
    padding-left: 1em;
}
.abm-px-4,
.abm-pl-4 {
    padding-left: 1.25em;
}
.abm-px-5,
.abm-pl-5 {
    padding-left: 1.5em;
}

/*================== Position =================*/
.abm-pos-rel {
    position: relative;
}
.abm-pos-abs {
    position: absolute;
}
.abm-pos-fixed {
    position: fixed;
}

/*================== Width ===================*/
.abm-w-100 {
    width: 100%;
}
.abm-w-50 {
    width: 50%;
}
.abm-w-25 {
    width: 25%;
}

/*=================== Height ===============*/
.abm-h-100 {
    height: 100% !important;
}
.abm-h-auto {
    height: auto !important;
}

/*================== List ================*/
.abm-list-none {
    list-style: none;
}
.abm-list{
    padding: 0;
}
.abm-list li{
    list-style: none;
}

/*================== Round ===============*/
.abm-round-0 {
    border-radius: 0 !important;
}


/*================== Button =====================*/
.abm-btn-primary{
    border: 1px solid #ef6331;
    background: #ef6331;
    color: #fff !important;
    font-weight: bold;
    font-size: 1em;
}


/*================== Panel =====================*/
.abm-panel-default{
    border: 1px solid #ddd;
    border-radius: 0;
}
.abm-panel-default .panel-heading{
    background: #fafafa;
}
.abm-panel-default .panel-title{
    font-weight: 500;
}
.abm-panel-default .panel-footer{
    background: none;
    border: none;
    text-align: right;
    font-size: 0.8em;
}
.abm-panel-list{
    padding: 0 !important;
    margin-bottom: 0 !important;
}
.abm-panel-list li{
    list-style: none;
    line-height: 1.5em;
}
.abm-panel-list>li span:not(.fs-arrow){
    width: 30%;
    display: inline-block;
    font-weight: 700;
}

/*================== Other =====================*/
.abm-hide{
    display: none;
    height: 0;
}

/**
不同的屏幕，统一放在这里
 */
@media (max-width: 767px) {
    .abm-m-p-0{
        padding: 0;
    }
}
/* 小屏幕（平板，大于等于 768px） */
@media (min-width: 768px) {

}

/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width: 992px) {


}

/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width: 1200px) {  }