body { background: rgb(252, 252, 252); } .api-content { padding-bottom: 80px; } .advantage { width: 100%; height: unset; background: unset; overflow: hidden; position: relative; } .advantage-item { flex-grow: 1; height: 400px; overflow: auto; } .ad-back{ background: transparent!important; height: 702px !important; } .advantage-item-title { height: 60px; line-height: 60px; font-size: 18px; color: #9B9B9B; cursor: pointer; text-align: center; display: flex; align-items: center; justify-content: center; border-bottom: 1px solid rgba(155, 155, 155, 0.2); } .advantage-item-title:hover .funeng-span{ font-family: PingFangSC-Medium, PingFang SC; font-weight: 700; } .advantage-item-title span { display: inline-block; height: 24px; width: 100%; color: black; line-height: 24px; border-right: 1px solid rgba(155, 155, 155, 0.2); } .advantage-item:nth-child(1) .advantage-item-title { margin-left: 0; } .advantage-item:last-child(1) .advantage-item-title { margin-right: 0; } .advantage-item--on .advantage-item-title { font-weight: 700; color: #0054C7; border-bottom: 1px solid #0054C7; font-family: Source Han Sans CN,PingFangSC-Semibold, sans-serif; } .advantage-item--on .advantage-item-content { display: flex; } .advantage-item-content { display: none; position: absolute; width: 100%; top: 50px; left: 0; padding: 40px 0; justify-content: space-between; align-items: center; } .advantage-item-left { margin-right: 116px; } .advantage-item-desc { line-height: 34px; margin-bottom: 24px; font-size: 17px; margin-right: 20px; } .advantage-item-bales { display: flex; margin-bottom: 55px; } .advantage-item-label { margin-right: 40px; color: #0054C7; } .advantage-item-right { position: relative; right: 60px; width: 246px; height: 254px; flex-shrink: 0; margin-left: 30px; background-size: cover; background-position: center; background-repeat: no-repeat; } .advantage-more { display: inline-block; padding: 0 15px; line-height: 36px; color: #fff; background: #0054C7; font-size: 16px; border-radius: 3px; cursor: pointer; } .advantage-item-image-1 { background-image: url(/static/images/common_new/api/advantage_image_1.png); } .advantage-item-image-2 { background-image: url(/static/images/common_new/api/advantage_image_2.png); } .advantage-item-image-3 { background-image: url(/static/images/common_new/api/advantage_image_3.png); } .advantage-item-image-4 { background-image: url(/static/images/common_new/api/advantage_image_4.png); } .advantage-item-image-5 { background-image: url(/static/images/common_new/api/advantage_image_5.png); } .advantage-item-image-6 { background-image: url(/static/images/common_new/api/advantage_image_6.png); } .apply-item { display: flex; flex-direction: column; align-items: center; flex: 1; height: 384px; background: #fff; margin-left: 10px; box-shadow: 1px 3px 8px 0 rgba(0,50,107,0.20); padding-top: 50px; } .apply-item:nth-child(1) { margin-left: 0; } [class*="apply-icon"] { background-position: center; background-repeat: no-repeat; background-size: cover; } .apply-item-icon { width: 102px; height: 102px; margin-bottom: 35px; } .apply-icon-1 { background-image: url(/static/images/common_new/api/ic_API_1.png); } .apply-icon-2 { background-image: url(/static/images/common_new/api/ic_API_2.png); } .apply-icon-3 { background-image: url(/static/images/common_new/api/ic_API_3.png); } .apply-item-title { font-size: 16px; color: #4A4A4A;font-weight: 600; margin-bottom: 10px; } .apply-item-desc { font-size: 14px; color: #878787; line-height: 25px; } .apply-item-desc p { width: 284px; } .pre-tit{ width: 509px; height: 70px; color: #030a1a; font-size: 44px; font-weight: 700; line-height: 70px; } .pre-tit2{ width: 560px; height: 63px; font-size: 15px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #212121; line-height: 21px; } .page_banner_bank{ width:100%; /* height:418px; */ height:auto; overflow:hidden; background-position:top center; background-repeat:no-repeat; position: relative; } .bank-pic{ margin-bottom: 102px; margin-left: 30x; } .banner-bank{ margin-top: 0; /* display:block; */ height: 480px !important; background: url(/static/images/solution/finance_01.png); } .env_logo{ margin-right: 20px; } .way-layout2{ position: absolute; left: 245px; top:244px; } .way-layout3{ position: absolute; left: 245px; top:337px; width: 121px; height: 40px; background: #1A62FF; border-radius: 2px; display: flex; } .way-layout{ left: 245px; top: 153px; position: absolute; } .tiyan{ position: absolute; color: #FFFFFF; text-align: center; line-height: 40px; margin-left: 30px; } .qiye{ width: 100%; height: 160px; display: flex; /* border: solid pink; */ } .qiye-a{ width: 50%; float: left; box-shadow: 0px 4px 8px 0px #F5F7FC; border: 1px solid #DCDFE5; margin: 0 10px 10px 0; padding-left: 32pt; padding-top: 20pt; } .qiye-chanpin-a{ width: 50%; float: left; border: 1px solid #DCDFE5; margin: 0 10px 10px 0; background-color: #fff; } /* .qiye-a-item{ margin: 24pt 32pt 0 0; } */ .qiye-content-pic{ float: left; margin-right: 15pt; } .qiye-content-a{ margin-left: 5px; font-size: 16pt; color: #212121; font-family: PingFangSC-Semibold; } .qiye-content-b{ color: #767D8B; font-size: 13pt; margin-top: 9pt; } .back-a{ /* position: absolute; */ background-image: url(/static/images/solution/finance_product.png); /* width:max-content; */ padding-top: 33px } .chanpin-tit{ color: #FFFFFF !important; font-size: 28pt; } .qiye-chanpin-tita{ font-size: 16pt; color: #212121; font-family: PingFangSC-Semibold; margin-bottom: 8pt; } .qiye-chanpin-titb{ /* font-size: 14pt; */ color: #394151; font-family: PingFangSC-Regular; } .qiye-chanpin-tit{ height: 100%; padding: 15pt; } .banner-title-finance{ margin-top: -25px !important; } .back-b{ background-color: #F5F7FC; height: 796px; } .back-c{ background-color: #868A9C; height: 568px; } .view-tit{ margin-top: -70px; padding-top: 45px; } .change-finance{ padding-top: 150px !important; } .change-database { padding-top: 150px !important; } .banner-btn-group { display: flex; margin-top: 30px !important; } .funeng-content-pic{ height:100%; width: 100%; } .finance-hei{ height: 800px !important; } /* .qiye-a:hover{ box-shadow: 7px 4px 8px 7px rgba(220, 223, 229, 1); } .qiye-chanpin-tit:hover{ box-shadow: 2px 2px 2px 2px rgb(155, 175, 216); } */ .finance-shipin{ position: relative; height: 500px; } .banner-video-finance{ position: absolute; width: 300px; height: 300px; }