
body {
    color: #323233;
    font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Segoe UI, Arial, Roboto, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;
    background-color: #f7f8fa;
    -webkit-font-smoothing: antialiased;
}
/*文字居中*/
.text-center {
    text-align: center !important;
}
/*文字靠右*/
.text-right {
    text-align: right !important;
}
/*文字靠左*/
.text-left {
    text-align: left !important;
}

/*字体加粗*/
.bold {
    font-weight: bold;
}

/*文字颜色*/
.text-black {
    color: #242424 !important;
}
.text-muted {
    color: #888888 !important;
}
.text-primary {
    color: #07c160 !important;
}
.text-success {
    /*color: #1C84C6 !important;*/
    color: #1989fa !important; /*更鲜艳*/
}
.text-info {
    color: #23C6C8 !important;
}
.text-warning {
    color: #F8AC59 !important;
}
.text-danger {
    color: #ED5565 !important;
}

/*背景颜色*/
.bg-muted {
    color: #676A6C;
    background-color: #F3F3F4 !important;
}
.bg-primary {
    color: #FFFFFF;
    background-color: #1AB394 !important;
}
.bg-success {
    color: #FFFFFF;
    background-color: #1C84C6 !important;
}
.bg-info {
    color: #FFFFFF;
    background-color: #23C6C8 !important;
}
.bg-warning {
    color: #FFFFFF;
    background-color: #F8AC59 !important;
}
.bg-danger {
    color: #FFFFFF;
    background-color: #ED5565 !important;
}


/*内边距*/
.p-w-05 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
}
.p-w-1 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}
.p-w-1_5 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
}
.p-w-2 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
}
.p-w-3 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
}
.p-w-4 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
}

/*内边距*/
.p-h-05 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}
.p-h-1 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}
.p-h-2 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}
.p-h-3 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}
.p-h-4 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
}

.p-r-1 {
    padding-right: 1rem !important;
}
.p-r-2 {
    padding-right: 2rem !important;
}
.p-r-3 {
    padding-right: 3rem !important;
}
.p-r-4 {
    padding-right: 4rem !important;
}

.p-l-1 {
    padding-left: 1rem !important;
}
.p-l-2 {
    padding-left: 2rem !important;
}
.p-l-3 {
    padding-left: 3rem !important;
}
.p-l-4 {
    padding-left: 4rem !important;
}

.p-t-0 {
    padding-top: 0rem !important;
}
.p-t-1 {
    padding-top: 1rem !important;
}
.p-t-2 {
    padding-top: 2rem !important;
}
.p-t-3 {
    padding-top: 3rem !important;
}
.p-t-4 {
    padding-top: 4rem !important;
}





/*外边距*/
.m-1{
    margin: 1rem !important;
}
.m-2{
    margin: 2rem !important;
}
.m-3{
    margin: 3rem !important;
}
.m-4 {
    margin: 4rem !important;
}

.m-w-1{
    margin-left: 1rem !important;
    margin-right: 1rem !important;
}
.m-w-2{
    margin-left: 2rem !important;
    margin-right: 2rem !important;
}
.m-w-3{
    margin-left: 3rem !important;
    margin-right: 3rem !important;
}
.m-w-4{
    margin-left: 4rem !important;
    margin-right: 4rem !important;
}

.m-t-1{
    margin-top: 1rem !important;
}
.m-t-2{
    margin-top: 2rem !important;
}
.m-t-3{
    margin-top: 3rem !important;
}
.m-t-4{
    margin-top: 4rem !important;
}

.m-b-1{
    margin-bottom: 1rem !important;
}
.m-b-2{
    margin-bottom: 2rem !important;
}
.m-b-3{
    margin-bottom: 3rem !important;
}
.m-b-4{
    margin-bottom: 4rem !important;
}

.m-r-1{
    margin-right: 1rem !important;
}
.m-r-2{
    margin-right: 2rem !important;
}
.m-r-3{
    margin-right: 3rem !important;
}
.m-r-4{
    margin-right: 4rem !important;
}

.m-l-1{
    margin-left: 1rem !important;
}
.m-l-1_2{
    margin-left: 1.2rem !important;
}
.m-l-1_5{
    margin-left: 1.5rem !important;
}
.m-l-2{
    margin-left: 2rem !important;
}
.m-l-3{
    margin-left: 3rem !important;
}
.m-l-4{
    margin-left: 4rem !important;
}


/*超出范围滚动*/
.scroll{
    overflow: scroll !important;
}
.scroll-y{
    overflow-y: scroll !important;
}
.scroll-x{
     overflow-x: scroll !important;
 }

.overflow-v {
    overflow: visible !important;
}


/*高度*/
.h-100 {
    height: 100%;
}

/*宽度*/
.w-100 {
    width: 100%;
}


/*display样式*/
.inline-flex {
    display: inline-flex !important;
}


/*浮动*/
.float-r {
    float: right;
}

/*块级样式*/
.block {
    display: block;
}

/*圆角*/
.b-r-02 {
    border-radius: 0.2rem;
}

/*移除边框*/
.border-no {
    border: none !important;
}


/*-------------------------------字体间距----------------------------------*/
.letter-spacing-1 {
    text-indent: 1rem;
    letter-spacing: 1rem;
}