/**
 * =================== 边距
 */
.mdui-m-a-0 {
    margin: 0px !important;
}
.mdui-m-t-0 {
    margin-top: 0px !important;
}
.mdui-m-r-0 {
    margin-right: 0px !important;
}
.mdui-m-b-0 {
    margin-bottom: 0px !important;
}
.mdui-m-l-0 {
    margin-left: 0px !important;
}
.mdui-m-x-0 {
    margin-right: 0px !important;
    margin-left: 0px !important;
}
.mdui-m-y-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
.mdui-p-a-0 {
    padding: 0px !important;
}
.mdui-p-t-0 {
    padding-top: 0px !important;
}
.mdui-p-r-0 {
    padding-right: 0px !important;
}
.mdui-p-b-0 {
    padding-bottom: 0px !important;
}
.mdui-p-l-0 {
    padding-left: 0px !important;
}
.mdui-p-x-0 {
    padding-right: 0px !important;
    padding-left: 0px !important;
}
.mdui-p-y-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.mdui-m-a-1 {
    margin: 8px !important;
}
.mdui-m-t-1 {
    margin-top: 8px !important;
}
.mdui-m-r-1 {
    margin-right: 8px !important;
}
.mdui-m-b-1 {
    margin-bottom: 8px !important;
}
.mdui-m-l-1 {
    margin-left: 8px !important;
}
.mdui-m-x-1 {
    margin-right: 8px !important;
    margin-left: 8px !important;
}
.mdui-m-y-1 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}
.mdui-p-a-1 {
    padding: 8px !important;
}
.mdui-p-t-1 {
    padding-top: 8px !important;
}
.mdui-p-r-1 {
    padding-right: 8px !important;
}
.mdui-p-b-1 {
    padding-bottom: 8px !important;
}
.mdui-p-l-1 {
    padding-left: 8px !important;
}
.mdui-p-x-1 {
    padding-right: 8px !important;
    padding-left: 8px !important;
}
.mdui-p-y-1 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}
.mdui-m-a-2 {
    margin: 16px !important;
}
.mdui-m-t-2 {
    margin-top: 16px !important;
}
.mdui-m-r-2 {
    margin-right: 16px !important;
}
.mdui-m-b-2 {
    margin-bottom: 16px !important;
}
.mdui-m-l-2 {
    margin-left: 16px !important;
}
.mdui-m-x-2 {
    margin-right: 16px !important;
    margin-left: 16px !important;
}
.mdui-m-y-2 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
}
.mdui-p-a-2 {
    padding: 16px !important;
}
.mdui-p-t-2 {
    padding-top: 16px !important;
}
.mdui-p-r-2 {
    padding-right: 16px !important;
}
.mdui-p-b-2 {
    padding-bottom: 16px !important;
}
.mdui-p-l-2 {
    padding-left: 16px !important;
}
.mdui-p-x-2 {
    padding-right: 16px !important;
    padding-left: 16px !important;
}
.mdui-p-y-2 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}
.mdui-m-a-3 {
    margin: 24px !important;
}
.mdui-m-t-3 {
    margin-top: 24px !important;
}
.mdui-m-r-3 {
    margin-right: 24px !important;
}
.mdui-m-b-3 {
    margin-bottom: 24px !important;
}
.mdui-m-l-3 {
    margin-left: 24px !important;
}
.mdui-m-x-3 {
    margin-right: 24px !important;
    margin-left: 24px !important;
}
.mdui-m-y-3 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
}
.mdui-p-a-3 {
    padding: 24px !important;
}
.mdui-p-t-3 {
    padding-top: 24px !important;
}
.mdui-p-r-3 {
    padding-right: 24px !important;
}
.mdui-p-b-3 {
    padding-bottom: 24px !important;
}
.mdui-p-l-3 {
    padding-left: 24px !important;
}
.mdui-p-x-3 {
    padding-right: 24px !important;
    padding-left: 24px !important;
}
.mdui-p-y-3 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
}
.mdui-m-a-4 {
    margin: 32px !important;
}
.mdui-m-t-4 {
    margin-top: 32px !important;
}
.mdui-m-r-4 {
    margin-right: 32px !important;
}
.mdui-m-b-4 {
    margin-bottom: 32px !important;
}
.mdui-m-l-4 {
    margin-left: 32px !important;
}
.mdui-m-x-4 {
    margin-right: 32px !important;
    margin-left: 32px !important;
}
.mdui-m-y-4 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
}
.mdui-p-a-4 {
    padding: 32px !important;
}
.mdui-p-t-4 {
    padding-top: 32px !important;
}
.mdui-p-r-4 {
    padding-right: 32px !important;
}
.mdui-p-b-4 {
    padding-bottom: 32px !important;
}
.mdui-p-l-4 {
    padding-left: 32px !important;
}
.mdui-p-x-4 {
    padding-right: 32px !important;
    padding-left: 32px !important;
}
.mdui-p-y-4 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
}
.mdui-m-a-5 {
    margin: 40px !important;
}
.mdui-m-t-5 {
    margin-top: 40px !important;
}
.mdui-m-r-5 {
    margin-right: 40px !important;
}
.mdui-m-b-5 {
    margin-bottom: 40px !important;
}
.mdui-m-l-5 {
    margin-left: 40px !important;
}
.mdui-m-x-5 {
    margin-right: 40px !important;
    margin-left: 40px !important;
}
.mdui-m-y-5 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}
.mdui-p-a-5 {
    padding: 40px !important;
}
.mdui-p-t-5 {
    padding-top: 40px !important;
}
.mdui-p-r-5 {
    padding-right: 40px !important;
}
.mdui-p-b-5 {
    padding-bottom: 40px !important;
}
.mdui-p-l-5 {
    padding-left: 40px !important;
}
.mdui-p-x-5 {
    padding-right: 40px !important;
    padding-left: 40px !important;
}
.mdui-p-y-5 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}
/**
 * ======================== 快速浮动
 */
/* 向左浮动 */
.mdui-float-left {
    float: left !important;
}
/* 向右浮动 */
.mdui-float-right {
    float: right !important;
}
/**
 * ========================= 水平居中
 */
/* 水平居中 */
.mdui-center {
    display: block !important;
    margin-right: auto !important;
    margin-left: auto !important;
}
/**
 * ========================= 垂直居中
 */
/* 垂直居中 */
.mdui-valign {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
}
/**
 * ========================= 文本对齐方式
 */
/* 文本左对齐 */
.mdui-text-left {
    text-align: left !important;
}
/* 文本居中对齐 */
.mdui-text-center {
    text-align: center !important;
}
/* 文本向右对齐 */
.mdui-text-right {
    text-align: right !important;
}
/**
 * ========================= 文本大小写转换
 */
/* 文本转为小写 */
.mdui-text-lowercase {
    text-transform: lowercase !important;
}
/* 文本转为大写 */
.mdui-text-uppercase {
    text-transform: uppercase !important;
}
/* 文本转为单词的首字母大写 */
.mdui-text-capitalize {
    text-transform: capitalize !important;
}
/**
 * ========================= 隐藏内容
 */
/* 隐藏元素 */
.mdui-hidden {
    display: none !important;
}
/* 使元素不可见 */
.mdui-invisible {
    visibility: hidden;
}
/**
 * ========================= Media 媒体工具
 */
/* 响应式图片和视频 */
.mdui-img-fluid,
.mdui-video-fluid {
    display: block;
    max-width: 100%;
    height: auto;
}
/* 圆角图片 */
.mdui-img-rounded {
    border-radius: 2px;
}
/* 圆形图片 */
.mdui-img-circle {
    border-radius: 50%;
}
.mdui-video-container {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
}
.mdui-video-container iframe,
.mdui-video-container object,
.mdui-video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}