.standard-base { background: #F5F7FC; } .standard-base-title { font-size: 28px; font-weight: 600; color: #000000; line-height: 40px; padding: 72px 0 32px; text-align: center; } .advantage-item-one { display: flex; justify-content: space-between; width: 100%; } .base-card { width: 348px; height: 118px; background: #FFFFFF; border: 1px solid #DCDFE5; font-size: 14px; font-weight: 400; color: #394151; line-height: 20px; padding: 28px 30px 10px; } .base-card .base-card-title { font-size: 20px; font-weight: 500; color: #212121; line-height: 28px; position: relative; margin-bottom: 10px; } .base-card .base-card-title:before { content: ""; width: 3px; height: 16px; background: #0156B9; display: inline-block; } .advantage-item { height: 650px; } .advantage-item-content { flex-direction: column; } .commonSelect-type-column { padding-left: 30px; flex: 1; flex-shrink: 0; } .commonSelect-type-item { width: 160px; height: 80px; font-size: 18px; color: #767D8B; border-bottom: 1px solid #9b9b9b33; cursor: pointer; /* padding: 0 20px; */ position: relative; text-align: center; } .commonSelect-type-item .progress { position: absolute; width: 0; background-color: #0054C7; content: ''; display: block; left: 0; bottom: 0; height: 1px; } .commonSelect-type-item span { margin-right: 20px; } .commonSelect-type-item:hover, .commonSelect-type-item--on { color: #0054C7; } .commonSelect-type-item:hover .commonSelect-icon-arrow, .commonSelect-type-item--on .commonSelect-icon-arrow { display: inline-block; } .commonSelect-show { flex: 2; height: 503px; width: 650px; margin-left: 10px; } .commonSelect-show-image { display: none; width: 100%; height: 100%; background-size: 100%; background-repeat: no-repeat; background-position: center; } .commonSelect-show-image:nth-child(1) { display: block; } .chanpin-heit { height: 908px; } /* .risk-heit{ height: 800px; } */ .commonSelect-type { display: flex; margin-right: 200px; width: 380px; height: 420px; } .commonSelect-icon-arrow { display: none; margin-right: 0 !important; } .flex-content--between { display: flex; justify-content: space-between; } .flex-content--center { display: flex; justify-content: center; } .flex-items--center { display: flex; align-items: center; justify-content: center; } .advantage-item-two { width: 100%; height: 400px; position: relative; } .basic-data-image-1 { background-image: url(/static/images/solution_new/saas/basic-data-image-1.png); } .basic-data-image-2 { background-image: url(/static/images/solution_new/saas/basic-data-image-2.png); } .basic-data-image-3 { background-image: url(/static/images/solution_new/saas/basic-data-image-3.png); } .basic-data-image-4 { background-image: url(/static/images/solution_new/saas/basic-data-image-4.png); } .basic-data-image-5 { background-image: url(/static/images/solution_new/saas/basic-data-image-5.png); } .basic-data-image-6 { background-image: url(/static/images/solution_new/saas/basic-data-image-6.png); } .basic-data-image-7 { background-image: url(/static/images/solution_new/saas/basic-data-image-7.png); } .risk-compliance-image-1 { background-image: url(/static/images/solution_new/saas/risk-compliance-image-1.png); } .risk-compliance-image-2 { background-image: url(/static/images/solution_new/saas/risk-compliance-image-2.png); } .risk-compliance-image-3 { background-image: url(/static/images/solution_new/saas/risk-compliance-image-3.png); } .risk-compliance-image-4 { background-image: url(/static/images/solution_new/saas/risk-compliance-image-4.png); } .risk-compliance-image-5 { background-image: url(/static/images/solution_new/saas/risk-compliance-image-5.png); } .risk-compliance-image-6 { background-image: url(/static/images/solution_new/saas/risk-compliance-image-6.png); } .risk-compliance-image-7 { background-image: url(/static/images/solution_new/saas/risk-compliance-image-7.png); } .market-toker-image-1 { background-image: url(/static/images/solution_new/saas/market-toker-image-1.png); } .market-toker-image-2 { background-image: url(/static/images/solution_new/saas/market-toker-image-2.png); } .market-toker-image-3 { background-image: url(/static/images/solution_new/saas/market-toker-image-3.png); } .market-toker-image-4 { background-image: url(/static/images/solution_new/saas/market-toker-image-4.png); } .market-toker-image-5 { background-image: url(/static/images/solution_new/saas/market-toker-image-5.png); } .market-toker-image-6 { background-image: url(/static/images/solution_new/saas/market-toker-image-6.png); } .market-toker-image-7 { background-image: url(/static/images/solution_new/saas/market-toker-image-7.png); } .market-toker-image-8 { background-image: url(/static/images/solution_new/saas/market-toker-image-8.png); } .market-toker-image-9 { background-image: url(/static/images/solution_new/saas/market-toker-image-9.png); } .credit-report-image-1 { background-image: url(/static/images/solution_new/saas/credit-report-image-1.png); } .credit-report-image-2 { background-image: url(/static/images/solution_new/saas/credit-report-image-2.png); } .credit-report-image-3 { background-image: url(/static/images/solution_new/saas/credit-report-image-3.png); } .credit-report-image-4 { background-image: url(/static/images/solution_new/saas/credit-report-image-4.png); } .credit-report-image-5 { background-image: url(/static/images/solution_new/saas/credit-report-image-5.png); } .credit-report-image-6 { background-image: url(/static/images/solution_new/saas/credit-report-image-6.png); } .credit-report-image-7 { background-image: url(/static/images/solution_new/saas/credit-report-image-7.png); } .credit-report-image-8 { background-image: url(/static/images/solution_new/saas/credit-report-image-8.png); } .credit-report-image-9 { background-image: url(/static/images/solution_new/saas/credit-report-image-9.png); } .common-more-btn { position: absolute; bottom: -85px; left: 30px; } .standard-base .advantage { overflow: initial; height: 690px; } .more-extra-btn { bottom: -120px; } .common-more-btn a { width: 94px; height: 36px; background: #1860F0; border-radius: 3px; font-size: 16px; color: #FEFFFF; display: inline-block; text-align: center; line-height: 36px; } .advantage-item-three { background: #FFFFFF; border: 1px solid #DCDFE5; font-size: 14px; color: #394151; padding: 28px 0 33px 0; width: 100%; text-align: center; } .credit-card-title { font-size: 20px; font-weight: 500; color: #212121; margin-top: 10px; } .hy-solution-card { height: 355px; box-shadow: 0px 4px 8px 0px #DCDFE5; background: url(/static/images/solution_new/saas/solution-bg.png) no-repeat bottom right; background-size: 300px; width: 100%; margin: auto; } .hy-solution-card-title { font-size: 22px; font-weight: 600; color: #212121; line-height: 30px; margin-bottom: 10px; } .hy-solution-card-sub { font-size: 16px; font-weight: 400; color: #767D8B; line-height: 22px; margin-bottom: 32px; } .hy-solution-card { padding-top: 24px; padding-left: 40px; /* padding-bottom: 26px; */ } .hy-solution-card-content { display: flex; } .hy-solution-item { width: 25%; flex-shrink: 0; font-size: 14px; font-weight: 400; color: #878787; line-height: 30px; } .hy-solution-item:before { content: ""; width: 20px; height: 2px; background: #0156B9; display: inline-block; } .hy-solution-item .item-title { font-size: 20px; font-weight: 400; color: #212121; line-height: 28px; margin-bottom: 14px; } /* #basic-data .flex-items--center { align-items: initial; } */