.bk, .feature-container .wrap .wrap-item .wrap-item-text .item-text-title.new:after {
    background-image: url("//static.xinrenxinshi.com/official4/pc/global-sprite-201911.png?v=${resourceVersion?c}");
    background-size: 470px 550px;
    background-repeat: no-repeat
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}


.lucency-bg > .navBar-white-wrap {
    background-color: transparent;
    box-shadow: none
}

.feature-body {
    padding-bottom: 30px;
}

.feature-body-bg {
    background-color: #f8fafe;
}

.feature-banner {
    min-height: 466px;
    padding-top: 80px;
    box-sizing: border-box;
    background-color: #f8fafe;
}

.feature-banner .banner-box {
    width: 1160px;
    min-height: 411px;
    margin: 0 auto;
    padding-left: 40px;
    box-sizing: border-box;
    padding-top: 80px
}

.feature-banner .banner-box .banner-text h3 {
    font-size: 50px;
    font-family: PingFang SC;
    font-weight: 600;
    color: #1d1d1f;
    line-height: 68px;
    letter-spacing: 2px
}

.feature-banner .banner-box .banner-text .text-span {
    margin-top: 32px;
    font-size: 24px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #1d1d1f;
    line-height: 68px
}

.feature-banner .banner-box .connect-banner .text-span {
    letter-spacing: 2px
}

.feature-banner .banner-box .banner-btns {
    display: flex
}

.feature-banner .banner-box .banner-btns .banner-phone {
    display: flex;
    width: 329px;
    height: 49px;
    background-color: white;
    box-shadow: 4px 7px 13px 3px rgba(236, 243, 245, 0.8);
    border-radius: 25px;
    margin-top: 42px
}

.feature-banner .banner-box .banner-btns .banner-phone .btn-phone-text {
    display: flex;
    justify-content: center;
    height: 46px;
    width: 190px;
    padding-left: 22px;
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #000;
    line-height: 20px;
    opacity: .77;
    border-radius: 25px
}

.feature-banner .banner-box .banner-btns .banner-phone .btn-phone-trial {
    width: 142px;
    height: 47px;
    background: #e7201a;
    border-radius: 25px;
    font-size: 18px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #fff;
    line-height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.feature-banner .banner-box .banner-btns .btn-product {
    margin-left: 36px;
    margin-top: 42px;
    width: 170px;
    height: 49px;
    background: #fff;
    box-shadow: 4px 7px 13px 3px rgba(236, 243, 245, 0.8);
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: center
}

.feature-banner .banner-box .banner-btns .btn-product a {
    font-size: 18px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #e7201a;
    line-height: 20px
}

.feature-banner .econtract-banner {
    background-image: url("https://static.xinrenxinshi.com/official4/pc/210712/page-econtract-banner.png");
    background-position: 98% 50%;
    background-size: 557px 335px;
    background-repeat: no-repeat
}

.feature-banner .performance-banner {
    background-image: url("https://static.xinrenxinshi.com/official4/pc/210712/page-performance-banner.png");
    background-position: 98% 50%;
    background-size: 493px;
    background-repeat: no-repeat
}

.feature-banner .recruit-banner {
    background-image: url("https://static.xinrenxinshi.com/official4/pc/210712/page-recruit-banner.png");
    background-position: 97% 50%;
    background-size: 493px;
    background-repeat: no-repeat
}

.feature-banner .connect-banner-box {
    background-image: url("https://static.xinrenxinshi.com/official4/pc/210712/page-connect-banner.png");
    background-position: 97% 50%;
    background-size: 426px 339px;
    background-repeat: no-repeat
}

.feature-banner .datareport-banner {
    background-image: url("https://static.xinrenxinshi.com/official4/pc/210712/new-page-datareport-banner.png");
    background-position: 97% 50%;
    background-size: 493px 333px;
    background-repeat: no-repeat
}

.feature-banner .organization-banner {
    background-image: url("https://static.xinrenxinshi.com/official4/pc/210712/new-page-organization-bannerbg.png");
    background-position: 108% 50%;
    background-size: 563px 395px;
    background-repeat: no-repeat
}

.feature-banner .salary-banner {
    background-image: url("https://static.xinrenxinshi.com/official4/pc/210712/new-page-salary-banner.png");
    background-position: 97% 27%;
    background-size: 483px;
    background-repeat: no-repeat
}

.feature-banner .branch-banner {
    background-image: url("https://static.xinrenxinshi.com/official4/pc/210712/new-page-branch-banner.png");
    background-position: 115% 130%;
    background-size: 652px;
    background-repeat: no-repeat
}

.feature-banner .train-banner {
    background-image: url("https://static.xinrenxinshi.com/official4/pc/210712/new-page-train-banner.png");
    background-position: 94% 40%;
    background-size: 400px;
    background-repeat: no-repeat
}

.feature-container {
    position: relative;
    min-height: 580px;
    width: 1160px;
    margin: 0 auto;
    overflow: hidden
}

.feature-container h3 {
    text-align: center;
    padding: 50px 0 50px 0;
    font-size: 33px;
    font-family: PingFang SC;
    font-weight: 600;
    color: #000;
    line-height: 19px
}

.feature-container .wrap {
    position: absolute;
    width: 10000px;
    margin: 0 auto;
    transition: all .5s;
    display: flex
}

.feature-container .wrap .wrap-item {
    min-width: 1160px;
    display: flex
}

.feature-container .wrap .wrap-item .wrap-item-img {
    padding-left: 60px;
    box-sizing: border-box
}

.feature-container .wrap .wrap-item .wrap-item-img img {
    width: 620px
}

.feature-container .wrap .wrap-item .wrap-item-text {
    padding-left: 40px;
    box-sizing: border-box;
    flex: 1;
    padding-top: 70px
}

.feature-container .wrap .wrap-item .wrap-item-text .item-text-title {
    font-size: 28px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #333;
    line-height: 35px;
    margin-bottom: 50px
}

.feature-container .wrap .wrap-item .wrap-item-text .item-text-title.new {
    position: relative
}

.feature-container .wrap .wrap-item .wrap-item-text .item-text-title.new:after {
    content: "";
    position: absolute;
    right: -30px;
    top: 0;
    width: 25px;
    height: 10px;
    background-position: -325px -12px
}

.feature-container .wrap .wrap-item .wrap-item-text .item-text-content {
    margin-top: 30px;
    padding-left: 8px;
    width: 357px;
    height: 90px
}

.feature-container .wrap .wrap-item .wrap-item-text .item-text-content .item-text-li {
    list-style: none;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #666;
    line-height: 37px;
    position: relative
}

.feature-container .wrap .wrap-item .wrap-item-text .item-text-content .item-text-li b {
    color: #e7201a;
}

.feature-container .wrap .wrap-item .wrap-item-text .item-text-content .item-text-li:before {
    content: "";
    width: 5px;
    height: 5px;
    background: #e7201a;
    border-radius: 50%;
    position: absolute;
    left: -15px;
    top: 15px
}

.feature-container .wrap .wrap-item.wrap-item-reverse .wrap-item-text {
    padding-left: 100px
}

.feature-container .wrap.wrap-static {
    position: relative;
    width: auto;
    flex-direction: column
}

.feature-container .wrap.wrap-static .wrap-item:not(:last-child) {
    margin-bottom: 27px
}

.feature-container .container-slide {
    position: absolute;
    left: 47%;
    top: 98%
}

.feature-container .container-slide .slider-item {
    width: 7px;
    height: 7px;
    background-color: rgba(231, 32, 16, 0.3);
    border-radius: 50%;
    float: left;
    margin-right: 10px;
    cursor: pointer;
    transition: all .5s linear
}

.feature-container .container-slide .active {
    background-color: #e7201a;
    border-radius: 5px;
    opacity: 1
}

.feature-container .arrow {
    position: absolute;
    top: 50%;
    color: #949494;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 36px;
    transform: translateY(-50%);
    transition: all .3s;
    z-index: 2
}

.feature-container .arrow.hover:hover {
    color: #666;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.3)
}

.feature-container .arrow-left {
    left: 0;
    cursor: pointer;
}

.feature-container .arrow-right {
    right: 0;
    cursor: pointer;
}

.feature-container .arrow-left span, .feature-container .arrow-right span {
    font-size: 30px;
}

.feature-trait {
    min-height: 400px;
    background: #f9fdfc;
    position: relative;
    box-sizing: border-box
}

.feature-trait h3 {
    text-align: center;
    padding: 75px 0 50px 0;
    font-size: 33px;
    font-family: PingFang SC;
    font-weight: 600;
    color: #000;
}

.feature-trait .trait-main {
    width: 1160px;
    min-height: 400px;
    margin: 0 auto;
    position: relative
}

.feature-trait .trait-main .trait-item {
    height: 87px;
    display: flex;
    position: absolute
}

.feature-trait .trait-main .trait-item .trait-item-text {
    text-align: right;
    min-width: 200px;
    height: 48px;
    padding-top: 5px
}

.feature-trait .trait-main .trait-item .trait-item-text .item-text-title {
    min-width: 200px;
    display: block;
    font-size: 15px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #333;
    line-height: 26px
}

.feature-trait .trait-main .trait-item .trait-item-text .item-text-content {
    font-size: 18px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #333;
    line-height: 26px
}

.feature-trait .trait-main .trait-item .ecotract-item-text {
    width: 381px;
    height: 46px;
    text-align: center !important;
    position: absolute;
    left: 200px
}

.feature-trait .trait-main .trait-item1 {
    top: 28%;
    left: 16%
}

.feature-trait .trait-main .trait-item1 .trait-item-text {
    text-align: right
}

.feature-trait .trait-main .trait-item2 {
    top: 28%;
    left: 68%
}

.feature-trait .trait-main .trait-item2 .trait-item-text {
    text-align: left
}

.feature-trait .trait-main .trait-item3 {
    top: 63%;
    left: 3.5%;
}

.feature-trait .trait-main .trait-item3 .trait-item-text {
    text-align: right
}

.feature-trait .trait-main .trait-item4 {
    top: 63%;
    left: 78.5%
}

.feature-trait .trait-main .trait-item4 .trait-item-text {
    text-align: left
}

.feature-trait .recruit-main {
    background-image: url("https://static.xinrenxinshi.com/official4/pc/210712/new-page-recruit-projectbg.png");
    background-position: 50% 100%;
    background-size: 850px 389px;
    background-repeat: no-repeat
}

.feature-trait .qywx-main {
    background-image: url("https://static.xinrenxinshi.com/official4/pc/210712/new-page-qywx-projectbg-2.png");
    background-position: 50% 100%;
    background-size: 850px 389px;
    background-repeat: no-repeat
}

.feature-trait .performance-main {
    background-image: url("https://static.xinrenxinshi.com/official4/pc/210712/new-page-performance-projectbg.png");
    background-position: 50% 100%;
    background-size: 850px 389px;
    background-repeat: no-repeat
}

.feature-trait .train-main {
    background-image: url("https://static.xinrenxinshi.com/official4/pc/210712/new-page-train-projectbg.png");
    background-position: 50% 100%;
    background-size: 850px 389px;
    background-repeat: no-repeat
}

.feature-trait .econtract-main {
    background-image: url("https://static.xinrenxinshi.com/official4/pc/210712/page-econtract-projectbg.png");
    background-position: 50% 100%;
    background-size: 850px 389px;
    background-repeat: no-repeat
}

.feature-trait .econtract-main .trait-item1 {
    top: 27%;
    left: 17%
}

.feature-trait .econtract-main .trait-item1 .trait-item-text {
    text-align: right
}

.feature-trait .econtract-main .trait-item3 {
    top: 63%;
    left: 7%
}

.feature-trait .econtract-main .trait-item3 .trait-item-text {
    text-align: right
}

.feature-trait .econtract-main .trait-item4 {
    top: 63%;
    left: 72%
}

.feature-trait .econtract-main .trait-item4 .trait-item-text {
    text-align: left
}

.feature-trait .connect-main {
    background-image: url("https://static.xinrenxinshi.com/official4/pc/210712/page-connect-projectbg.png");
    background-position: 50% 100%;
    background-size: 850px 389px;
    background-repeat: no-repeat
}

.feature-trait .connect-main .trait-item1 {
    top: 24%;
    left: 39.5%
}

.feature-trait .connect-main .trait-item1 .trait-item-text {
    text-align: right
}

.feature-trait .connect-main .trait-item3 {
    top: 64%;
    left: 13%
}

.feature-trait .connect-main .trait-item3 .trait-item-text {
    text-align: right
}

.feature-trait .connect-main .trait-item4 {
    top: 64%;
    left: 67.5%
}

.feature-trait .connect-main .trait-item4 .trait-item-text {
    text-align: left
}

.feature-trait .branch-main {
    background-image: url("https://static.xinrenxinshi.com/official4/pc/210712/new-page-branch-new-projectbg.png");
    background-position: 50% 100%;
    background-size: 120%;
    background-repeat: no-repeat
}

.feature-trait .branch-main .branch-trait-item1 {
    top: 134px;
    left: 194px
}

.feature-trait .branch-main .branch-trait-item2 {
    top: 185px;
    left: 115px
}

.feature-trait .branch-main .branch-trait-item3 {
    top: 185px;
    left: 845px
}

.feature-trait .organization-main {
    background-image: url("https://static.xinrenxinshi.com/official4/pc/210712/new-page-organization-projectbg.png");
    background-position: 50% 100%;
    background-size: 120%;
    background-repeat: no-repeat
}

.feature-trait .organization-main .organization-item1 {
    top: 32%;
    left: 16%
}

.feature-trait .organization-main .organization-item2 {
    top: 32%;
    left: 67%
}

.feature-trait .organization-main .organization-item3 {
    top: 66%;
    left: 5%
}

.feature-trait .organization-main .organization-item4 {
    top: 66%;
    left: 78%
}

.feature-program {
    box-sizing: border-box;
    width: 1160px;
    margin: 0 auto
}

.feature-program h3 {
    text-align: center;
    margin: 65px 0 55px 0;
    font-size: 33px;
    font-family: PingFang SC;
    font-weight: 600;
    color: #000;
    line-height: 19px
}

.feature-program .program-text {
    display: flex
}

.feature-program .program-text .feature-text-item {
    position: relative;
    width: 337px;
    height: 345px;
    margin-right: 50px;
    flex: 33%;
    background-image: linear-gradient(0deg, #edf6fd 0, #fff 100%);
    box-shadow: 4px 7px 13px 3px rgba(236, 243, 245, 0.85);
    border-radius: 10px
}

.feature-program .program-text .feature-text-item .icon {
    width: 19px;
    height: 19px
}

.feature-program .program-text .feature-text-item .item-qa {
    width: 256px;
    margin: 0 auto;
    position: relative;
    z-index: 2
}

.feature-program .program-text .feature-text-item .item-qa .item-question {
    margin-top: 50px;
    min-height: 130px
}

.feature-program .program-text .feature-text-item .item-qa .item-question .item-question-header span {
    font-size: 15px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #333;
    line-height: 37px
}

.feature-program .program-text .feature-text-item .item-qa .item-question .item-question-content {
    margin-top: 7px
}

.feature-program .program-text .feature-text-item .item-qa .item-question .item-question-content span {
    font-size: 17px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #333;
    line-height: 29px
}

.feature-program .program-text .feature-text-item .item-qa .item-answer .item-answer-header span {
    font-size: 15px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #333;
    line-height: 37px
}

.feature-program .program-text .feature-text-item .item-qa .item-answer .item-answer-content {
    margin-top: 7px
}

.feature-program .program-text .feature-text-item .item-qa .item-answer .item-answer-content span {
    font-size: 12px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #333;
    line-height: 25px
}

.feature-program .program-text .feature-text-item .left-top-img {
    position: absolute;
    left: 0;
    top: 0
}

.feature-program .program-text .feature-text-item .right-bottom-img {
    position: absolute;
    z-index: 0;
    right: 0;
    bottom: 0
}

.feature-program .program-text .feature-text-item:nth-last-child(1) {
    margin-right: 0
}

.feature-program .program-img {
    margin-top: 15px;
    margin-left: -3%
}

.feature-program .program-img img {
    width: 103%
}

.feature-program .connect-program-img {
    width: 973px;
    margin: 0 auto
}

.feature-program .connect-program-img img {
    width: 973px
}

.feature-program .branch-program-img {
    width: 100%;
    margin: 0 auto;
    margin-top: 40px
}

.feature-program .branch-program-img img {
    width: 100%
}

.connect-feature-program {
    margin-top: 100px
}

.feature-four {
    width: 1160px;
    min-height: 300px;
    margin: 0 auto
}

.feature-four h3 {
    text-align: center;
    padding: 50px 0 25px 0;
    font-size: 33px;
    font-family: PingFang SC;
    font-weight: 600;
    color: #000;
    line-height: 19px
}

.feature-four .four-content {
    display: flex;
    margin-top: 65px
}

.feature-four .four-content .feature-four-item {
    position: relative;
    width: 25%;
    margin-left: 20px;
    height: 294px;
    background: #f8fafe;
    box-shadow: 0 12px 15px 5px rgba(227, 231, 238, 0.59);
    border-radius: 13px;
    transition-duration: 500ms;
}


.feature-four .four-content .feature-four-item .four-item-text {
    width: 80%;
    margin: 0 auto;
    margin-top: 25px
}

.feature-four .four-content .feature-four-item .four-item-text .text-title span {
    font-size: 24px;
    font-family: PingFang SC;
    font-weight: 600;
    color: #000;
    line-height: 40px
}

.feature-four .four-content .feature-four-item .four-item-text .text-content {
    margin-top: 5px
}

.feature-four .four-content .feature-four-item .four-item-text .text-content span {
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #000;
    line-height: 27px;
    opacity: .68
}

.feature-four .four-content .feature-four-item .four-item-img {
    position: absolute;
    bottom: -5px;
    right: 0
}

.feature-four .four-content .feature-four-item:nth-child(1) {
    background: #f8fafe;
    box-shadow: 0 23px 30px 10px rgba(227, 231, 238, 0.59);
    border-radius: 13px
}

.feature-four .four-content .feature-four-item:nth-child(1) .four-item-img img {
    width: 215px
}

.feature-four .four-content .feature-four-item:nth-child(2) {
    background: #fffafd;
    box-shadow: 0 23px 30px 10px rgba(227, 231, 238, 0.59);
    border-radius: 13px
}

.feature-four .four-content .feature-four-item:nth-child(2) .four-item-img img {
    width: 215px
}

.feature-four .four-content .feature-four-item:nth-child(3) {
    background: #f8fefe;
    box-shadow: 0 23px 30px 10px rgba(227, 231, 238, 0.59);
    border-radius: 13px
}

.feature-four .four-content .feature-four-item:nth-child(3) .four-item-img img {
    width: 205px
}

.feature-four .four-content .feature-four-item:nth-child(4) {
    background: #fefcf8;
    box-shadow: 0 23px 30px 10px rgba(227, 231, 238, 0.59);
    border-radius: 13px
}

.feature-four .four-content .feature-four-item:nth-child(4) .four-item-img img {
    width: 204px
}

.feature-four .four-content .feature-four-item:nth-last-child(1) {
    margin-right: 0
}


.feature-four .four-content .feature-four-item:hover {
    box-shadow: 0 0 25px #999;
    margin-top: -20px;
}

.feature-four .four-content .train-four-item3 img {
    position: absolute;
    right: 30px;
    bottom: 5px
}

.feature-four .four-content .train-four-item4 img {
    position: absolute;
    right: 30px;
    bottom: 5px
}

.swiper-container {
    width: 600px;
    height: 300px
}

.feature-qywx .feature-banner {
    background-image: url("https://static.xinrenxinshi.com/official4/pc/new-page-qywx-bannerbg-3.png");
    background-position: 50% 10%;
    background-size: 100%;
    background-repeat: no-repeat
}

.feature-qywx .feature-banner .banner-box {
    text-align: center;
    padding-left: 0;
    padding-top: 20px
}

.feature-qywx .feature-banner .banner-box .banner-text .text-span {
    margin: 0;
    font-size: 33px;
    font-weight: 400;
    margin-bottom: 10px
}

.feature-qywx .feature-banner .banner-box .banner-text .text-span .qywx-isv-logo {
    display: inline-block;
    width: 142.5px;
    height: 26px
}

.feature-qywx .feature-banner .banner-box .banner-btns {
    text-align: center;
    justify-content: center
}

.feature-qywx .feature-banner .banner-box .qywx-links {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 25px
}

.feature-qywx .feature-banner .banner-box .qywx-links .qywx-link {
    display: block;
    background-size: 100%;
    width: 125px;
    height: 25px;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer
}

.feature-qywx .feature-banner .banner-box .qywx-links .qywx-link:not(:last-child) {
    margin-right: 18px
}

.feature-qywx .feature-banner .banner-box .qywx-links .qywx-link > img {
    width: 100%;
    height: 100%
}

.feature-qywx .feature-banner .banner-box .qywx-links .qywx-link.qywx-install {
    width: 125.5px
}


.feature-safe {
    width: 1160px;
    min-height: 300px;
    margin: 0 auto
}

.feature-safe h3 {
    text-align: center;
    padding: 50px 0 25px 0;
    font-size: 33px;
    font-family: PingFang SC;
    font-weight: 600;
    color: #000;
}


.feature-safe ul.safe-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    border-bottom: none;
}

.feature-safe ul.safe-content li {
    text-align: center;
    margin: 0 14px;
}

.feature-safe ul.safe-content li img {
    height: 80px;
}

.feature-customer {
    width: 1160px;
    min-height: 300px;
    margin: 0 auto
}

.feature-customer h3 {
    text-align: center;
    padding: 50px 0 25px 0;
    font-size: 33px;
    font-family: PingFang SC;
    font-weight: 600;
    color: #000;
    line-height: 19px
}

.feature-customer ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 60px;
    align-items: center;
}

.feature-customer ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
    width: 275px;
    border: 1px solid #eee;
    box-sizing: border-box;
    margin-bottom: 30px;
    padding: 10px;
    border-radius: 8px;
    box-shadow: 0px 0px 8px 0px rgb(23 24 25 / 20%);
}

.feature-customer ul li img {
    max-width: 100%;
    max-height: 100%;
}

.feature-customer ul li p {
    font-size: 14px;
}

.feature-customer .more {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 30px;
}

.feature-customer .more .btn {
    border: #e7201a 1px solid;
    font-size: 18px;
    padding: 15px 100px;
    border-radius: 8px;
    color: #e7201a;
}

.feature-contact {
    width: 1160px;
    margin: 0 auto;
}

.feature-contact h3 {
    text-align: center;
    padding: 75px 0 50px 0;
    font-size: 33px;
    font-family: PingFang SC;
    font-weight: 600;
    color: #fff;
}


.feature-contact .more {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 20px;
}

.feature-contact .more .btn {
    border: #fff 1px solid;
    font-size: 18px;
    padding: 15px 30px;
    border-radius: 8px;
    color: #e7201a;
    background: #fff;
    margin-right: 30px;
}

.feature-contact .more .btn:last-child {
    margin-right: 0;
}


.feature-scene {
    width: 1160px;
    min-height: 300px;
    margin: 0 auto
}

.feature-scene h3 {
    text-align: center;
    padding: 50px 0 25px 0;
    font-size: 33px;
    font-family: PingFang SC;
    font-weight: 600;
    color: #000;
    line-height: 19px
}

.feature-scene ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 60px;
    align-items: center;
}

.feature-scene ul li {
    text-align: center;
    width: 275px;
    border: 1px solid #eee;
    box-sizing: border-box;
    margin-bottom: 30px;
    padding: 10px;
    border-radius: 8px;
    transition-duration: 500ms;
}

.feature-scene ul li:hover {
    box-shadow: 0px 0px 25px 0px rgb(23 24 25 / 20%);
    margin-top: -20px;
    color: #e7201a;
}

.feature-scene ul li p.icon {
    padding-top: 30px;
}

.feature-scene ul li p.icon i {
    font-size: 50px;
}

.feature-scene ul li p.title {
    font-size: 20px;
    margin: 20px 0 10px;
}

.feature-scene ul li p.info {
    font-size: 14px;
    padding-bottom: 30px;
}