.module_box {
    padding: 40px;
    box-sizing: border-box;
}

/* 标题 start */
.article_title {
    display: flex;
    justify-content: center;
}

.article_title_box {
    display: inline-block;
    border: 2px solid transparent;
    background-image: linear-gradient(#fff, #fff), linear-gradient(90deg, #9435BB 0%, #1C3FFD 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    box-shadow: 4px 4px 0px 1px rgba(223, 183, 231, 0.2);
    border-radius: 22px;
}

.article_title_box h1 {
    font-size: 24px;
    font-weight: bold;
    color: #1A1A1A;
    padding: 6px 40px;
}

/* 标题 end */


/* 文章作者相关信息 start */
.article_msg {
    margin: 10px 0 40px;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #BEBEBE;
}

.article_msg span {
    display: inline-block;
    padding-left: 20px;
    margin-right: 32px;
}

.article_msg .author {
    background: url(../images/name.png) no-repeat;
    background-size: 16px 16px;
    background-position: 2px 2px;
}

.article_msg .time {
    background: url(../images/date.png) no-repeat;
    background-size: 16px 16px;
    background-position: 2px 2px;
}

.article_msg .views {
    background: url(../images/brown.png) no-repeat;
    background-size: 16px 16px;
    background-position: 2px 2px;
}

/* 文章作者相关信息 end */


/* 模块公用样式 start */
.module_title {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}

.module_title .title_txt {
    font-size: 24px;
    font-weight: bold;
    color: #1A1A1A;
    margin-left: 10px;
}

.desc_p {
    font-size: 16px;
    font-weight: 400;
    color: #575757;
    line-height: 28px;
    margin-bottom: 20px;
}

.msg_list {
    font-size: 16px;
    font-weight: 400;
    color: #575757;
    padding: 20px 0 10px;
}

.msg_list li {
    display: flex;
    line-height: 28px;
    align-items: flex-start;
    margin-bottom: 10px;
}

.msg_list .point {
    width: 8px;
    height: 8px;
    background: linear-gradient(180deg, #9435BB 0%, #1C3FFD 100%);
    border: 1px solid #DFB7E7;
    margin: 10px 8px 0 0;
    border-radius: 50%;
    flex-shrink: 0;
}

.mix_box {
    width: 100%;
    height: 450px;
    display: flex;
}

.mix_box .preview_img {
    width: 67%;
    height: 100%;
    object-fit: cover;
}

.mix_box .msg_content {
    width: 33%;
    height: 100%;
    background: #6A2686;
    margin-top: 6px;
    padding: 20px;
    box-sizing: border-box;
}
/* 模块公用样式 end */

/* 01模块 start*/
.module_one {
    padding: 40px 0;
}

.module_one .preview_img {
    width: 100%;
    height: auto;
    object-fit: cover;
}
.module_one .img_vsb_content {
    width: 100%;
    height: auto;
    object-fit: cover;
}
/* 01模块 end*/




/* 02模块 start*/
.module_two {
    padding: 40px 0;
    box-sizing: border-box;
}

.module_two .two_grid {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}

.module_two .two_grid .grid_item {
    width: 49%;
    /* height: 358px; */
    height: auto;
    margin-bottom: 20px;
    box-sizing: border-box;
}

.module_two .two_grid .grid_item:not(:nth-of-type(2n)) {
    margin-right: 2%;
}

.grid_item .priview_img {
    width: 100%;
    /* height: 320px; */
    height: auto;
    object-fit: cover;
}

.grid_item .preview_txt {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: #575757;
    line-height: 28px;
    margin-top: 10px;
}

.module_two .three_grid {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}

.module_two .three_grid .grid_item {
    width: 32%;
    /* height: 358px; */
    height: auto;
    margin-bottom: 20px;
    box-sizing: border-box;
}

.module_two .three_grid .grid_item:not(:nth-of-type(3n)) {
    margin-right: calc(4% / 2);
}

.module_two .img_vsb_content {
    width: 100%;
    /* height: 320px; */
    height: auto;
    object-fit: cover;
}

/* 02模块 end*/




/* 03模块 start*/
.module_three {
    padding: 40px 0;
}

.module_three .msg_list {
    color: #fff;
}
/* 03模块 end*/




/* 04模块 start*/
.module_four {
    padding: 40px 0;
}

.module_four .msg_list {
    color: #fff;
}
/* 04模块 end*/