body,
div,
span {
    margin: 0;
    padding: 0;
    font-size: 0.15rem;
    font-family: "Helvetica", "PingFangSC", "Microsoft Yahei", "微软雅黑", Arial, sans-serif;
}

i {
    font-style: normal;
}

a {
    color: inherit;
    text-decoration: none;
}

.bj_content {
    width: 100%;
    height: 100%;
    background-color: aquamarine;
}

.bj_content .bj_left {
    width: 49%;
    /* 宽度占屏幕宽度的一半 */
    height: 49%;
    /* 高度占屏幕高度的一半 */
    position: absolute;
    /* 绝对定位 */
    top: 0;
    /* 顶部对齐 */
    left: 0;
    /* 左边对齐 */
    right: 0;
    /* 右边对齐 */
    bottom: 0;
    /* 底部对齐 */
    /* 自动外边距，居中显示 */
    background-color: #E5F1FE;
    margin-left: .06rem;
}

.bj_content .bj_right {
    width: 49%;
    /* 宽度占屏幕宽度的一半 */
    height: 49%;
    /* 高度占屏幕高度的一半 */
    position: absolute;
    /* 绝对定位 */
    top: 0;
    /* 左边对齐 */
    right: 0;
    /* 右边对齐 */

    /* 自动外边距，居中显示 */
    background-color: #FDF4F2;
    /* 背景颜色 */
    margin-right: .06rem;

}

.bj_content .bj_dy_left {
    width: 49%;
    /* 宽度占屏幕宽度的一半 */
    height: 49%;
    /* 高度占屏幕高度的一半 */
    position: absolute;
    /* 绝对定位 */
    left: 0;
    bottom: 0;
    /* 自动外边距，居中显示 */
    background-color: #EFFAF7;
    /* 背景颜色 */
    margin-left: .06rem;
}

.bj_content .bj_dy_right {
    width: 49%;
    /* 宽度占屏幕宽度的一半 */
    height: 49%;
    /* 高度占屏幕高度的一半 */
    position: absolute;
    /* 绝对定位 */
    right: 0;
    bottom: 0;
    /* 自动外边距，居中显示 */
    background-color: #FFF9ED;
    /* 背景颜色 */
    margin-right: .06rem;
}

.bj_half_top {
    width: 100%;
    height: 50%;
}

.bj_half_bottom {
    width: 100%;
    height: 50%;
}

.bg_top_info,
.bg_bottom_info {
    width: 100%;
    height: 100%;
    margin: auto;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;

}

.bg_top_info span {
    text-align: center;
    font-size: .35rem;
}


.bg_top_info span i {
    font-size: .3rem;
    color: black;
    font-weight: 400;
}

.bg_bottom_info span {
    display: inline-block;
    font-size: .6rem;
    font-family: "SourceHanSansCNVF-Bold";
    font-weight: 700;
}

.bg_bottom_info i {
    font-size: .3rem;
    color: black;
    font-weight: 400;
    margin-left: .125rem;
}

.bg_top_info img {
    margin-left: .125rem;
}

.fist_style01 {
    border-bottom: .025rem solid #0581FF;
    margin-right: .06rem;
}

.fist_style02 {
    border-bottom: .025rem solid #FF4C0D;
    margin-right: .06rem;
}

.fist_style03 {
    border-bottom: .025rem solid #0AB98E;
    margin-right: .06rem;
}

.fist_style04 {
    border-bottom: .025rem solid #FE9F09;
    margin-right: .06rem;
}


.fist_font01 {
    color: #0581FF;
}

.fist_font02 {
    color: #FF4C0D;
}

.fist_font03 {
    color: #0AB98E;
}

.fist_font04 {
    color: #FE9F09;
}

.bj_border01:hover {
    border: .003125rem solid #0581FF;
    border-radius: .05rem;
    box-shadow: 0 0 0.05rem #0581FF;
    transition: all 0.6s
}

.bj_border02:hover {
    border: .003125rem solid #FF4C0D;
    border-radius: .05rem;
    box-shadow: 0 0 0.05rem #FF4C0D;
    transition: all 0.6s
}

.bj_border03:hover {
    border: .003125rem solid #0AB98E;
    border-radius: .05rem;
    box-shadow: 0 0 0.05rem #0AB98E;
    transition: all 0.6s
}

.bj_border04:hover {
    border: .003125rem solid #FE9F09;
    border-radius: .05rem;
    box-shadow: 0 0 0.05rem #FE9F09;
    transition: all 0.6s
}