body {
    width: 1080px;
    margin: 0 auto
}

.content {
    width: 1080px;
    height: 482px;
    padding: 30px 0 0;
    background: url(../imgs/bg.jpg) no-repeat;
    background-size: 100% 100%
}

.content .title {
    margin-bottom: 16px;
    height: 85px;
    position: relative
}

.content .title .left {
    width: 50%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 10px
}

.content .title .left div {
    width: 88px;
    height: 26px;
    background-color: #00c29b;
    border-radius: 13px;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -.9px;
    color: #fff;
    float: right;
    text-align: center;
    line-height: 26px
}

.content .title .left p {
    font-size: 24px;
    color: #fff;
    text-align: right;
    margin-top: 35px
}

.content .title .right {
    font-size: 30px;
    color: #e5e5e5;
    width: 50%;
    height: 100%;
    position: absolute;
    right: 0
}

.content .title .right span {
    font-size: 74px;
    color: #ffee7d
}

.content .list {
    position: relative
}

.content .list li {
    width: 517px;
    margin: 0 auto;
    height: 52px;
    position: relative;
    line-height: 52px
}

.content .list li i {
    font-size: 22px;
    position: absolute;
    left: 60%;
    top: 47%;
    background: #0e5d2e;
    color: #3b9670;
    white-space: nowrap;
    line-height: normal;
    text-shadow: 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff
}

.content .list li:nth-child(1) i {
    margin: -14px 0 0 -87px
}

.content .list li:nth-child(2) i {
    margin: -14px 0 0 -119px
}

.content .list li > div {
    width: 493px;
    height: 52px;
    line-height: 52px;
    overflow: hidden
}

.content .list li > div span {
    font-size: 26px;
    color: #fff;
    white-space: nowrap;
    padding-right: 18px;
    line-height: normal;
    z-index: 1
}

.content .list li > div span::after {
    content: '..................................................................................';
    font-size: 16px;
    letter-spacing: 4.3px;
    color: #7ab99f;
    position: relative;
    top: -5px;
    margin-left: 18px
}

.content .list li > div b {
    display: none;
    text-align: right
}

.content .list li > div b::after {
    content: '..................................................................................';
    font-size: 16px;
    letter-spacing: 4.3px;
    color: #7ab99f;
    position: relative;
    top: -1px
}

.content .list li .improve-svg-text-stroke svg, .content .list li .svg-text-stroke svg {
    overflow: visible;
    height: 1em
}

.content .list li .improve-svg-text-stroke text, .content .list li .svg-text-stroke text {
    fill: currentColor
}

.content .list li .improve-svg-text-stroke use, .content .list li .svg-text-stroke text {
    stroke: #fff;
    stroke-width: 4px;
    stroke-linejoin: round
}

.content .list li p {
    width: 94px;
    white-space: nowrap;
    box-sizing: content-box;
    font-size: 30px;
    color: #f47800;
    position: absolute;
    right: -81px;
    top: 0
}

.content .list > div {
    width: 100px;
    height: 100px;
    background-color: #135a3c;
    border-radius: 50px;
    border: solid 2px #fff;
    position: absolute;
    left: 50%;
    top: 38%;
    text-align: center;
    padding-top: 17px
}

.content .list > div p {
    font-size: 28px;
    color: #fff
}

.content .list > div span {
    font-size: 24px;
    color: #fff
}