.body.function {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden auto;
    background: #fff
}

.body.function .index_head {
    font-weight: bold;
    position: absolute;
    width: calc(100% + 8px)
}

.body.function button.is_round {
    border-radius: 20px
}

.body.function button + button {
    margin-left: 10px
}

.body.function .carousel {
    width: 621px;
    height: 456px
}

.body.function .carousel .carousel_cont {
    overflow: hidden
}

.body.function .carousel .carousel_cont, .body.function .carousel .carousel_cont .carousel_cont_in {
    position: relative;
    width: 100%;
    height: 100%
}

.body.function .carousel .carousel_cont .carousel_cont_in > div {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 0
}

.body.function .carousel .carousel_cont .carousel_cont_in > div.is_animating {
    -webkit-transition: -webkit-transform .4s ease-in-out;
    transition: -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out
}

.body.function .carousel .carousel_ctr {
    padding-top: 16px;
    width: 100%;
    height: 48px;
    text-align: center
}

.body.function .carousel .carousel_ctr > span {
    display: inline-block;
    border-radius: 5.5px;
    width: 11px;
    height: 11px;
    margin: 0 5px;
    background: #dcdcdc;
    cursor: pointer
}

.body.function .carousel .carousel_ctr > span.active {
    background: #0086fa
}

.body.function .carousel /deep/ .el-carousel__arrow--left, .body.function .carousel /deep/ .el-carousel__arrow--right {
    display: none
}

.body.function .carousel /deep/ .el-carousel__container {
    height: 456px
}

.body.function .carousel /deep/ .el-carousel__button {
    width: 11px;
    height: 11px;
    background: #dcdcdc;
    border-radius: 50%;
    opacity: 1
}

.body.function .carousel /deep/ .el-carousel__indicator--horizontal {
    padding: 25px 6px 12px
}

.body.function .carousel /deep/ .el-carousel__indicator.el-carousel__indicator--horizontal.is-active button {
    background-color: #0086fa
}

.body.function .carousel .carousel_img {
    width: 621px;
    height: 456px;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

.body.function .content_left {
    padding: 80px 0 0 110px
}

.body.function .content_right {
    width: 460px;
    padding: 80px 0 0;
    margin-right: 120px
}

.body.function .content_title {
    font-size: 40px;
    font-weight: 700;
    color: #333;
    padding-bottom: 20px
}

.body.function .content_subtitle {
    font-size: 16px;
    font-weight: 400;
    color: #7c7c7c;
    padding-bottom: 40px
}

.body.function .content_details {
    font-size: 16px;
    font-weight: 400;
    color: #32393d;
    line-height: 39px
}

.body.function .item_content {
    margin: 80px auto 70px;
    width: 1200px;
    display: flex;
    user-select: none
}

.body.function main > .item_content:first-child {
    margin-top: 140px
}

.body.function .content_bg {
    display: flex;
    justify-content: space-between;
    background: #f7faff
}

.body.function .financial_account_bg_fist {
    background-image: url(../images/fun_financial_account_01-58e16.png)
}

.body.function .financial_account_bg_second {
    background-image: url(../images/fun_financial_account_02-4d871.png)
}

.body.function .product_bg_first {
    background-image: url(../images/fun_product_01-a9931.png)
}

.body.function .product_bg_second {
    background-image: url(../images/fun_product_02-b6434.png)
}

.body.function .auto_comment_bg_first {
    background-image: url(../images/fun_auto_comment_01-78a48.png)
}

.body.function .auto_comment_bg_second {
    background-image: url(../images/fun_auto_comment_02-cfafc.png)
}

.body.function .profit_bg_first {
    background-image: url(../images/fun_profit_01-4385d.png)
}

.body.function .profit_bg_second {
    background-image: url(../images/fun_profit_02-20c37.png)
}

.body.function .achievement_bg_first {
    background-image: url(../images/fun_achievement-5cb2f.png)
}

.body.function .advert_bg_first {
    background-image: url(../images/fun_advert_01-06a4d.png)
}

.body.function .advert_bg_second {
    background-image: url(../images/fun_advert_02-c92cc.png)
}

.body.function .operational_tools_bg_first {
    background-image: url(../images/fun_operational_tools-a337d.png)
}

.body.function .operation_performance_bg_first {
    background-image: url(../images/fun_operation_performance-b4b84.png)
}

.body.function .exclusive_inventory_bg_first {
    background-image: url(../images/fun_exclusive_inventory-02049.png)
}

.body.function .authority_manage_bg_first {
    background-image: url(../images/fun_authority_manage-60a7e.png)
}

.body.function .function_container .function_banner {
    position: relative;
    width: 100%;
    height: 500px;
    background: url(../new_image/banner3.png) no-repeat 50%;
    z-index: 1
}

.body.function .function_container .function_content .function_nav_wrap {
    position: sticky;
    top: 0;
    display: flex;
    justify-content: center;
    background-color: #fff;
    border-bottom: 2px solid #e9ebf0
}

.body.function .function_container .function_content .function_nav_wrap .function_nav {
    display: flex;
    justify-content: space-between;
    width: 1200px;
    height: 56px;
    line-height: 56px
}

.body.function .function_container .function_content .function_nav_wrap .function_nav .function_nav_item {
    position: relative;
    min-width: 80px;
    font-size: 16px;
    text-align: center;
    color: #666;
    cursor: pointer
}

.body.function .function_container .function_content .function_nav_wrap .function_nav .function_nav_item:hover {
    color: #0086fa
}

.body.function .function_container .function_content .function_nav_wrap .function_nav .function_nav_item.active {
    font-weight: 700;
    color: #0086fa
}

.body.function .function_container .function_content .function_nav_wrap .function_nav .function_nav_item.active:after {
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 4px;
    background-color: #0086fa;
    content: "";
    border-radius: 4px
}

.body.function .function_container .function_content .function_item_wrap {
    display: flex;
    justify-content: center
}

.body.function .function_container .function_content .function_item_wrap:nth-child(odd) {
    background: linear-gradient(180deg, #fafafa, hsla(0, 0%, 98%, 0))
}

.body.function .function_container .function_content .function_item_wrap .function_item {
    display: flex;
    padding: 100px 0;
    width: 1240px
}

.body.function .function_container .function_content .function_item_wrap .function_item > div {
    width: 570px
}

.body.function .function_container .function_content .function_item_wrap .function_item > div + div {
    margin-left: 100px
}

.body.function .function_container .function_content .function_item_wrap .function_item .img_content img {
    width: 550px;
    height: 400px
}

.body.function .function_container .function_content .function_item_wrap .function_item .img_content + .text_content {
    padding-left: 0
}

.body.function .function_container .function_content .function_item_wrap .function_item .text_content {
    padding-top: 48px;
    padding-left: 108px
}

.body.function .function_container .function_content .function_item_wrap .function_item .text_content .function_title {
    font-size: 24px;
    font-weight: 600;
    color: #ffa91e
}

.body.function .function_container .function_content .function_item_wrap .function_item .text_content .function_divider {
    margin-top: 16px;
    margin-bottom: 18px;
    width: 120px;
    height: 2px;
    background: linear-gradient(90deg, #ffa91e, rgba(255, 169, 30, .19) 51.04%, rgba(255, 169, 30, 0))
}

.body.function .function_container .function_content .function_item_wrap .function_item .text_content .function_desc {
    font-size: 18px;
    color: #333
}

.body.function .function_container .function_content .function_item_wrap .function_item .text_content .function_list {
    margin-top: 48px;
    font-size: 16px;
    color: #999
}

.body.function .function_container .function_content .function_item_wrap .function_item .text_content .function_list li {
    white-space: nowrap
}

.body.function .function_container .function_content .function_item_wrap .function_item .text_content .function_list li + li {
    margin-top: 20px
}

.body.function .function_container .function_content .function_item_wrap .function_item .text_content .function_list li:before {
    content: "";
    display: inline-block;
    margin: 3px 8px 3px 0;
    width: 4px;
    height: 4px;
    background-color: #999;
    border-radius: 50%
}