/*
 * --------------------------------------------------
 * 公用
 * --------------------------------------------------
 */

/* 页面容器，设置页面主要内容区域的内边距 */
.wrapper {
    padding: 0 75px !important;
}

img {
    max-width: 100%;
}

@media (max-width: 767px) {
    .wrapper {
        padding: 0 2rem !important;
    }
}

/* 用于表格或列表底部的分隔线 */
.grid-bottom-line {
    border-bottom: 1px solid #dddcf1;
}

/* 清除浮动，用于解决元素浮动引起的布局问题 */


/* 面包屑导航，帮助用户了解当前页面在网站结构中的位置 */
.breadcrumb {
    margin-top: 150px;
}

/* 分页导航，用于在多页内容中导航 */
.pagination {

}

/* 通栏横幅，通常用于顶部宣传或重要通知 */
.banner {
    color: white;
    width: 100%;
    min-height: 750px;
}

.banner .banner_title {
    font-size: 80px;
    font-weight: bold;
}

.banner_sub_title {
    margin-top: 20px;
    font-size: 40px;
    color: #2b2a3e;
}

/* 横幅内大标语样式 */

.banner h1 {
    color: white;
    font-size: 80px;
    line-height: 80px;
    font-weight: bold;
    margin: 50px 0 0 -80px;
}


/* 横幅内小标语样式 */
.banner h2 {
    color: white;
    font-size: 40px;
    line-height: 40px;
    margin-top: 30px;
}

/* 给元素添加30像素顶部和底部内边距，50像素左侧和右侧内边距 */
.padding_30_50 {
    padding: 30px 50px;
}

/* 设置黑色文字颜色 */
.color_black {
    color: #2b2a3e;
}

/* 设置较重要的灰色文字颜色 */
.color_grey {
    color: #555464 !important;
}

/* 设置浅蓝色文字颜色 */
.color_light_blue {
    color: #5851bc;
}

/* 给元素上下添加80像素内边距 */
.padding_80_0 {
    padding: 80px 0;
}

/* 给元素上下添加40像素内边距 */
.padding_40_0 {
    padding: 40px 0;
}

/* 给元素上下添加120像素内边距 */
.padding_120_0 {
    padding: 120px 0;
}

/* 给元素上下添加30像素内边距 */
.padding_30_0 {
    padding: 30px 0;
}

/* 给元素左右添加10像素内边距 */
.padding_0_10 {
    padding: 0 10px;
}

/* 给元素左右添加20像素内边距 */
.padding_0_20 {
    padding: 0 20px;
}

/* 给元素添加10像素内边距 */
.padding_10 {
    padding: 10px;
}

/* 给元素添加15像素内边距 */
.padding_15 {
    padding: 15px;
}

/* 给元素上下添加40像素内边距，左右添加100像素内边距 */
.padding_40 {
    padding: 40px 100px;
}

/* 给元素左边添加20像素内边距 */
.padding_left_20 {
    padding-left: 20px;
}

/* 给元素右边添加20像素内边距 */
.padding_right_20 {
    padding-right: 20px;
}

/* 给元素底部添加20像素内边距 */
.padding_bottom_20 {
    padding-bottom: 20px;
}

/* 给元素底部添加100像素内边距 */
.padding_bottom_100 {
    padding-bottom: 100px;
}

/* 设置元素最大宽度为60像素 */
.max_width_60 {
    max-width: 60px;
}

/* 设置元素宽度为20% */
.width_per_20 {
    width: 20%;
}

/* 设置元素宽度为50% */
.width_per_50 {
    width: 50%;
}

/* 设置元素宽度为90% */
.width_per_90 {
    width: 90%;
}

/* 设置元素宽度为133% */
.width_per_133 {
    width: 133%;
}

/* 设置元素宽度为20像素 */
.width_20 {
    width: 20px;
}

/* 设置元素宽度为30像素 */
.width_30 {
    width: 30px;
}

/* 设置元素宽度为50像素 */
.width_50 {
    width: 50px;
}

/* 设置元素宽度为150像素 */
.width_150 {
    width: 150px;
}

/* 设置元素宽度为250像素 */
.width_250 {
    width: 250px;
}

/* 设置图标宽度 */
.icon_width {
    width: 70px;
}

/* 给元素左右添加5像素外边距 */
.margin_0_5 {
    margin: 0 5px;
}

/* 给元素顶部添加-50像素外边距 */
.margin_top_-50 {
    margin-top: -50px;
}

/* 给元素顶部添加10像素外边距 */
.margin_top_10 {
    margin-top: 10px;
}

/* 给元素顶部添加15像素外边距 */
.margin_top_15 {
    margin-top: 15px;
}

/* 给元素顶部添加20像素外边距 */
.margin_top_20 {
    margin-top: 20px;
}

/* 给元素顶部添加25像素外边距 */
.margin_top_25 {
    margin-top: 25px;
}

/* 给元素顶部添加30像素外边距 */
.margin_top_30 {
    margin-top: 30px;
}

/* 给元素顶部添加40像素外边距 */
.margin_top_40 {
    margin-top: 40px;
}

/* 给元素顶部添加50像素外边距 */
.margin_top_50 {
    margin-top: 50px;
}

/* 给元素顶部添加100像素外边距 */
.margin_top_100 {
    margin-top: 100px;
}

/* 给元素顶部添加150像素外边距 */
.margin_top_150 {
    margin-top: 150px;
}

/* 给元素底部添加20像素外边距 */
.margin_bottom_20 {
    margin-bottom: 20px;
}

/* 给元素左边添加-75像素外边距 */
.margin_left_-75 {
    margin-left: -75px;
}

/* 给元素左边添加1像素外边距 */
.margin_left_1 {
    margin-left: 1px;
}

/* 给元素左边添加10像素外边距 */
.margin_left_10 {
    margin-left: 10px;
}

/* 给元素左边添加20像素外边距 */
.margin_left_20 {
    margin-left: 20px;
}

/* 给元素左边添加30像素外边距 */
.margin_left_30 {
    margin-left: 30px;
}

/* 给元素左边添加50像素外边距 */
.margin_left_50 {
    margin-left: 50px;
}

/* 给元素左边添加75像素外边距 */
.margin_left_75 {
    margin-left: 75px;
}

/* 给元素右边添加10像素外边距 */
.margin_right_10 {
    margin-right: 10px;
}

/* 给元素右边添加75像素外边距 */
.margin_right_75 {
    margin-right: 75px;
}

/* 设置元素高度为5像素 */
.height_5 {
    height: 5px;
}

/* 设置元素高度为50像素 */
.height_50 {
    height: 50px;
}

/* 设置字体为粗体 */
.size_bold {
    font-family: MyFont, sans-serif !important;
    font-weight: 750;
    line-height: 1;
}

.size_height {
    line-height: 1.5;
}

/* 设置字体大小为14像素 */
.size_14 {
    font-size: 14px;
}

/* 设置字体大小为16像素 */
.size_16 {
    font-size: 16px;
}

/* 设置字体大小为20像素 */
.size_20 {
    font-size: 20px;
}

/* 设置字体大小为24像素 */
.size_24 {
    font-size: 24px;
}

/* 设置字体大小为28像素 */
.size_28 {
    font-size: 28px;
}

/* 设置字体大小为28像素 */
.size_32 {
    font-size: 32px;
}

/* 设置字体大小为36像素 */
.size_36 {
    font-size: 36px;
}

/* 设置字体大小为44像素 */
.size_40 {
    font-size: 40px;
}

/* 设置字体大小为44像素 */
.size_44 {
    font-size: 44px;
}

/* 设置字体大小为48像素 */
.size_48 {
    font-size: 48px;
}

/* 设置字体大小为56像素 */
.size_56 {
    font-size: 56px;
}

/* 设置字体大小为80像素 */
.size_80 {
    font-size: 80px;
}

/* 设置行高为20像素 */
.line_height_20 {
    line-height: 20px;
}

/* 设置行高为40像素 */
.line_height_40 {
    line-height: 40px;
}

.line_height_1_5_rm {
    line-height: 1.5;
}


.float-left {
    float: left;
}

.float-right {
    float: right;
}

.clear-float {
    clear: both;
}