.pc_index h2 {
    margin: 0;
}

.pc_index p {
    margin: 0;
}

.onlysmallscreen {
    display: none;

}

.row {
    display: flex;
    flex-direction: row;
    margin: 0;
    padding: 0;
}

.column {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.mobile_index {
    display: none;
}

.pc_index {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    width: 100%;
}




/* banner */

.pc_index .finebi_banner {
    height: 560px;
    width: 100%;
    box-sizing: border-box;
    background-repeat: no-repeat;
    padding: 136px 0;
    background-size: cover;
    /* background-image: url("https://src.fanruan.com/website/2022-finebi/img/index/FineBI-banner04-min.png"); */
    background-image: url("https://src.fanruan.com/website/2022-finebi/img/index/FineBI-banner04.png");
    background-repeat: no-repeat;
    background-position: center;
}

@media(min-width: 1200px) {
    .container {
        width: 1236px !important;
    }
}

.pc_index .finebi_banner h1 {
    margin-bottom: 10px;
    font-size: 52px;
    font-weight: 600;
    color: #333333;
    line-height: 90px;
    margin-top: 0;
}

.pc_index .finebi_banner p {
    max-width: 380px;
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 24px;
    margin-bottom: 73px;
}

.pc_index .finebi_banner .banner_button {
    width: 1000px;
}

.pc_index .finebi_banner .free_use {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    width: 240px;
    height: 56px;
    margin-right: 14px;
    background: rgba(0, 105, 234, 1);
    border-radius: 4px;
}


/* .pc_index .finebi_banner .free_use:hover {
    background: linear-gradient(259deg, #1F88E5 0%, #1B91E6 27%, #11A8E7 48%, #0972E9 74%, #0069EA 100%);
    background-size: 400% 400%;
    -webkit-animation: gradientBG 4s ease infinite;
    animation: gradientBG 4s ease infinite
} */

.pc_index .finebi_banner .free_use span {
    font-size: 20px;

    font-weight: 400;
    color: #FFFFFF;
}

.pc_index .finebi_banner .free_use i {
    font-size: 26px;
    color: #FFFFFF;
}

.pc_index .finebi_banner .finbi_demo {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    width: 170px;
    height: 56px;
    background: #FFFFFF;
    border-radius: 4px;
}

.pc_index .finebi_banner .finbi_demo span {
    height: 28px;
    font-size: 20px;

    font-weight: 400;
    color: #007ED3;
    line-height: 28px;
}

.pc_index .finebi_banner .finbi_demo i {
    font-size: 20px;
    color: #007ED3;
}

.pc_index .finebi_activities {
    position: relative;
    box-sizing: border-box;
    height: 130px;
    width: 1300px;
    background: #FFFFFF;
    box-shadow: 0px 2px 24px 0px rgba(185, 185, 185, 0.5);
    border-radius: 4px;
    top: -65px;
}

.pc_index .finebi_activities .activities_text {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    top: -20px;
    left: 145px;
    width: 32px;
    height: 16px;
    background: #D9E8FC;
    border-radius: 2px;
}

.pc_index .finebi_activities span {
    height: 16px;
    font-size: 11px;

    font-weight: 400;
    color: #0069EA;
    line-height: 16px;
}

.pc_index .finebi_activities .activities_item {
    box-sizing: border-box;
    height: 100%;
    width: 325px;
    padding: 40px 0 0 40px;
}

.pc_index .finebi_activities h3 {
    height: 28px;
    margin: 0;
    font-size: 20px;

    font-weight: 600;
    color: #333330;
    line-height: 28px;
}

.pc_index .finebi_activities p {
    position: relative;
    top: -8px;
    height: 17px;
    font-size: 12px;

    font-weight: 400;
    color: #666666;
    line-height: 17px;
}


/* 广告位 */

.index_adv {
    height: 132px;
    width: 1300px;
    background: #FFFFFF;
    box-shadow: 0px 2px 24px 0px rgba(185, 185, 185, 0.5);
    border-radius: 4px;
    max-width: 1260px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    position: relative;
    top: -50px;
}

@media (max-width: 1200px) {
    .index_adv {
        display: none;
    }
}

.index_adv .index_adv_box {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 40px;
    transition: all 0.25s;
}

.index_adv .index_adv_box:hover {
    padding-top: 50px;
    padding-bottom: 50px;
    background: #0069EA;
    box-shadow: 0px 2px 24px 0px rgba(185, 185, 185, 0.5);
    border-radius: 4px;
}

.index_adv .index_adv_box03:hover {
    padding-top: 45px;
    padding-bottom: 45px;
    background: #0069EA;
    box-shadow: 0px 2px 24px 0px rgba(185, 185, 185, 0.5);
    border-radius: 4px;
}

.index_adv .index_adv_box:hover h4 {
    color: #FFFFFF;
}

.index_adv .index_adv_box:hover h4 span {
    background-color: rgba(255, 255, 255, 0.15);
    color: #FFFFFF;
}

.index_adv .index_adv_box:hover p {
    color: #FFFFFF;
}

.index_adv .index_adv_box01 {
    width: 315px;
}

.index_adv .index_adv_box02 {
    width: 315px;
}

.index_adv .index_adv_box03 {
    width: 315px;
}

.index_adv .index_adv_box04 {
    width: 315px;
}

.index_adv h4 {
    font-size: 20px;
    font-weight: 600;
    color: #666666;
    line-height: 28px;
    margin-top: 0;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
}

.index_adv h4 span {
    width: 32px;
    background: rgba(0, 105, 234, 0.15);
    border-radius: 2px;
    height: 16px;
    font-size: 12px;
    font-weight: 400;
    color: #0069EA;
    line-height: 16px;
    text-align: center;
    margin-left: 10px;
}

.index_adv p {
    font-size: 12px;

    font-weight: 400;
    color: #666666;
    line-height: 17px;
    margin-bottom: 0;
}


/* 广告位 */


/* data01 */

.pc_index .finebi_data01 {
    width: 100%;
    height: 1096px;
    margin-top: 15px;
    background: #FFFFFF;
}

.pc_index .finebi_data01 h2 {
    margin-top: 15px;
}

.pc_index .finebi_data01 p {
    font-size: 16px;
    margin: 20px 0 10px 0;
    color: #2F364C;
    line-height: 24px;
}

.pc_index .finebi_data01 .finebi_data01_container {
    margin-top: 40px;
}

.finebi_data01_container span {
    display: block;
    position: relative;
    top: 17px;
    left: -6px;
    width: 150px;
    height: 33px;
    margin-right: 162px;
    font-size: 24px;

    font-weight: 400;
    color: #808DA1;
    line-height: 33px;
}

.pc_index .finebi_data01 .data01_button {
    width: 120px;
    height: 120px;
    /* margin: 0 87px 0 87px; */
}

.finebi_data01_container .button_progress {}

.pc_index .finebi_data01 .data01_button .current {
    color: #0069EA;
}

.pc_index .finebi_data01 .data01_button .img_box {
    transition: all 0.5s;
}

.pc_index .finebi_data01 .data01_button:nth-of-type(1) .img_box {
    height: 80px;
    background: url("https://src.fanruan.com/website/2022-finebi/img/finebi/data-button01.png") no-repeat;
}

.pc_index .finebi_data01 .data01_button:nth-of-type(1) .active {
    height: 80px;
    background: url("https://src.fanruan.com/website/2022-finebi/img/finebi/data-button05.png") no-repeat !important;
}

.pc_index .finebi_data01 .data01_button:nth-of-type(2) .img_box {
    height: 80px;
    background: url("https://src.fanruan.com/website/2022-finebi/img/finebi/data-button02.png") no-repeat;
}

.pc_index .finebi_data01 .data01_button:nth-of-type(2) .active {
    height: 80px;
    background: url("https://src.fanruan.com/website/2022-finebi/img/finebi/data-button06.png") no-repeat !important;
}

.pc_index .finebi_data01 .data01_button:nth-of-type(3) .img_box {
    height: 80px;
    background: url("https://src.fanruan.com/website/2022-finebi/img/finebi/data-button03.png") no-repeat;
}

.pc_index .finebi_data01 .data01_button:nth-of-type(3) .active {
    height: 80px;
    background: url("https://src.fanruan.com/website/2022-finebi/img/finebi/data-button07.png") no-repeat !important;
}

.pc_index .finebi_data01 .data01_button:nth-of-type(4) .img_box {
    height: 80px;
    background: url("https://src.fanruan.com/website/2022-finebi/img/finebi/data-button04.png") no-repeat;
}

.pc_index .finebi_data01 .data01_button:nth-of-type(4) .active {
    height: 80px;
    background: url("https://src.fanruan.com/website/2022-finebi/img/finebi/data-button08.png") no-repeat !important;
}


/* 箭头动效 */

.pc_index .finebi_data01 .finebi_data01_container .button_progress {
    display: block;
    position: relative;
    top: 30px;
    margin: 0px;
    width: 130px;
    height: 20px;
}

@-webkit-keyframes indedx_design_arrow-move {
    0% {
        left: 0%;
        opacity: 0
    }

    70% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-moz-keyframes indedx_design_arrow-move {
    0% {
        left: 0%;
        opacity: 0
    }

    70% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes indedx_design_arrow-move {
    0% {
        left: 0%;
        opacity: 0
    }

    70% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.pc_index .finebi_data01 .finebi_data01_container .button_progress .arrow {
    position: absolute;
    top: 50%;
    left: 60%;
    transform: translate3d(-50%, -50%, 0);
    transform-origin: 50% 50%;
}

.pc_index .finebi_data01 .finebi_data01_container .button_progress .arrow>em {
    width: 12px;
    height: 12px;
    display: inline-block;
    border-left: 3px solid #0069ea;
    border-top: 3px solid #0069ea;
    -webkit-transform: rotate(-225deg) !important;
    transform: rotate(-225deg) !important;
}

.pc_index .finebi_data01 .finebi_data01_container .button_progress .arrow01 {
    animation: indedx_design_arrow-move 2.4s ease-in-out infinite;
}

.pc_index .finebi_data01 .finebi_data01_container .button_progress .arrow02 {
    animation: indedx_design_arrow-move 2.4s ease-in-out 0.4s infinite;
}

.pc_index .finebi_data01 .finebi_data01_container .button_progress .arrow03 {
    animation: indedx_design_arrow-move 2.4s ease-in-out 0.8s infinite;
}

.pc_index .finebi_data01 .finebi_data01_container .button_progress .arrow04 {
    animation: indedx_design_arrow-move 2.4s ease-in-out 1.2s infinite;
}


/* 箭头动效 */

.pc_index .finebi_data01 .finebi_data01_content .data01_demo {
    display: none;
    margin-top: 40px;
}

.pc_index .finebi_data01 .finebi_data01_content .data01_demo div:nth-of-type(2) {
    width: 1170px;
    height: 520px;
    margin-top: 24px;
    box-shadow: 0px 4px 20px 0px rgba(0, 105, 234, 0.15), inset 0px -2px 3px 0px rgba(255, 255, 255, 0.8);
    border-radius: 4px;
    border: 1px solid #C2D5FF;
}

.finebi_data01_content .data01_demo .data01_demo_tittle {
    width: 570px;
    height: 48px;
    background: #E5F0FD;
    border-radius: 24px;
}

.finebi_data01_content .data01_demo video {
    width: 100%;
}

video::-webkit-media-controls {
    display: none !important;
}

.finebi_data01_content .data01_demo .data01_demo_tittle span {
    height: 30px;
    font-size: 18px;

    font-weight: 400;
    color: #0069EA;
    line-height: 30px;
}

.pc_index .finebi_data01 .finebi_data01_content .active {
    display: flex;
    flex-direction: column;
    align-items: center;
}


/* data02 */






/* finebi_person */

.pc_index .finebi_person {

    box-sizing: border-box;
}

.pc_index .finebi_person p {


    font-weight: normal;
    color: #2F364C;
}

.pc_index .finebi_person .finebi_person_container {


    background: #EFF5FF;
    box-shadow: 0px 4px 20px 0px rgba(0, 105, 234, 0.15), inset 0px -2px 3px 0px rgba(255, 255, 255, 0.8);
    border-radius: 4px;
    border: 1px solid #C2D5FF;
}

.finebi_person_container .finebi_person_tabs {
    display: flex;
    flex-direction: row;
}

/* sem-data-visual */

.sem-data-visual .finebi_person_container .finebi_person_tabs .tabs_trrigle .current {
    width: 389px;
    height: 4px;
    background: #0069EA;
}

.sem-data-visual .finebi_person_container .finebi_person_tabs .tabs_trrigle {
    width: 389px;
}

/* sem-data-visual */



/* sem-data-analyse */


/* sem-data-analyse */

.finebi_person_container .finebi_person_tabs .tabs_trrigle {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 389px;
    height: 56px;
}



.finebi_person_container .finebi_person_tabs .tabs_trrigle .current {
    width: 389px;
    height: 4px;
    background: #2ea8e0;
}

.finebi_person_container .finebi_person_tabs .tabs_trrigle span {
    height: 27px;
    margin-top: 11px;
    font-size: 20px;

    font-weight: normal;
    color: #808DA1;
    line-height: 27px;
}

.finebi_person_container .finebi_person_tabs .active {
    background: #FFFFFF;
}

.finebi_person_container .finebi_person_tabs .tabs_trrigle .active {
    color: #2ea8e0;
}

.pc_index .finebi_person .finebi_person_container .finebi_content {
    box-sizing: border-box;
    width: 100%;
    height: 90%;
    padding: 32px 0 32px 32px;
    background: #FFFFFF;
}

.pc_index .finebi_person .finebi_person_container .finebi_content .content_item {
    display: none;
    flex-direction: row;
    width: 100%;
    height: 100%;
}

.pc_index .finebi_person .finebi_person_container .finebi_content .active {
    display: flex;
}

.pc_index .finebi_person .finebi_person_container .finebi_content .content_item .item_left {
    display: flex;
    flex-direction: column;
    width: 40%;
}

.pc_index .finebi_person .finebi_person_container .finebi_content .content_item .item_left p {

    line-height: 1.5;
}

.pc_index .finebi_person .finebi_person_container .finebi_content .active {
    display: flex;
}

.finebi_person .finebi_person_container .finebi_content {}

.finebi_person .finebi_person_container .finebi_content h4 {
    height: 27px;
    margin: 0 0 8px 0;
    font-size: 20px;

    font-weight: normal;
    color: #333333;
    line-height: 27px;
}

.finebi_person .finebi_person_container .finebi_content .psparent {
    padding-top: 10%;
    padding-left: 5%;
    padding-right: 5%;
}

.finebi_person .finebi_person_container .finebi_content .psparent p {

    font-size: 1rem;
    font-weight: normal;
    color: #2F364C;
    line-height: 2;
}

.finebi_person .finebi_person_container .finebi_content .psparent p b {

    font-size: 1.2rem;
}

.psparent p i {
    font-size: 1.6rem;
}

.finebi_person .finebi_person_container .finebi_content h5 {
    height: 22px;
    margin: 0 0 14px 0;
    font-size: 1.2rem;
    font-weight: normal;
    color: #333333;
    line-height: 1.5;
}

.finebi_person .finebi_person_container .finebi_content .person_profit {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 328px;
    height: 48px;
    margin-bottom: 8px;
    background: #EFF5FF;
    border-radius: 4px;
}

.finebi_person .finebi_person_container .finebi_content .person_profit i {
    position: relative;
    left: 15px;
}

.finebi_person .finebi_person_container .finebi_content .person_profit span {
    /* position: relative;
    right: 20px; */
    margin: 0 0 0 22px;
    height: 22px;
    font-size: 14px;

    font-weight: normal;
    color: #2F364C;
    line-height: 24px;
}

.finebi_person .finebi_person_container .finebi_content .free_use_button {
    width: 328px;
    height: 48px;
    margin-top: 40px;
    background: #2ea8e0;
    border-radius: 4px;
}

.finebi_person .finebi_person_container .finebi_content .free_use_button span {
    height: 28px;
    font-size: 20px;

    font-weight: 400;
    color: #FFFFFF;
    line-height: 28px;
}

.pc_index .finebi_person .finebi_person_container .finebi_content .content_item .item_right {
    width: 60%;
    box-shadow: 0px 4px 20px 0px rgba(0, 105, 234, 0.15), inset 0px -2px 3px 0px rgba(255, 255, 255, 0.8);
    border-radius: 4px;
    border: 1px solid #C2D5FF;
}

.pc_index .finebi_person .finebi_person_container .finebi_content .content_item .img01 {
    background: url("/resource/pc/skin/images/index/index2-demo1.png") no-repeat;
    background-size: cover;
}

.pc_index .finebi_person .finebi_person_container .finebi_content .content_item .img02 {
    background: url("/resource/pc/skin/images/index/index2-demo2.png") no-repeat;
    background-size: cover;
}

.pc_index .finebi_person .finebi_person_container .finebi_content .content_item .img03 {
    background: url("/resource/pc/skin/images/index/index2-demo3.png") no-repeat;
    background-size: cover;
}

.pc_index .finebi_person .finebi_person_container .finebi_content .content_item .img04 {
    background: url("/resource/pc/skin/images/index/index2-demo4.png") no-repeat;
    background-size: cover;
}

.txtinfig {
    text-align: center;
    padding-top: 5%;
    padding-left: 5%;
    padding-right: 5%;
    font-size: 2rem;
    font-weight: bold;
    color: rgb(0, 0, 0);
}

/* finebi_warehouse */

.pc_index .finebi_warehouse {
    width: 100%;
    height: 643px;
    margin-top: 78px;
    background: #F4F8FF;
}

.pc_index .finebi_warehouse h2 {
    margin-top: 78px;
}

.pc_index .finebi_warehouse .warehouse_container {
    margin-top: 50px;
}

.pc_index .finebi_warehouse .warehouse_container .part_left {
    height: 374px;
    width: 770px;
    margin-right: 32px;
    background: #FFFFFF;
    box-shadow: inset 0px -2px 3px 0px rgba(255, 255, 255, 0.8);
}

.pc_index .finebi_warehouse .warehouse_container .part_left .part_left_tab {
    display: flex;
    flex-direction: row;
}

.pc_index .finebi_warehouse .warehouse_container .part_left h4 {
    height: 27px;
    margin: 40px 496px 24px 32px;
    font-size: 20px;

    font-weight: normal;
    color: #333333;
    line-height: 27px;
}

.pc_index .finebi_warehouse .warehouse_container .part_left a {
    height: 20px;
    margin-top: 48px;
    font-size: 14px;

    font-weight: normal;
    color: #0069EA;
    line-height: 20px;
}

.pc_index .finebi_warehouse ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: 32px;
}

.pc_index .finebi_warehouse ul li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 170px;
    height: 120px;
    margin: 0px 5px 5px 0;
    border-radius: 4px;
    cursor: pointer;
}

.pc_index .finebi_warehouse ul li:hover .mengban {
    background: #0069EA;
    opacity: 0.89;
}

.pc_index .finebi_warehouse ul li .mengban {
    position: absolute;
    width: 170px;
    height: 120px;
    border-radius: 4px;
    background: #0069EA;
    opacity: 0.65;
}

.pc_index .finebi_warehouse ul li img {
    margin-bottom: 18px;
    z-index: 99;
}

.pc_index .finebi_warehouse ul li a {
    z-index: 99;
}

.pc_index .finebi_warehouse ul li span {
    height: 22px;
    font-size: 16px;

    font-weight: normal;
    color: #FFFFFF;
    z-index: 99;
}

.pc_index .finebi_warehouse ul .img01 {
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("https://src.fanruan.com/website/2022-finebi/img/finebi/person-index09.png");
}

.pc_index .finebi_warehouse ul .img02 {
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("https://src.fanruan.com/website/2022-finebi/img/finebi/person-index10.png");
}

.pc_index .finebi_warehouse ul .img03 {
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("https://src.fanruan.com/website/2022-finebi/img/finebi/person-index11.png");
}

.pc_index .finebi_warehouse ul .img04 {
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("https://src.fanruan.com/website/2022-finebi/img/finebi/person-index12.png");
}

.pc_index .finebi_warehouse ul .img05 {
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("https://src.fanruan.com/website/2022-finebi/img/finebi/person-index13.png");
}

.pc_index .finebi_warehouse ul .img06 {
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("https://src.fanruan.com/website/2022-finebi/img/finebi/person-index14.png");
}

.pc_index .finebi_warehouse ul .img07 {
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("https://src.fanruan.com/website/2022-finebi/img/finebi/person-index15.png");
}

.pc_index .finebi_warehouse ul .img08 {
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("https://src.fanruan.com/website/2022-finebi/img/finebi/person-index16.png");
}

.pc_index .finebi_warehouse .warehouse_container .part_right {
    width: 368px;
    height: 374px;
    background: #FFFFFF;
    box-shadow: inset 0px -2px 3px 0px rgba(255, 255, 255, 0.8);
}

.pc_index .finebi_warehouse .warehouse_container .part_right_tab {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 304px;
    justify-content: space-between;
    margin: 40px 0 20px 0;
}

.pc_index .finebi_warehouse .warehouse_container .part_right h4 {
    height: 27px;
    font-size: 20px;

    font-weight: normal;
    color: #333333;
    line-height: 27px;
}

.pc_index .finebi_warehouse .warehouse_container .part_right p {
    width: 312px;
    font-size: 14px;

    font-weight: normal;
    color: #2F364C;
    line-height: 24px;
}

.pc_index .finebi_warehouse .warehouse_container .part_right a {
    height: 20px;
    font-size: 14px;

    font-weight: normal;
    color: #0069EA;
    line-height: 20px;
}

.pc_index .finebi_warehouse .warehouse_container .part_right .case_button {
    width: 304px;
    height: 48px;
    margin-top: 100px;
    border-radius: 4px;
    border: 1px solid #0069EA;
}

.warehouse_container .part_right .case_button span {
    height: 28px;
    font-size: 20px;

    font-weight: 400;
    color: #0069EA;
    line-height: 28px;
}


/* customer */

.customer {
    height: 820px;
    width: 100%;
}

.customer h2 {
    width: 100%;
    margin: 100px 0 60px 0;
    text-align: center;
}

@media (max-width: 1200px) {
    .customer h2 {
        width: 100%;
        margin: 5.368rem 0 2.368rem 0;
        text-align: center;
    }
}

@media (max-width: 1200px) {
    .customer {
        height: 690px;
        width: 100%;
        margin-bottom: 35px;
    }

    .customer .title {
        padding-left: 15px;
    }
}

@media (max-width: 768px) {
    .customer {
        height: 610px;
        width: 100%;
        margin-bottom: 35px;
    }

    .customer .title {
        text-align: start;
        padding-left: 0px;
    }
}

.customer img {
    width: 1000%;
    max-width: 100%;
    position: relative;
}

.customer .customer_box_swiper {
    margin-bottom: 45px;
    padding: 15px;
    padding-left: 200px;
}

@media (max-width: 1200px) {
    .customer .customer_box_swiper {
        margin-bottom: 10px;
        padding: 15px 0;
    }
}

.customer .swiper-slide {
    background-image: url('https://src.fanruan.com/website/finereport/customer_swiperbg.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: 0px 6px 10px 0px rgba(169, 198, 244, 0.7);
    border-radius: 4px;
    padding: 32px;
    width: 370px;
    height: 470px;
}

@media (max-width: 768px) {
    .customer {
        height: 445px;
    }

    .mobile_index .customer .swiper-slide {
        height: 360px;
        padding: 24px 0 0 24px;
        box-sizing: border-box;
    }

    .mobile_index .customer .customer_box_tit img {
        width: 45px;
        margin-right: 12px;
    }

    .mobile_index .customer .customer_box_tit h3 {
        font-size: 18px;

        font-weight: 500;
        color: #333333;
    }

    .mobile_index .customer .customer_box_tit {
        margin-bottom: 15px;
    }

    .mobile_index .customer img {
        max-width: 92%;
    }

    .mobile_index .customer .customer_box_con img {
        margin-bottom: 15px;
    }

    .mobile_index .customer .customer_box_con .dec {
        font-size: 12px;

        font-weight: 400;
        color: #666666;
        margin-bottom: 24px;
    }

    .customer .case_pagination {
        position: static;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        bottom: 30px;
    }

    .customer .case_pagination .swiper-pagination-bullet {
        width: 4px;
        height: 4px;
        background: rgba(0, 105, 234, 0.3);
        border-radius: 2px;
    }

    .customer .case_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 20px;
        height: 4px;
        background: #0069EA;
        border-radius: 2px;
    }
}

.customer .customer_box_tit {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.customer .customer_box_tit img {
    width: 60px;
    margin-right: 15px;
}

.customer .customer_box_tit h3 {
    font-size: 24px;
    font-weight: 500;
    color: #333333;
    line-height: 33px;
    margin-top: 0;
    margin-bottom: 0;
}

.customer .customer_box_con img {
    margin-bottom: 35px;
}

.customer .customer_box_con .dec {
    font-size: 14px;
    font-weight: 400;
    color: #333333;

    line-height: 22px;
    margin-bottom: 35px;
}


.customer .customer_box_con a span {
    font-size: 14px;
}

.customer .customer_box_con h4 {
    font-size: 20px;
    font-weight: 500;
    color: #333333;
    line-height: 28px;
    margin-top: 0;
}

.customer .customer_box_con .post {
    font-size: 12px;
    font-weight: 400;
    color: #666666;
    line-height: 17px;
    margin-bottom: 0;
}

.customer .navigation_box {
    display: flex;
    align-items: center;
    justify-content: center;
}


/* @media (max-width: 1200px) {
    .customer .navigation_box {
        display: none;
    }
} */

.customer .navigation_box .swiper_btn {
    position: initial;
    width: 48px;
    height: 48px;
    background-size: cover;
    margin-top: 0;
    margin: 0 8px;
}

.customer .navigation_box .swiper-button-prev {
    background-image: url('https://src.fanruan.com/website/finereport/prev_blue.png');
}

.customer .navigation_box .swiper-button-prev:after {
    content: "";
}

.customer .navigation_box .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
    background-image: url('https://src.fanruan.com/website/finereport/prev_gray.png');
}

.customer .navigation_box .swiper-button-next {
    background-image: url('https://src.fanruan.com/website/finereport/next_blue.png');
}

.customer .navigation_box .swiper-button-next:after {
    content: "";
}

.customer .navigation_box .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    background-image: url('https://src.fanruan.com/website/finereport/next_gray.png');
}

.customer .m_customer_page {
    display: none;
}


/* @media (max-width: 1200px) {
    .customer .m_customer_page {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .customer .m_customer_page .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        background: rgba(0, 105, 234, 0.3);
        border-radius: 4px;
        opacity: 1;
    }
    .customer .m_customer_page .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 40px;
        background: #0069EA;
    }
} */


/* customer */


/* more-case */

.more_case {
    height: 530px;
    width: 100%;
    padding: 50px 0 0 0;
}

@media (max-width: 1200px) {
    .more_case {
        padding-left: 15px;
        padding-right: 15px;
    }

    .more_case {
        height: 420px;
        width: 100%;
        padding: 30px 0 0 0;
    }
}

@media (max-width: 900px) {
    .more_case {
        padding-left: 15px;
        padding-right: 15px;
    }

    .more_case {
        height: 320px;
        width: 100%;
        padding: 0;
    }
}

.more_case .more_case_swiper {
    padding-top: 15px;
    padding-bottom: 15px;
}

.more_case_swiper .swiper-wrapper {
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}

.more_case .more_case_box {
    position: relative;
}

.more_case .swiper-slide {
    box-shadow: 0px 4px 14px 0px rgba(204, 213, 222, 0.5);
    border-radius: 4px;
    overflow: hidden;
    height: auto;
    position: relative;
}

.more_case .swiper-slide a {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    left: 0;
    top: 0;
    display: flex;
}

.more_case .swiper-slide:hover a {
    opacity: 1;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 105, 234, 0.8);
    font-size: 16px;
    color: #fff;
}

@media (max-width: 1200px) {
    .more_case .swiper-slide:hover a {
        font-size: 12px;
    }
}

.more_case img {
    max-width: 100%;
    width: 100%;
}

.more_case .swiper_case_prev {
    height: 100%;
    width: 212px;
    top: 0;
    left: 0;
    margin-top: 0;
    background: linear-gradient(90deg, #FFFFFF 0%, #FFFFFF 60%, rgba(255, 255, 255, 0) 100%);
}

@media (max-width: 1200px) {

    /* .more_case .swiper_case_prev {
        display: none;
    } */
    .more_case .swiper_case_prev {
        height: 100%;
        width: 100px;
        top: 0;
        left: 0;
        margin-top: 0;
        background: linear-gradient(90deg, #FFFFFF 0%, #FFFFFF 60%, rgba(255, 255, 255, 0) 100%);
    }
}

@media (max-width: 768px) {

    /* .more_case .swiper_case_prev {
        display: none;
    } */
    .more_case .swiper_case_prev {
        height: 100%;
        width: 20px;
        top: 0;
        left: 0;
        margin-top: 0;
        background: linear-gradient(90deg, #FFFFFF 0%, #FFFFFF 60%, rgba(255, 255, 255, 0) 100%);
    }
}

.more_case .swiper_case_prev:after {
    content: "";
}

.more_case .swiper_case_next {
    height: 100%;
    width: 212px;
    top: 0;
    right: 0;
    margin-top: 0;
    background: linear-gradient(270deg, #FFFFFF 0%, #FFFFFF 60%, rgba(255, 255, 255, 0) 100%);
}

@media (max-width: 1200px) {

    /* .more_case .swiper_case_next {
        display: none;
    } */
    .more_case .swiper_case_next {
        height: 100%;
        width: 100px;
        top: 0;
        right: 0;
        margin-top: 0;
        background: linear-gradient(270deg, #FFFFFF 0%, #FFFFFF 60%, rgba(255, 255, 255, 0) 100%);
    }
}

@media (max-width: 768px) {

    /* .more_case .swiper_case_next {
        display: none;
    } */
    .more_case .swiper_case_next {
        height: 100%;
        width: 20px;
        top: 0;
        right: 0;
        margin-top: 0;
        background: linear-gradient(270deg, #FFFFFF 0%, #FFFFFF 60%, rgba(255, 255, 255, 0) 100%);
    }
}

.more_case .swiper_case_next:after {
    content: "";
}

.more_case .swiper-button-disabled {
    opacity: 1;
}

.more_case .more {
    display: block;
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    color: #0069EA;
    line-height: 33px;
    margin-top: 50px;
}

@media (max-width: 1200px) {
    .more_case .more {
        margin-top: 20px;
        font-size: 12px;
        line-height: 20px;
    }

    .more_case .more i {
        font-size: 12px;
    }
}

.more_case .more span {
    font-size: 32px;
}

@media (max-width: 1200px) {
    .more_case .more span {
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    .more_case {
        height: 530px;
    }

    .more_case .check_client {
        display: inline-block;
        position: relative;
        text-align: center;
        top: 10px;
        width: 100%;
        font-size: 12px;

        font-weight: 500;
        color: #0069EA;
    }

    .more_case .check_client span {
        font-size: 16px;

        font-weight: 500;
        color: #0069EA;
    }
}

@media (max-width: 420px) {
    .more_case {
        height: 430px !important;
    }
}


/* more-case */


/* finebi_free_use */

.finebi_free_use {
    height: 313px;
    width: 100%;
    background: #EFF5FF;
}

.finebi_free_use h2 {
    margin-top: 60px;
}

.finebi_free_use p {
    height: 22px;
    margin-top: 16px;
    font-size: 16px;
    /*   */
    font-weight: 400;
    color: #333333;
    line-height: 22px;
}

.finebi_free_use a {
    width: 370px;
    height: 60px;
    margin-top: 40px;
    background: #0069EA;
    border-radius: 4px;
}

.finebi_free_use a span {
    height: 28px;
    font-size: 20px;

    font-weight: 500;
    color: #FFFFFF;
    line-height: 28px;
}


/* footer */

.footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 400px;
    width: 100%;
    background: #050505;
}

.footer .footer_container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 1170px;
    margin-top: 80px;
}

.footer .fr_phone {
    display: flex;
    flex-direction: column;
}

.footer .fr_phone div {
    margin: 0 !important;
}

.footer .fr_phone div i {
    font-size: 18px;
    position: relative;
    top: -4px;
    color: #FFFFFF;
    opacity: 0.5;
}

.footer .fr_phone img {
    width: 104px;
    height: 40px;
    margin-bottom: 28px;
}

.footer .fr_phone span {
    height: 17px;
    margin: 0 0 27px 16px;
    font-size: 12px;

    font-weight: 400;
    color: #FFFFFF;
    line-height: 17px;
    opacity: 0.8;
}

.footer .fr_link {
    display: flex;
    flex-direction: row;
}

.footer .fr_link ul {
    margin-right: 132px;
}

.footer .fr_link li {
    margin-bottom: 14px;
}

.footer .fr_link h4 {
    height: 22px;
    margin-bottom: 26px;
    font-size: 16px;

    font-weight: 400;
    color: #FFFFFF;
    line-height: 22px;
    opacity: 0.9;
}

.footer .fr_link a {
    height: 17px;
    font-size: 12px;

    font-weight: 400;
    color: #FFFFFF;
    line-height: 17px;
}

.footer .fr_link a span {
    height: 17px;
    font-size: 12px;

    font-weight: 400;
    color: #FFFFFF;
    line-height: 17px;
    opacity: 0.6;
}

.footer .footer_line {
    width: 1170px;
    height: 1px;
    background: #6C6C6C;
}

.footer .other_link {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    width: 1170px;
}

.footer .other_link .link_left span {
    height: 17px;
    font-size: 12px;

    font-weight: 400;
    color: #FFFFFF;
    opacity: 0.8;
}

.footer .other_link .link_left a {
    height: 17px;
    font-size: 12px;

    font-weight: 400;
    color: #FFFFFF;
    opacity: 0.8;
}

.footer .other_link .link_right span {
    height: 17px;
    font-size: 12px;

    font-weight: 400;
    color: #FFFFFF;
    line-height: 17px;
    opacity: 0.8;
}

@media (max-width: 1200px) {
    .footer .footer_container {
        width: 900px;
    }

    .footer .fr_link ul {
        margin-right: 60px;
    }

    .footer .footer_line {
        width: 900px;
    }

    .footer .other_link {
        width: 900px;
    }
}

@media (max-width: 900px) {
    .footer .footer_container {
        width: 770px;
    }

    .footer .fr_link ul {
        margin-right: 60px;
    }

    .footer .footer_line {
        width: 770px;
    }

    .footer .other_link {
        width: 770px;
    }
}


/* footer */


/* mobile */

@media (max-width: 768px) {

    /* .pc_index {
        display: none !important;
    } */
    .pc_index h2 {
        font-size: 1.1rem;
        font-weight: normal;
        color: #2F364C;
        text-align: center;
    }

    .mobile_column {
        display: flex;
        flex-direction: column;
    }

    .mobile_row {
        display: flex;
        flex-direction: row;
    }

    .mobile_index {
        display: flex;
        padding: 65px 15px 0 15px;
    }

    .mobile_index h2 {
        margin: 25px 0 20px 0;
        padding: 0;
        font-size: 20px;

        font-weight: 500;
        color: #333333;
        text-align: start;
        line-height: 28px;
    }

    .mobile_index .mobile_banner {
        width: 100%;
        height: 230px;
        background-image: url("https://src.fanruan.com/website/2022-finebi/img/finebi/index-banner-m.png");
        background-size: cover;
        box-sizing: border-box;
        box-shadow: 0px 5px 51px 0px rgba(184, 187, 204, 0.5);
        border-radius: 4px;
        padding: 14px 0 0 20px;
    }

    .mobile_index .mobile_banner h1 {
        height: 40px;
        margin: 20px 0 0 0;
        font-size: 24px;
        font-weight: bold;
        color: #333333;
        line-height: 40px;
    }

    .mobile_index .mobile_banner p {
        width: 50%;
        margin: 0 0 28px 0;
        font-size: 12px;

        font-weight: 500;
        color: #333333;
        line-height: 17px;
    }

    .mobile_index .mobile_banner a:nth-of-type(1) {
        width: 80px;
        height: 28px;
        margin-right: 10px;
        background: #0069EA;
        border-radius: 2px;
    }

    .mobile_index .mobile_banner a:nth-of-type(2) {
        width: 80px;
        height: 28px;
        background: #FFFFFF;
        border-radius: 2px;
    }

    .mobile_index .mobile_banner a span {
        font-size: 11px;

        font-weight: 400;
        line-height: 15px;
    }

    .mobile_index .mobile_banner a:nth-of-type(1) span {
        color: #FFFFFF;
    }

    .mobile_index .mobile_banner a:nth-of-type(2) span {
        color: #333333;
    }

    /* part 1 */
    .mobile_index .mobile_part01 .part01_swiper {
        width: 100%;
        height: 238px;
        background: #FFFFFF;
        box-shadow: 0px 1px 10px 0px rgba(184, 187, 204, 0.5);
        border-radius: 4px;
    }

    .mobile_part01 .part01_swiper_box {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        height: 283px;
    }

    .mobile_part01 .part01_swiper_box .swiper-slide {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

    .mobile_part01 .part01_swiper_box .swiper-wrapper {
        width: 100%;
        height: 250px;
    }

    .mobile_part01 .part01_swiper_box .swiper-wrapper .part01_swiper_item {
        width: 98%;
        height: 238px;
        background: #FFFFFF;
        box-shadow: 0px 1px 10px 0px rgba(184, 187, 204, 0.5);
        border-radius: 4px;
    }

    .part01_swiper_item {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .part01_swiper_item .part01_item_header {
        display: flex;
        flex-direction: row;
        width: 82%;
    }

    .part01_swiper_item .part01_item_header .header_right {
        display: flex;
        flex-direction: column;
        position: relative;
        left: -8px;
    }

    .part01_swiper_item .part01_item_header h3 {
        margin: 16px 0 10px 0;
        font-size: 18px;

        font-weight: 500;
        color: #333333;
    }

    .part01_swiper_item .part01_item_header p {
        font-size: 12px;

        font-weight: 400;
        color: #666666;
    }

    .part01_swiper_item .part01_item_header .line {
        width: 2px;
        height: 46px;
        position: relative;
        top: 16px;
        left: -20px;
        background: #0069EA;
    }

    .part01_swiper_item .part01_item_content {
        height: 147px;
        margin-top: 16px;
        background: #EFF5FF;
        box-shadow: 0px 1px 6px 0px rgba(0, 105, 234, 0.15), inset 0px 0px 1px 0px rgba(255, 255, 255, 0.8);
        border-radius: 1px;
        border: 0px solid #C2D5FF;
    }

    .part01_swiper_item .part01_item_content video {
        width: 100%;
        height: 100%;
    }

    .mobile_part01 .function_other_page {
        position: relative !important;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        bottom: 15px;
    }

    .mobile_part01 .function_other_page .swiper-pagination-bullet {
        width: 4px;
        height: 4px;
        background: rgba(0, 105, 234, 0.3);
        border-radius: 2px;
    }

    .mobile_part01 .function_other_page .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 20px;
        height: 4px;
        background: #0069EA;
        border-radius: 2px;
    }

    /* part 2 */
    .mobile_index .mobile_part02 .part02_tabs {
        width: 100%;
        height: 320px;
        padding: 24px 15px 0 15px;
        box-sizing: border-box;
        background: #FFFFFF;
        box-shadow: 0px 1px 10px 0px rgba(184, 187, 204, 0.5);
        border-radius: 4px;
    }

    .mobile_index .mobile_part02 .part02_tabs .tab_triggles {
        justify-content: space-between;
    }

    .mobile_index .mobile_part02 .part02_tabs .tab_triggles .active {
        background: #0069EA;
    }

    .mobile_index .mobile_part02 .part02_tabs .tab_triggles .current {
        color: #FFFFFF;
    }

    .mobile_part02 .tab_item {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 57px;
        height: 45px;
        background: #EFF5FF;
        border-radius: 2px;
    }

    .mobile_part02 .tab_item span {
        width: 26px;
        height: 37px;
        font-size: 13px;

        font-weight: 400;
        color: #333333;
        line-height: 19px;
    }

    .mobile_part02 .tab_content h3 {
        margin: 24px 0 6px 0;
        font-size: 18px;

        font-weight: 500;
        color: #333333;
        line-height: 25px;
    }

    .mobile_part02 .tab_content_box .tab_content {
        display: none;
    }

    .mobile_part02 .tab_content_box .active {
        display: block;
    }

    .mobile_part02 .tab_content p {
        margin: 0 0 6px 0;
        font-size: 12px;

        font-weight: 400;
        color: #666666;
        line-height: 20px;
    }

    .mobile_part02 .tab_content .tab_content_img {
        width: 100%;
        height: 152px;
        box-shadow: 0px 1px 10px 0px rgba(184, 187, 204, 0.5);
        border-radius: 2px;
    }

    .mobile_part02 .tab_content .tab_content_img img {
        height: 100%;
    }

    .mobile_part02 .tab_content .img01 {
        background-size: cover;
        background-image: url("https://src.fanruan.com/website/2022-finebi/img/index/index05.png");
    }

    .mobile_part02 .tab_content .img02 {
        background-size: cover;
        background-image: url("https://src.fanruan.com/website/2022-finebi/img/index/index06.png");
    }

    .mobile_part02 .tab_content .img03 {
        background-size: cover;
        background-image: url("https://src.fanruan.com/website/2022-finebi/img/index/index07.png");
    }

    .mobile_part02 .tab_content .img04 {
        background-size: cover;
        background-image: url("https://src.fanruan.com/website/2022-finebi/img/index/index08.png");
    }

    /* part 3 */
    .mobile_index .mobile_part03 {
        width: 100%;
    }

    .mobile_index .mobile_part03 h2 {
        width: 80%;
    }

    .mobile_index .mobile_part03 p {
        margin: 0 0 20px 0;
        font-size: 12px;

        font-weight: 400;
        color: #666666;
        line-height: 20px;
    }

    .mobile_index .mobile_part03 .part03_tabs {
        width: 100%;
        padding-bottom: 5%;
        padding: 24px 15px 15px 15px;
        background: #FFFFFF;
        box-shadow: 0px 1px 10px 0px rgba(184, 187, 204, 0.5);
        border-radius: 4px;
    }

    .mobile_index .mobile_part03 .part03_tabs .tab_triggles {
        justify-content: space-between;
    }

    .mobile_index .mobile_part03 .part03_tabs .tab_item {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 30%;
        background: #EFF5FF;
        border-radius: 2px;
    }

    .mobile_index .mobile_part03 .part03_tabs .tab_triggles .active {
        background: #0069EA;
    }

    .mobile_index .mobile_part03 .part03_tabs .tab_item span {
        font-size: 13px;

        font-weight: 400;
        color: #333333;
        line-height: 19px;
        text-align: center;
    }

    .mobile_index .mobile_part03 .part03_tabs .tab_item .current {
        color: #FFFFFF !important;
    }

    .mobile_index .mobile_part03 .part03_tabs .tab_content h3 {
        margin: 24px 0 6px 0;
        font-size: 18px;

        font-weight: 500;
        color: #333333;
        line-height: 25px;
    }

    .mobile_index .mobile_part03 .tab_content_box .tab_content {
        display: none;
        background: url("/resource/pc/skin/images/index/index2-demo2.png") no-repeat;
        background-size: cover;
        padding-bottom: 10%;
        padding-top: 10%;
        padding-left: 5%;
        padding-right: 5%;
    }

    .mobile_index .mobile_part03 .tab_content_box .tab_content h5 {
        text-align: center;
        color: #000000;
        font-size: 16px;
        font-weight: bold;
        padding: 5% 0;

    }

    .mobile_index .mobile_part03 .tab_content_box .active {
        display: block !important;
    }

    .mobile_index .mobile_part03 .part03_tabs .tab_content p {
        margin: 0 0 12px 0;
        font-size: 14px;

        font-weight: 400;
        color: #2b2b2b;
        line-height: 20px;
    }

    .mobile_index .mobile_part03 .part03_tabs .tab_content .tab_content_img {
        width: 100%;
        height: 196px;
        background: #FFFFFF;
        box-shadow: 0px 1px 10px 0px rgba(184, 187, 204, 0.5);
        border-radius: 1px;
    }

    .mobile_index .mobile_part03 .part03_tabs .tab_content .tab_content_img img {
        height: 100%;
    }

    /* part 4 */
    .mobile_index .mobile_part04 .mobile_part04_content {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
        height: 582px;
        box-sizing: border-box;
        padding: 18px 15px 0 15px;
        background: #FFFFFF;
        box-shadow: 0px 1px 10px 0px rgba(184, 187, 204, 0.5);
        border-radius: 4px;
    }

    .mobile_index .mobile_part04 .mobile_part04_content .img01 {
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url("https://src.fanruan.com/website/2022-finebi/img/finebi/index_mobile01.png");
    }

    .mobile_index .mobile_part04 .mobile_part04_content .img02 {
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url("https://src.fanruan.com/website/2022-finebi/img/finebi/index_mobile02.png");
    }

    .mobile_index .mobile_part04 .mobile_part04_content .img03 {
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url("https://src.fanruan.com/website/2022-finebi/img/finebi/index_mobile03.png");
    }

    .mobile_index .mobile_part04 .mobile_part04_content .img04 {
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url("https://src.fanruan.com/website/2022-finebi/img/finebi/index_mobile04.png");
    }

    .mobile_index .mobile_part04 .mobile_part04_content .img05 {
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url("https://src.fanruan.com/website/2022-finebi/img/finebi/index_mobile05.png");
    }

    .mobile_index .mobile_part04 .mobile_part04_content .img06 {
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url("https://src.fanruan.com/website/2022-finebi/img/finebi/index_mobile06.png");
    }

    .mobile_index .mobile_part04 .mobile_part04_content .img07 {
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url("https://src.fanruan.com/website/2022-finebi/img/finebi/index_mobile07.png");
    }

    .mobile_index .mobile_part04 .mobile_part04_content .img08 {
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url("https://src.fanruan.com/website/2022-finebi/img/finebi/index_mobile08.png");
    }

    .mobile_part04_content .part04_item {
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 108px;
        width: 48%;
        border-radius: 4px;
    }

    @media (max-width: 375px) {
        .mobile_part04_content .part04_item {
            height: 30rem;
        }
    }

    .mobile_part04_content .part04_item h3 {
        height: 19px;
        margin: 70px 0 0 0;
        font-size: 14px;

        font-weight: normal;
        color: #FFFFFF;
        line-height: 19px;
    }

    .mobile_part04_content a {
        width: 100%;
        height: 42px;
        margin: 22px 0 22px 0;
        border-radius: 2px;
        border: 1px solid #0069EA;
    }

    .mobile_part04_content a span {
        font-size: 14px;

        font-weight: 400;
        color: #0069EA;
        line-height: 20px;
    }

    .mobile_part05 .mobile_part05_box {
        width: 100%;
        height: 206px;
        padding: 30px 14px;
        border-radius: 2px;
        box-shadow: 0px 1px 10px 0px rgba(184, 187, 204, 0.5);
    }

    .mobile_part05 .mobile_part05_box p {
        margin: 0 0 12px 0;
        font-size: 12px;
        font-weight: 400;
        color: #666666;
        line-height: 20px;
        margin-bottom: 36px;
    }

    .mobile_part05_box a {
        width: 100%;
        height: 42px;
        margin: 22px 0 22px 0;
        border-radius: 2px;
        border: 1px solid #0069EA;
    }

    .mobile_part05_box a span {
        font-size: 14px;

        font-weight: 400;
        color: #0069EA;
        line-height: 20px;
    }
}

@media (max-width: 768px) {
    .mobilie_footer {
        height: 322px;
        width: 100%;
        box-sizing: border-box;
        padding: 25px 20px 0 20px;
        background: #050505;
    }

    .mobilie_footer .mobile_footer_top {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .mobilie_footer .mobile_footer_top img {
        height: 32px;
    }

    .mobilie_footer .mobile_footer_top p {
        width: 56%;
        font-size: 10px;

        font-weight: 400;
        color: #FFFFFF;
        line-height: 14px;
        text-align: end;
    }

    .mobilie_footer .mobile_footer_bottom {
        display: flex;
        flex-direction: column;
    }

    .mobilie_footer .mobile_footer_bottom i {
        position: relative;
        top: 4px;
        margin-right: 14px;
        font-size: 24px;
        color: #FFFFFF;
        opacity: 0.4;
    }

    .footer_line {
        height: 1px;
        margin: 24px 0 34px 0;
        background: #515151;
    }

    .mobilie_footer .mobile_footer_bottom span {
        margin-bottom: 28px;
        font-size: 12px;

        font-weight: 400;
        color: #FFFFFF;
        line-height: 17px;
    }

}


/* 1200分辨率 */

@media (max-width: 1200px) {
    .pc_index h2 {
        font-size: 1.6rem;
        font-weight: normal;
        color: #2F364C;
        text-align: center;
    }

    .pc_index h4 {
        font-size: 1.2rem;
        font-weight: normal;
        color: #2F364C;
        text-align: center;
    }

    .pc_index .finebi_banner {
        height: 41.842rem;
        width: 100%;
        box-sizing: border-box;
        padding: 120px 0 0 12%;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url("https://src.fanruan.com/website/2022-finebi/img/finebi/index-banner.png");
    }

    .pc_index .finebi_banner h1 {
        height: 5.263rem;
        margin: 0 0 2.789rem 0;
        font-size: 5.105rem;
        font-weight: bold;
        color: #333333;
        line-height: 5.263rem;
        letter-spacing: .053rem;
    }

    .pc_index .finebi_banner p {
        height: 3.158rem;
        margin: 0 0 5.947rem 0;
        font-size: 2.3rem;

        font-weight: 600;
        color: #333333;
        line-height: 3.158rem;
    }

    .pc_index .finebi_banner .banner_button {
        width: 52.632rem;
    }

    .pc_index .finebi_banner .free_use {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        width: 16.632rem;
        height: 4.947rem;
        margin-right: 2.737rem;
        background: #0069EA;
        border-radius: 0.211rem;
        transition: all 0.3s;
    }

    .pc_index .finebi_banner .free_use span {
        font-size: 1.553rem;

        font-weight: 400;
        color: #FFFFFF;
    }

    .pc_index .finebi_banner .free_use i {
        font-size: 1.853rem;
        color: #FFFFFF;
    }

    .pc_index .finebi_banner .finbi_demo {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        width: 12.5rem;
        height: 4.947rem;
        background: #FFFFFF;
        border-radius: 0.211rem;
    }

    .pc_index .finebi_banner .finbi_demo span {
        height: 1.474rem;
        font-size: 1.553rem;

        font-weight: 400;
        color: #007ED3;
        line-height: 1.474rem;
    }

    .pc_index .finebi_banner .finbi_demo i {
        font-size: 1.553rem;
        color: #007ED3;
    }

    /* part1 */
    .pc_index .finebi_data01 {
        width: 100%;
        height: 69rem;
        margin-top: .789rem;
        background: #FFFFFF;
    }

    .pc_index .finebi_data01 h2 {
        margin-top: .789rem;
    }

    .pc_index .finebi_data01 .finebi_data01_container {
        margin-top: 2.105rem;
    }

    .finebi_data01_container span {
        display: block;
        position: relative;
        top: 1.895rem;
        left: 0.684rem;
        width: 12rem;
        height: 1.737rem;
        margin-right: 8.526rem;
        font-size: 1.8rem;

        font-weight: 400;
        color: #808DA1;
        line-height: 1.737rem;
    }

    .pc_index .finebi_data01 .data01_button {
        width: 8.316rem;
        height: 8.316rem;
        /* margin: 0 4.579rem 0 4.579rem; */
    }

    .finebi_data01_container .button_progress {}

    .pc_index .finebi_data01 .data01_button:hover span {
        color: #0069EA;
    }

    .pc_index .finebi_data01 .data01_button .img_box {
        transition: all 0.5s;
    }

    .pc_index .finebi_data01 .data01_button:nth-of-type(1) .img_box {
        height: 8rem;
        background-size: cover;
        background-image: url("https://src.fanruan.com/website/2022-finebi/img/finebi/data-button01.png");
    }

    .pc_index .finebi_data01 .data01_button:nth-of-type(1):hover .img_box {
        height: 8rem;
        background-size: cover;
        background-image: url("https://src.fanruan.com/website/2022-finebi/img/finebi/data-button05.png");
    }

    .pc_index .finebi_data01 .data01_button:nth-of-type(2) .img_box {
        height: 8rem;
        background-size: cover;
        background-image: url("https://src.fanruan.com/website/2022-finebi/img/finebi/data-button02.png");
    }

    .pc_index .finebi_data01 .data01_button:nth-of-type(2):hover .img_box {
        height: 8rem;
        background-size: cover;
        background-image: url("https://src.fanruan.com/website/2022-finebi/img/finebi/data-button06.png");
    }

    .pc_index .finebi_data01 .data01_button:nth-of-type(3) .img_box {
        height: 8rem;
        background-size: cover;
        background-image: url("https://src.fanruan.com/website/2022-finebi/img/finebi/data-button03.png");
    }

    .pc_index .finebi_data01 .data01_button:nth-of-type(3):hover .img_box {
        height: 8rem;
        background-size: cover;
        background-image: url("https://src.fanruan.com/website/2022-finebi/img/finebi/data-button07.png");
    }

    .pc_index .finebi_data01 .data01_button:nth-of-type(4) .img_box {
        height: 8rem;
        background-size: cover;
        background-image: url("https://src.fanruan.com/website/2022-finebi/img/finebi/data-button04.png");
    }

    .pc_index .finebi_data01 .data01_button:nth-of-type(4):hover .img_box {
        height: 8rem;
        background-size: cover;
        background-image: url("https://src.fanruan.com/website/2022-finebi/img/finebi/data-button08.png");
    }

    /* 箭头动效 */
    .pc_index .finebi_data01 .finebi_data01_container .button_progress {
        display: block;
        position: relative;
        top: 3.579rem;
        left: 3rem;
        margin: 0rem;
        width: 10rem;
        height: 1.053rem;
    }

    @-webkit-keyframes indedx_design_arrow-move {
        0% {
            left: 0%;
            opacity: 0
        }

        70% {
            opacity: 1
        }

        to {
            opacity: 0
        }
    }

    @-moz-keyframes indedx_design_arrow-move {
        0% {
            left: 0%;
            opacity: 0
        }

        70% {
            opacity: 1
        }

        to {
            opacity: 0
        }
    }

    @keyframes indedx_design_arrow-move {
        0% {
            left: 0%;
            opacity: 0
        }

        70% {
            opacity: 1
        }

        to {
            opacity: 0
        }
    }

    .pc_index .finebi_data01 .finebi_data01_container .button_progress .arrow {
        position: absolute;
        top: 50%;
        left: 60%;
        transform: translate3d(-50%, -50%, 0);
        transform-origin: 50% 50%;
    }

    .pc_index .finebi_data01 .finebi_data01_container .button_progress .arrow>em {
        width: .895rem;
        height: .895rem;
        display: inline-block;
        border-left: .158rem solid #0069ea;
        border-top: .158rem solid #0069ea;
        -webkit-transform: rotate(-225deg) !important;
        transform: rotate(-225deg) !important;
    }

    .pc_index .finebi_data01 .finebi_data01_container .button_progress .arrow01 {
        animation: indedx_design_arrow-move 2.4s ease-in-out infinite;
    }

    .pc_index .finebi_data01 .finebi_data01_container .button_progress .arrow02 {
        animation: indedx_design_arrow-move 2.4s ease-in-out 0.4s infinite;
    }

    .pc_index .finebi_data01 .finebi_data01_container .button_progress .arrow03 {
        animation: indedx_design_arrow-move 2.4s ease-in-out 0.8s infinite;
    }

    .pc_index .finebi_data01 .finebi_data01_container .button_progress .arrow04 {
        animation: indedx_design_arrow-move 2.4s ease-in-out 1.2s infinite;
    }

    /* 箭头动效 */
    .pc_index .finebi_data01 .finebi_data01_content .data01_demo {
        display: none;
        margin-top: 6rem;
    }

    .pc_index .finebi_data01 .finebi_data01_content .data01_demo div:nth-of-type(2) {
        width: 82rem;
        height: 36.4rem;
        margin-top: 1.263rem;
        box-shadow: 0px 4px 20px 0px rgba(0, 105, 234, 0.15), inset 0px -2px 3px 0px rgba(255, 255, 255, 0.8);
        border-radius: 4px;
        border: 1px solid #C2D5FF;
    }

    /* .pc_index .finebi_data01 .finebi_data01_content .img01 {
        background-size: cover;
        background-image: url("https://src.fanruan.com/website/2022-finebi/img/index/index01.png");
    }
    .pc_index .finebi_data01 .finebi_data01_content .img02 {
        background-size: cover;
        background-image: url("https://src.fanruan.com/website/2022-finebi/img/index/index02.png");
    }
    .pc_index .finebi_data01 .finebi_data01_content .img03 {
        background-size: cover;
        background-image: url("https://src.fanruan.com/website/2022-finebi/img/index/index03.png");
    }
    .pc_index .finebi_data01 .finebi_data01_content .img04 {
        background-size: cover;
        background-image: url("https://src.fanruan.com/website/2022-finebi/img/index/index04.png");
    } */
    .finebi_data01_content .data01_demo .data01_demo_tittle {
        width: 46rem;
        height: 3.6rem;
        background: #E5F0FD;
        border-radius: 24px;
    }

    .finebi_data01_content .data01_demo .data01_demo_tittle span {
        height: 1.579rem;
        font-size: 1.5rem;

        font-weight: 400;
        color: #0069EA;
        line-height: 1.579rem;
    }

    .pc_index .finebi_data01 .finebi_data01_content .active {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    /* part3 */
    .pc_index .finebi_person {


        box-sizing: border-box;
        padding-top: 5.263rem;
        padding-bottom: 3rem;
    }

    .pc_index .finebi_person .finebi_person_container {

        padding: 0 10%;
        margin-top: 2.632rem;
        background: #EFF5FF;
        border-radius: 4px;
        border: 1px solid #C2D5FF;
    }

    .finebi_person_container .finebi_person_tabs {
        display: flex;
        flex-direction: row;
    }

    .finebi_person_container .finebi_person_tabs .tabs_trrigle {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 60%;
        height: 5rem;
    }

    .finebi_person_container .finebi_person_tabs .tabs_trrigle .current {
        width: 60%;
        height: .411rem;
        background: #0069EA;
    }

    .finebi_person_container .finebi_person_tabs .tabs_trrigle span {
        margin-top: 1.5rem;
        font-size: 1.2rem;

        font-weight: normal;
        color: #808DA1;
        line-height: 1.5;
    }

    .finebi_person_container .finebi_person_tabs .active {
        background: #FFFFFF;
    }

    .finebi_person_container .finebi_person_tabs .tabs_trrigle .active {
        color: #0069EA;
    }

    .pc_index .finebi_person .finebi_person_container .finebi_content {
        box-sizing: border-box;
        width: 100%;
        height: 88%;
        padding: 1.684rem 0 1.684rem 1.684rem;
        background: #FFFFFF;
    }

    .pc_index .finebi_person .finebi_person_container .finebi_content .content_item {
        display: none;
        flex-direction: row;
        width: 100%;
        height: 100%;
    }

    .pc_index .finebi_person .finebi_person_container .finebi_content .active {
        display: flex;
    }

    .pc_index .finebi_person .finebi_person_container .finebi_content .content_item .item_left {
        display: flex;
        flex-direction: column;
    }

    .pc_index .finebi_person .finebi_person_container .finebi_content .active {
        display: flex;
    }

    .finebi_person .finebi_person_container .finebi_content {}

    .finebi_person .finebi_person_container .finebi_content h4 {
        height: 1.421rem;
        margin: 0 0 1.2rem 0;
        font-size: 1.6rem;

        font-weight: normal;
        color: #333333;
        line-height: 1.6rem;
    }

    .finebi_person .finebi_person_container .finebi_content p {

        font-size: 1.2rem;

        font-weight: normal;
        color: #2F364C;
        line-height: 2rem;
    }

    .finebi_person .finebi_person_container .finebi_content h5 {
        height: 1.158rem;
        margin: 0 0 1.2rem 0;
        font-size: 1.6rem;

        font-weight: normal;
        color: #333333;
        line-height: 1.6rem;
    }

    .finebi_person .finebi_person_container .finebi_content .person_profit {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 24rem;
        height: 3rem;
        margin-bottom: 1rem;
        background: #EFF5FF;
        border-radius: 4px;
    }

    .finebi_person .finebi_person_container .finebi_content .person_profit span {
        font-size: .737rem;

        font-weight: normal;
        color: #2F364C;
        width: 21rem;
        width: 300px;
        height: auto;
        display: -webkit-box;
        overflow: hidden;
        /*超出隐藏*/
        text-overflow: ellipsis;
        /*隐藏后添加省略号*/
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
    }

    .finebi_person .finebi_person_container .finebi_content .free_use_button {
        width: 90%;
        margin-top: 2.105rem;
        background: #0069EA;
        border-radius: 4px;
    }

    .finebi_person .finebi_person_container .finebi_content .free_use_button span {
        height: 1.474rem;
        font-size: 1.6rem;

        font-weight: 400;
        color: #FFFFFF;
        line-height: 1.474rem;
    }

    .pc_index .finebi_person .finebi_person_container .finebi_content .content_item .item_right {
        width: 60%;
        box-shadow: 0px 4px 20px 0px rgba(0, 105, 234, 0.15), inset 0px -2px 3px 0px rgba(255, 255, 255, 0.8);
        border-radius: 4px;
        border: 1px solid #C2D5FF;
    }

    .pc_index .finebi_person .finebi_person_container .finebi_content .content_item .img01 {
        background: url("/resource/pc/skin/images/index/index2-demo1.png") no-repeat;
        background-size: cover;
    }

    .pc_index .finebi_person .finebi_person_container .finebi_content .content_item .img02 {
        background: url("/resource/pc/skin/images/index/index2-demo2.png") no-repeat;
        background-size: cover;
    }

    .pc_index .finebi_person .finebi_person_container .finebi_content .content_item .img03 {
        background: url("/resource/pc/skin/images/index/index2-demo3.png") no-repeat;
        background-size: cover;
    }

    .pc_index .finebi_person .finebi_person_container .finebi_content .content_item .img04 {
        background: url("/resource/pc/skin/images/index/index2-demo4.png") no-repeat;
        background-size: cover;
    }

    /* finebi_warehouse */
    .pc_index .finebi_warehouse {
        width: 100%;
        height: 48.5rem;
        margin-top: 4.105rem;
        background: #F4F8FF;
    }

    .pc_index .finebi_warehouse h2 {
        margin-top: 4.105rem;
    }

    .pc_index .finebi_warehouse .warehouse_container {
        margin-top: 2.632rem;
    }

    .pc_index .finebi_warehouse .warehouse_container .part_left {
        height: 30rem;
        width: 59.5rem;
        margin: 2.105rem 0 0 1.684rem;
        margin-right: 1.684rem;
        background: #FFFFFF;
        box-shadow: inset 0rem -0.105rem .158rem 0rem rgba(255, 255, 255, 0.8);
    }

    .pc_index .finebi_warehouse .warehouse_container .part_left .part_left_tab {
        display: flex;
        flex-direction: row;
    }

    .pc_index .finebi_warehouse .warehouse_container .part_left h4 {
        height: 1.421rem;
        margin: 3.105rem 40rem 3rem 1.684rem;
        font-size: 1.6rem;

        font-weight: normal;
        color: #333333;
        line-height: 1.421rem;
    }

    .pc_index .finebi_warehouse .warehouse_container .part_left a {
        height: 1.053rem;
        margin-top: 3.105rem;
        font-size: 1.2rem;

        font-weight: normal;
        color: #0069EA;
    }

    .pc_index .finebi_warehouse ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        margin-left: 1.684rem;
    }

    .pc_index .finebi_warehouse ul li {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 13.8rem;
        height: 10rem;
        margin: 0rem .45rem .45rem 0;
        border-radius: .211rem;
        cursor: pointer;
    }

    .pc_index .finebi_warehouse ul li:hover .mengban {
        background: #0069EA;
        opacity: 0.89;
    }

    .pc_index .finebi_warehouse ul li .mengban {
        position: absolute;
        width: 13.8rem;
        height: 10rem;
        border-radius: 4px;
        background: #0069EA;
        opacity: 0.65;
    }

    .pc_index .finebi_warehouse ul li img {
        margin-bottom: .947rem;
        z-index: 99;
    }

    .pc_index .finebi_warehouse ul li a {
        z-index: 99;
    }

    .pc_index .finebi_warehouse ul li span {
        height: 1.158rem;
        font-size: 1.3rem;

        font-weight: normal;
        color: #FFFFFF;
        z-index: 99;
    }

    .pc_index .finebi_warehouse ul .img01 {
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url("https://src.fanruan.com/website/2022-finebi/img/finebi/person-index09.png");
    }

    .pc_index .finebi_warehouse ul .img02 {
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url("https://src.fanruan.com/website/2022-finebi/img/finebi/person-index10.png");
    }

    .pc_index .finebi_warehouse ul .img03 {
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url("https://src.fanruan.com/website/2022-finebi/img/finebi/person-index11.png");
    }

    .pc_index .finebi_warehouse ul .img04 {
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url("https://src.fanruan.com/website/2022-finebi/img/finebi/person-index12.png");
    }

    .pc_index .finebi_warehouse ul .img05 {
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url("https://src.fanruan.com/website/2022-finebi/img/finebi/person-index13.png");
    }

    .pc_index .finebi_warehouse ul .img06 {
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url("https://src.fanruan.com/website/2022-finebi/img/finebi/person-index14.png");
    }

    .pc_index .finebi_warehouse ul .img07 {
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url("https://src.fanruan.com/website/2022-finebi/img/finebi/person-index15.png");
    }

    .pc_index .finebi_warehouse ul .img08 {
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url("https://src.fanruan.com/website/2022-finebi/img/finebi/person-index16.png");
    }

    .pc_index .finebi_warehouse .warehouse_container .part_right {
        width: 23.5rem;
        height: 30rem;
        margin: 2.105rem 0 0 1.684rem;
        background: #FFFFFF;
        box-shadow: inset 0rem -0.105rem .158rem 0rem rgba(255, 255, 255, 0.8);
    }

    .pc_index .finebi_warehouse .warehouse_container .part_right_tab {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        width: 21rem;
        justify-content: space-between;
        margin: 3.5rem 0 1.263rem 0;
    }

    .pc_index .finebi_warehouse .warehouse_container .part_right h4 {
        height: 1.421rem;
        font-size: 1.6rem;

        font-weight: normal;
        color: #333333;
        line-height: 1.421rem;
    }

    .pc_index .finebi_warehouse .warehouse_container .part_right p {
        width: 21rem;
        font-size: 1.2rem;

        font-weight: normal;
        color: #2F364C;
    }

    .pc_index .finebi_warehouse .warehouse_container .part_right a {
        height: 1.053rem;
        font-size: 1.2rem;

        font-weight: normal;
        color: #0069EA;
        line-height: 1.053rem;
    }

    .pc_index .finebi_warehouse .warehouse_container .part_right .case_button {
        width: 21rem;
        height: 3.3rem;
        margin-top: 1rem;
        border-radius: 4px;
        border: 1px solid #0069EA;
    }

    .warehouse_container .part_right .case_button span {
        height: 1.474rem;
        font-size: 1.053rem;

        font-weight: 400;
        color: #0069EA;
        line-height: 1.474rem;
    }
}

@media (max-width: 768px) {

    /* .pc_index {
        display: none !important;
    } */
    .pc_index .finebi_person .finebi_person_container .finebi_content .active {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .onlysmallscreen {
        display: flex;
        flex: 1 1 auto;
        text-align: center;
        font-size: larger;
        font-weight: bolder;
        padding-top:1.5rem ;
        margin-left: 10px;
        margin-right: 10px;

    }

    .pc_index .finebi_person .finebi_person_container .finebi_content .content_item .item_left {
        flex: 1 1 auto;
        width: 100%;
    }

    .pc_index .finebi_person .finebi_person_container .finebi_content .content_item .img01 {
        display: none;
        background: url("/resource/pc/skin/images/index/index2-demo1.png") no-repeat;
        background-size: cover;
    }

    .pc_index .finebi_person .finebi_person_container .finebi_content .content_item .img02 {
        display: none;
        background: url("/resource/pc/skin/images/index/index2-demo2.png") no-repeat;
        background-size: cover;
    }

    .pc_index .finebi_person .finebi_person_container .finebi_content .content_item .img03 {
        display: none;
        background: url("/resource/pc/skin/images/index/index2-demo3.png") no-repeat;
        background-size: cover;
    }

    .pc_index h2 {
        padding-top: 0.5rem;
        font-size: 1.1rem;
        font-weight: normal;
        color: #2F364C;
        text-align: center;
    }

    .index_bi_lowcode .bi_lowcode {
        display: block;
        /* flex-direction: row;
        justify-content: center; */
        align-items: center;
        box-shadow: 0px 4px 14px 0px rgba(204, 213, 222, 0.5);
        width: 100%;
    }

    .index_bi_lowcode .bi_lowcode .bi_lowcode_item {
        display: inline-block;
        /* flex: 50% 1 0; */
        flex-direction: column;
        justify-content: space-evenly;
        align-items: center;
        height: 100%;
        width: calc(49% - ((2px * 1) / 2));
        margin-right: 2px;
        margin-bottom: 3px;
        background-color: #FFFFFF;
        background-size: cover;
        padding-top: 2px;
        padding-bottom: 3px;
    }

    .bi_lowcode_item_title01 h4 {
        font-size: 1rem;
        margin-bottom: 0;
        text-align: center;
    }

    .pc_index .scene_demo_buttton {
        height: 3rem;
        width: 100%;
        padding-left: 2%;
        padding-right: 2%;
        border-radius: 0.2rem;
        border: none;
        background: #2ea8e0;
    }

    .txtinfig {
        text-align: center;
        padding-top: 20%;
        padding-left: 5%;
        padding-right: 5%;
        font-size: 1.4rem;
        font-weight: bold;
        color: rgb(0, 0, 0);
    }
}