.solution {
    overflow: hidden;
    background-color: #fafafc;
}

.solution .Promotional {
    position: relative;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    height: 45rem;
    background-color: #ffffff;
}

.solution .Promotional #video {
    width: 100%;
    /* height: 100%; */
    object-fit: fill;
    display: none;
}

.solution .Promotional .poster {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    height: 45rem;
}

.solution .Promotional .poster>.playBtn {
    width: 10rem;
    height: 10rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    cursor: pointer;
}

.solution .Promotional .poster .playBtn img {
    width: 100%;
}

.solution .Promotional .mask {
    width: 100%;
    height: 100%;
    background: url('../../img/productsImg/clear/banner.png') no-repeat;
    background-size: 100% 100%;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.solution .Promotional .poster .products_img {
    width: 41.1875rem;
    height: 35rem;
    margin-left: 16.5rem;
}

.solution .Promotional .poster .products_img img {
    width: 100%;
    height: 100%;
}

.solution .Promotional .poster .products_text {
    margin-left: 23.75rem;
}

.solution .Promotional .poster .products_text div:nth-child(1) {
    font-size: 4rem;
    font-family: PingFang SC-Heavy, PingFang SC;
    font-weight: 800;
    color: #17171a;
    line-height: 4.6875rem;
    margin-bottom: 3rem;
}

.solution .Promotional .poster .products_text div:nth-child(2) {
    font-size: 2.5rem;
    font-family: PingFang SC-Medium, PingFang SC;
    font-weight: 500;
    color: #323238;
    line-height: 2.9375rem;
    margin-bottom: 7.5rem;
    text-align: center;
}

.solution .Promotional .poster .products_text div:nth-child(3) {
    font-size: 1.5rem;
    font-family: PingFang SC-Medium, PingFang SC;
    font-weight: 500;
    color: #90d12e;
    line-height: 1.75rem;
    text-align: center;
    cursor: pointer;
}

.solution .advantage {
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.solution .advantage>.tit {
    margin-top: 6.25rem;
    font-size: 2.5rem;
    font-family: PingFang SC, PingFang SC;
    font-weight: 800;
    color: #17171A;
    line-height: 3.5rem;
}

.solution .advantage .bottomContent {
    position: relative;
    margin-bottom: 7.5rem;
    width: 106.25rem;
    height: 49.125rem;
    background: url('../../img/productsImg/clear/牙套bg.png') no-repeat;
    background-size: 100% 100%;
}

.solution .advantage .bottomContent>img {
    position: absolute;
    top: 19.125rem;
    right: 38.75rem;
    width: 28rem;
    height: 16.25rem;
}

.solution .advantage .bottomContent ul li {
    position: absolute;
    top: 21rem;
    left: 8.0625rem;
    width: 33.125rem;
    height: 20.375rem;
}

.solution .advantage .bottomContent ul li .textBox {
    padding: 2.5rem 1.25rem 0 1.25rem;
    width: 25rem;
    height: 11.5rem;
    background: #FAFBFF;
    border-radius: 1rem;
    box-sizing: border-box;
}


.solution .advantage .bottomContent ul li .textBox .tit {
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: bold;
    color: #333333;
    line-height: 1.75rem;
}

.solution .advantage .bottomContent ul li .textBox p {
    font-size: 1rem;
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: 400;
    color: #333333;
    line-height: 1.75rem;
}

.solution .advantage .bottomContent ul li .infoBox {
    position: absolute;
    bottom: -0.125rem;
    right: 0;
    width: 8.75rem;
    height: 8.75rem;
    line-height: 8.75rem;
    text-align: center;
    background: rgba(154, 250, 10, 0.2);
    border-radius: 50%;
    font-size: 1.25rem;
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: 500;
    color: #90D12E;
}

.solution .advantage .bottomContent ul li .rowLine {
    position: absolute;
    right: 8.75rem;
    bottom: 3.8125rem;
    width: 4.5938rem;
    height: 7.2188rem;
    border: 1px dashed #90D12E;
    border-top: 0;
    border-right: 0;
}

.solution .advantage .bottomContent ul li:nth-child(2) {
    top: 5.125rem;
    left: unset;
    right: 8.25rem;
    width: 40.5rem;
    height: 17.6875rem;
}

.solution .advantage .bottomContent ul li:nth-child(2) .infoBox {
    left: 0;
    right: 0;
    bottom: unset;
}

.solution .advantage .bottomContent ul li:nth-child(2) .textBox {
    position: absolute;
    right: 0;
    bottom: 3.5rem;
}

.solution .advantage .bottomContent ul li:nth-child(2) .rowLine {
    position: absolute;
    left: 12.1875rem;
    top: 4.4375rem;
    width: 1px;
    height: 3.5625rem;
}

.solution .advantage .bottomContent ul li:nth-child(2) .rowLine::after,
.solution .advantage .bottomContent ul li:nth-child(2) .rowLine::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    border-top: 1px dashed #90D12E;
}

.solution .advantage .bottomContent ul li:nth-child(2) .rowLine::after {
    width: 4.375rem;
    bottom: -2px;
    top: unset;
    z-index: 3;
}

.solution .advantage .bottomContent ul li:nth-child(2) .rowLine::before {
    width: 3.125rem;
    left: -3.125rem;
}

.solution .advantage .bottomContent ul li:nth-child(3) {
    top: unset;
    left: unset;
    right: 7.1875rem;
    bottom: 1.5rem;
    width: 38.4375rem;
    height: 16.8125rem;
}

.solution .advantage .bottomContent ul li:nth-child(3) .infoBox {
    left: 0;
    bottom: 0;
}

.solution .advantage .bottomContent ul li:nth-child(3) .textBox {
    position: absolute;
    right: 0;
    top: 0;
}

.solution .advantage .bottomContent ul li:nth-child(3) .rowLine {
    position: absolute;
    left: 9.0625rem;
    top: unset;
    bottom: 4.125rem;
    width: 6.875rem;
    height: 3.0313rem;
    border: 1px dashed #90D12E;
    border-left: 0;
    border-top: 0;
}

.solution .testSmile {
    position: relative;
    width: 120rem;
    height: 50rem;
    overflow: hidden;
    background: url('../../img/productsImg/clear/测试背景.png') no-repeat;
    background-size: 100% 100%;
}

.solution .testSmile .titContent {
    margin-top: 11.25rem;
    margin-left: 18.75rem;
    width: 25rem;
    height: 22.3125rem;
}

.solution .testSmile .titContent .tit {
    font-size: 2.5rem;
    font-family: PingFang SC, PingFang SC;
    font-weight: bold;
    color: #17171A;
    line-height: 3.5rem;
}

.solution .testSmile .titContent p {
    margin-top: 2.5rem;
    margin-bottom: 8.75rem;
    font-size: 1.25rem;
    font-family: Inter, Inter;
    font-weight: 400;
    color: #4E4E4E;
    line-height: 1.4375rem;
}

.solution .testSmile .titContent .btn {
    width: 13.125rem;
    height: 5.5625rem;
    background: #FFFFFF;
    border-radius: 6.375rem;
    opacity: 1;
    border: 1px solid #90D12E;
    font-size: 1.125rem;
    font-family: PingFang SC, PingFang SC;
    font-weight: bold;
    color: #263238;
    line-height: 5.5625rem;
    text-align: center;
    cursor: pointer;
}

.solution .testSmile>img {
    position: absolute;
    right: 17.125rem;
    bottom: 6.5rem;
    width: 54.375rem;
    height: 39.75rem;
}

.solution .testSmile #testBox {
    position: absolute;
    right: 17.125rem;
    bottom: 6.5rem;
    width: 54.375rem;
    height: 39.75rem;
    z-index: 1;
    overflow: hidden;
}

/* 微笑测试 */

.solution .testSmile .smile-topic {
    position: unset;
}

.solution .testSmile .smile-topic {
    background: url('../../img/productsImg/clear/bg／答题.png') no-repeat;
    background-size: 100% 100%;
}

.solution .testSmile .smilebges-icon,
.solution .testSmile .smile-topic-img {
    display: none;
}

.solution .testSmile .smilebgs {
    padding: 4.875rem 3.5rem 3.125rem;
    margin: unset;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    position: unset;
}

.solution .testSmile .smile-topic-num {
    top: unset;
    left: unset;
    right: 3.5rem;
    bottom: 3.125rem;
}

.solution .testSmile .smile-topic-num>span {
    font-size: 1.25rem;
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    color: #90D12E;
    line-height: 1.5rem;
}

.solution .testSmile .smile-topic-num .fonguis {
    color: #7E7E8C;
}

.solution .testSmile .smile-topic-title {
    display: none;
}

.solution .testSmile .smile-topic-content {
    position: unset;
    width: unset;
}

.solution .testSmile .smile-topic-content .smile-topic-text {
    font-size: 1.5rem;
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    color: #0B0B0D;
    line-height: 1.75rem;
}

.solution .testSmile .smile-topic-content .serialNum {
    position: relative;
    margin-bottom: .625rem;
    font-size: 2rem;
    font-family: PingFang SC, PingFang SC;
    font-weight: bold;
    color: #0B0B0D;
    line-height: 2rem;
    height: 2rem;
}

.solution .testSmile .smile-topic-content .serialNum span {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

.solution .testSmile .smile-topic-content .serialNum::before {
    content: '';
    position: absolute;
    left: -0.625rem;
    top:0;
    width: 1.125rem;
    height: 1.125rem;
    background: linear-gradient(144deg, #B1EA48 0%, #90D12E 100%, #A6D451 100%);
    border-radius: 50%;
    z-index: 0;
}

.solution .testSmile .smile-topic-content .smile-topic-options {
    margin-top: 0;
}

.solution .testSmile .smile-topic-content .smile-topic-options .options-item {
    margin-top: 2.5rem;
    margin-bottom: 0;
    font-size: 1.125rem;
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    color: #323238;
    line-height: 1.5625rem;
}

.solution .testSmile .smile-topic-content .options-item .checkbox {
    width: 1.25rem;
    height: 1.25rem;
    box-sizing: border-box;
}

.solution .testSmile .smile-topic-content .options-item:hover .checkbox {
    border: 1px solid #90d12e;
}

.solution .testSmile .smile-topic-content .options-item .checkbox.checkbox_active {
    border: .375rem solid #90d12e;
}

.solution .testSmile .smile-topic-content .options-item .checkbox_sel {
    display: none !important;
}

.solution .testSmile .smile-topic-content .options-item .checktext {
    width: unset;
}

.solution .testSmile .next-btn,
.solution .testSmile .goback-btn {
    position: absolute;
    top: unset;
    left: 3.5rem;
    bottom: 4.9375rem;
    width: 7.25rem;
    height: 3.3125rem;
    border-radius: .625rem;
    opacity: 1;
    border: 1px solid #90D12E;
    font-size: 1.125rem;
    font-family: PingFang SC, PingFang SC;
    font-weight: bold;
    color: #90D12E;
    line-height: 3.3125rem;
    text-align: center;
    cursor: pointer;
}

.solution .testSmile .next-btn img {
    display: none;
}

.solution .testSmile .smile-topic-img-options {
    margin-top: 2.375rem;
    width: 38.75rem;
}

.solution .testSmile .smile-topic-img-options>.options-item {
    margin-bottom: 3.75rem;
    margin-right: 5.625rem;
}

.solution .testSmile .smile-topic-img-options>.options-item>img {
    width: 5rem !important;
    height: 2.6875rem;

}

.solution .testSmile .result {
    background: url('../../img/productsImg/clear/bg／答题.png') no-repeat;
    background-size: 100% 100%;
    position: unset;
    width: 100%;
    height: 100%;
}

.solution .testSmile .smilebg {
    position: unset;
    padding: 4.875rem 3.5rem;
    margin: 0;
    width: unset;
    height: unset;
    background-color: unset;
    align-items: start;
}

.solution .testSmile .result .smile-topic-decorate-wires {
    display: none;
}

.solution .testSmile .result .result-content-left {
    position: unset;
}

.solution .testSmile .result .result-content-right {
    position: absolute;
    top: 6.625rem;
    height: unset;
    right: 3.75rem;
    width: 17.625rem;
    height: 24.0625rem;
    box-shadow: 0rem 0rem .375rem 0rem #90D12E;
}

.solution .testSmile .result .result-content-right .right_content {
    width: 17.625rem;
    height: 24.0625rem;
    box-sizing: border-box;
}

.solution .testSmile .result .result-content-left .result-title {
    font-size: 1.25rem;
    font-family: PingFang SC, PingFang SC;
    font-weight: bold;
    color: #0B0B0D;
    line-height: 1.5rem;
    height: 1.5rem;
}


.solution .testSmile .result .result-content-left .result-title span {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

.solution .testSmile .result .result-content-left .result-title::before {
    content: '';
    position: absolute;
    left: -0.625rem;
    top: -0.125rem;
    width: 1.125rem;
    height: 1.125rem;
    background: linear-gradient(144deg, #B1EA48 0%, #90D12E 100%, #A6D451 100%);
    border-radius: 50%;
    z-index: 0;
}

.solution .testSmile .result .result-content-left .result-content-title {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    font-size: 1.5rem;
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    color: #0B0B0D;
    line-height: 1.75rem;
}

.solution .testSmile .result .result-content-left .result-content-text {
    margin-top: 0;
    margin-bottom: 1.25rem;
    width: 25rem;
    font-size: 1.125rem;
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    color: #323238;
    line-height: 1.5625rem;

}

.solution .testSmile .result .result-content-right .right-title {
    margin: 1.25rem 0;
    font-size: 1.5rem;
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    color: #0B0B0D;
    line-height: 1.75rem;
}

.solution .testSmile .result .result-content-right .right-text {
    font-size: 1.125rem;
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    color: #323238;
    line-height: 1.5625rem;
    text-indent: 2rem;
}

.solution .testSmile .result .result-content-right .rect_1,
.solution .testSmile .result .result-content-right .rect_2 {
    display: none;
}

.solution .testSmile .smile-topic .smilebgs .back-btn,
.solution .testSmile .smile-topic .smilebgs .anew-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: unset;
    bottom: 4.9375rem;
    width: 7.25rem;
    height: 3.3125rem;
    color: #90D12E;
    font-size: 1.125rem;
    font-family: PingFang SC, PingFang SC;
    font-weight: bold;
    text-align: center;
    line-height: 3.3125rem;
    border-radius: .625rem;
    border: 1px solid #90D12E;
    background: #FDFEFB;
    opacity: 1;
    cursor: pointer;
}

.solution .testSmile div.next-btn {
    left: calc(3.5rem + 7.25rem + 1.5rem);
}

.solution .testSmile div.back-btn {
    left: 3.5rem;
}

.solution .testSmile div.next-btn {
    left: calc(3.5rem + 7.25rem + 1.5rem);
}

.solution .testSmile #topic_1 .smilebgs .next-btn {
    left: 3.5rem;
}

.solution .testSmile .smile-topic .smilebgs .anew-btn {
    left: calc(3.5rem + (7.25rem + 1.5rem)*2);
}

.solution .testSmile div.back-btn:hover,
.solution .testSmile div.next-btn:hover,
.solution .testSmile div.goback-btn:hover{
    background-color: #90D12E1A !important;
}

/* 微笑测试-----end */

.solution .indication {
    padding-top: 7.5rem;
    padding-bottom: 12.5rem;
    background-color: #ffffff;
    text-align: center;
}

.solution .indication .tit {
    margin-bottom: 4rem;
    font-size: 2.5rem;
    font-family: PingFang SC, PingFang SC;
    font-weight: 800;
    color: #17171A;
    line-height: 2.9375rem;
}

.solution .indication ul {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 2.5rem;
}

.solution .indication ul:nth-last-child(1) {
    margin-bottom: 0;
}

.solution .indication ul li {
    margin-right: 2.5rem;
    padding: 2.5rem 3.125rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 26.25rem;
    height: 28.5rem;
    background: #FAFAFC;
    border-radius: 1.25rem;
    box-sizing: border-box;
}


.solution .indication ul:nth-last-child(1) {
    margin-top: 2.375rem;
}

.solution .indication ul li:nth-last-child(1) {
    margin-right: 0;
}

.solution .indication ul li img {
    margin: 0 .625rem;
    width: 18.75rem;
    height: 15rem;
}

.solution .indication ul li .titText {
    margin-top: 1.5rem;
    margin-bottom: 1rem;
    align-self: start;
    font-size: 1.75rem;
    font-family: PingFang SC, PingFang SC;
    font-weight: bold;
    color: #0B0B0D;
    line-height: 2.375rem;
}

.solution .indication ul li p {
    align-self: start;
    font-size: 1.125rem;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    color: #323238;
    line-height: 2rem;
    text-align: left;
}

.solution .workFlow {
    overflow: hidden;
    text-align: center;
    background-color: #ffffff;
}

.solution .workFlow .topTit {
    margin-bottom: 5rem;
    font-size: 2.5rem;
    font-family: PingFang SC, PingFang SC;
    font-weight: 800;
    color: #17171A;
    line-height: 3.5rem;
}

.solution .workFlow .workContent {
    margin: 0 auto;
    margin-bottom: 10rem;
    width: 95rem;
    /* height: 61.125rem; */

}

.solution .workFlow .workContent .topContent ul {
    margin: 0 7.375rem;
    display: flex;
    align-items: center;
}

.solution .workFlow .workContent .topContent ul li {
    margin-right: 8.75rem;
    position: relative;
    width: 13.5rem;
    height: 6.125rem;
    background: rgba(154, 250, 10, 0.1);
    border-radius: .625rem;
    opacity: 1;
    border: 1px solid #90D12E;
    text-align: center;
    line-height: 6.125rem;
    font-size: 1.5rem;
    font-family: Source Han Sans CN, Source Han Sans CN;
    color: #90D12E;
}

.solution .workFlow .workContent .topContent ul li:nth-last-child(1) {
    margin-right: 0;
}

.solution .workFlow .workContent .topContent ul li::after,
.solution .workFlow .workContent .topContent ul li::before {
    content: '';
    position: absolute;
    z-index: 2;
}

.solution .workFlow .workContent .topContent ul li::after {
    width: 1rem;
    height: 1rem;
    bottom: -0.5rem;
    right: 6.25rem;
    border-radius: 50%;
    background-color: #90D12E;
}

.solution .workFlow .workContent .topContent ul li::before {
    width: 6.25rem;
    height: 1px;
    top: 50%;
    right: -7.5rem;
    /* border-top: 1px dashed #000000; */
    background-image: linear-gradient(to right, #000000 0%, #000000 50%, rgb(255, 255, 255) 0%);
    background-size: .625rem 1px;
    background-repeat: repeat-x;
}

.solution .workFlow .workContent .topContent ul li:nth-last-child(1)::before {
    display: none;
}

.solution .workFlow .workContent .middleContent ul {
    margin: 0 7.375rem;
    display: flex;
}

.solution .workFlow .workContent .middleContent ul li {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.solution .workFlow .workContent .middleContent ul li span {
    font-size: 1.125rem;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    color: #17171A;
    /* line-height: 1.5625rem; */
}

.solution .workFlow .workContent .middleContent ul li span:nth-last-child(1) {
    margin-top: .75rem;
}

.solution .workFlow .workContent .middleContent ul li:nth-child(1) {
    margin-right: 5.6875rem;
}

.solution .workFlow .workContent .middleContent ul li:nth-child(2) {
    margin-right: 13.3125rem;
}

.solution .workFlow .workContent .middleContent ul li:nth-child(1) img {
    margin: 2.5rem 4.1875rem 2.125rem 4.3125rem;
    width: 5rem;
    height: 18.75rem;
}

.solution .workFlow .workContent .middleContent ul li:nth-child(2) img {
    margin-top: 6.5625rem;
    width: 18.75rem;
    height: 11rem;
}

.solution .workFlow .workContent .middleContent ul li:nth-child(2) span {
    margin-top: 5.8125rem;
}

.solution .workFlow .workContent .middleContent ul li:nth-child(2) span {
    margin-top: 5.8125rem;
}

.solution .workFlow .workContent .middleContent ul li:nth-child(3) {
    position: relative;
}

.solution .workFlow .workContent .middleContent ul li:nth-child(3)::before {
    /* margin-right: 13.3125rem; */
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 32.625rem;
    height: 1px;
    background-image: linear-gradient(to right, #000000 0%, #000000 50%, rgb(255, 255, 255) 0%);
    background-size: .625rem 1px;
    background-repeat: repeat-x;
    transform: rotate(90deg);
    transform-origin: top left;
}

.solution .workFlow .workContent .middleContent ul li:nth-child(4) {
    margin-left: calc(28.6875rem - 13.3125rem);
}

.solution .workFlow .workContent .middleContent ul li:nth-child(4) img {
    margin-top: 2.5rem;
    width: 13.75rem;
    height: 15rem;
}

.solution .workFlow .workContent .bottomContent ul {
    position: relative;
    margin: 0 7.375rem;
    margin-top: 11.4375rem;
    display: flex;
}

.solution .workFlow .workContent .bottomContent ul::before {
    position: absolute;
    top: -5rem;
    left: 6.75rem;
    content: '';
    width: 66.75rem;
    height: 1px;
    background-image: linear-gradient(to right, #000000 0%, #000000 50%, rgb(255, 255, 255) 0%);
    background-size: .625rem 1px;
    background-repeat: repeat-x;
}

.solution .workFlow .workContent .bottomContent ul li {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.solution .workFlow .workContent .bottomContent ul li p {
    font-size: 1.125rem;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    color: #17171A;
    line-height: 1.5625rem;
}


.solution .workFlow .workContent .bottomContent ul li img {
    margin-bottom: 1.75rem;
    width: 11.125rem;
    height: 11.125rem;
}

.solution .workFlow .workContent .bottomContent ul li:nth-child(1) {
    margin-right: 11.0625rem;
    margin-left: 1.25rem;
}

.solution .workFlow .workContent .bottomContent ul li:nth-child(2) {
    margin-right: 31.0625rem;
}

.solution .workFlow .workContent .bottomContent ul li:nth-last-child(1) img {
    margin-top: 1rem;
    margin-bottom: 2.625rem;
    width: 15.875rem;
    height: 9.25rem;
}

.solution .workFlow .workContent .bottomContent ul li:nth-child(1)>span {
    position: absolute;
    top: calc(-5.375rem - 1.5625rem);
    right: -8rem;
    font-size: 1.125rem;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    color: #323238;
    line-height: 1.5625rem;
}

.solution .workFlow .workContent .bottomContent ul li:nth-child(2)>span {
    position: absolute;
    top: calc(-5.375rem - 1.5625rem);
    right: -8.375rem;
    font-size: 1.125rem;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    color: #323238;
    line-height: 1.5625rem;
}

.solution .workFlow .workContent .bottomContent ul li::after,
.solution .workFlow .workContent .bottomContent ul li::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
}

.solution .workFlow .workContent .bottomContent ul li::after {
    width: 0;
    height: 0;
    top: -2.125rem;
    left: calc(5.5rem - .375rem + 1px);
    border: .375rem solid transparent;
    border-top-color: #000000;
}

.solution .workFlow .workContent .bottomContent ul li::before {
    width: 2.8125rem;
    height: 1px;
    top: -2.125rem;
    left: 5.5rem;
    background-image: linear-gradient(to right, #000000 0%, #000000 50%, rgb(255, 255, 255) 0%);
    background-size: .625rem 1px;
    background-repeat: repeat-x;
    transform: rotate(-90deg);
    transform-origin: top left;
}

.solution .workFlow .workContent .bottomContent ul li:nth-last-child(1)::after {
    top: -2.125rem;
    left: unset;
    right: 8rem;

}

.solution .workFlow .workContent .bottomContent ul li:nth-last-child(1)::before {
    top: -2.125rem;
    left: unset;
    right: calc(5.4375rem + 1px);
}