.ProcessFlow { margin-top: 100px; background-color: #fff; background-image: url('../img/aiBack.png'); h1 { position: relative; top: 0; display: inline-block; font-size: 0.64rem; font-weight: 500; line-height: 92.67px; padding-left: 100px; margin-bottom: 90px; /* background: linear-gradient(to right,#3681FC,#fff); */ z-index: 10; } h1::after { content: ''; width: 100%; padding: 12px 0; background: linear-gradient(to right, rgba(54, 129, 252, 1), rgba(54, 129, 252, 0)); position: absolute; top: 72px; left: 0; z-index: -1; } .anchor { /* padding: 0 100px; */ .anchor_flex { width: 100%; /* height: 600px; */ background: #11225E; position: relative; border-radius: 48px; .anchor_right { height: 100%; width: 100%; overflow: auto; div { text-align: right; position: relative; .anchor_left { position: absolute; color: #fff; top: 50%; left: 8%; transform: translate(0, -50%); div { position: relative; margin: 60px 10px; text-align: center; cursor: pointer; span:nth-child(1) { font-size: 0.24rem; font-weight: 400; line-height: 24px; text-align: right; color: #FFFFFFE5; } span:nth-child(2) { font-size: 0.18rem; font-weight: 400; line-height: 28px; text-align: right; color: #FFFFFF8C; } } .anchor_left_div::after { content: ''; width: 100%; padding: 2px 0; background: linear-gradient(to right, rgba(54, 129, 252, 1), rgba(54, 129, 252, 0)); position: absolute; top: 45px; left: 0; z-index: -1; } } img { /* display: block; */ margin: 48px; /* width: 100%; */ border-radius: 48px; } } } } } }