#main {
    width: 100%;
}

.body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* align-items: center; */
    margin-top: 64px;
    margin-left: 6%;
    margin-right: 6%;
    border: 2px solid #c9c9c9;
    border-radius: 10px;
    /*padding: 0px 15px 15px 15px;*/
    position: relative;
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
    -moz-text-size-adjust: 100% !important;
    width: 88%;
}

a {
    color: black;
    text-decoration: none
}
.title1 {
    position: absolute;
    left: 50%;
    margin-left: -14%;
    width: 28%;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
    top: -18px;
    /*padding: 10px 10px;*/
    border-radius: 50px;
}

    .title3 {
        background-color: white;
        position: absolute;
        left: 50%;
        margin-left: -170px;
        width:70px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #f9bf0b;
        font-weight: 700;
        top: -25px;
        padding: 10px 10px;
        font-size: 5vw;
    }

.title {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #07aeab;
    width: 75%;
    height: 35px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    color: white;
    padding-right: 10%;
    /*font-size: 12px;*/
    /*font-weight: 600;*/
    /*position: relative;*/
    /*left: -1px;*/
}

.titles {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #07aeab;
    width: 120px;
    height: 35px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    color: white;
    font-size: 12px;
    font-weight: 600;
    position: relative;
    left: -1px;
}

.text {
    font-size: 2vh;
    line-height: 1.8em;
}

.t1 {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px 0 0px 0;
    padding: 5px 0;
    color: white;
    font-size: 2vh;
    border-radius: 5px;
}

.table {
    width: 100%;
}

.tr {
    width: 100%;
    display: flex;
    flex-direction: row;
    margin-top: 5px;
}

.td {
    width: 33.333%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 80px;
    margin: 0 2px;
    border-radius: 2px;
    padding: 0 5px;
    text-align: center;
}

.point {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: white;
}

.point_title {
    width: 40%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-color: #07aeab;
    border-radius: 8px;
    border-radius: 15px;
    padding: 5px;
    /* height: 30px; */
}


.dashed-border {
    border-top: 1px dashed #cbcbcb;
    /* 定义顶部边框为虚线，颜色为黑色 */
    border-width: 2px;
    /* 定义虚线的长度 */
    margin: 10px 0;
    width: 100%;
}

.iconDiv {
    width: 25%;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #07aeab;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    position: relative;
    padding-left: 11%;
    padding-right: 3%;
}

.iconDiv1 {
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #07aeab;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    position: relative;
    padding-left: 2%;
    padding-right: 3%;
}

.icon {
    background-color: white;
    border-radius: 12px;
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.t2 {
    position: relative;
    left: -12px;
}

.t3 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-left: 55px;
    height: 40px;
    font-size: 14px;
    font-weight: 700;
}

.home {
    display: flex;
    align-items: center;
    margin-left: 10px;
}


.tool {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background-color: #e5e5e5;

    margin: 0 3%;
    border-radius: 10px;
    margin-top: 20px;
    /*padding: 10px;*/
    padding-left: 4%;
    padding-right: 4%;
    padding-top: 3%;
    padding-bottom: 3%;

}

.border {
    border: 2px solid #006d69;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    /* padding: 2px; */
}

.border1 {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    /* padding: 2px; */
}

.tool .text {
    color: #006d69;
    font-size: 1.6vh;
    text-align: center;
    line-height: 16px;
}

.tool .item {
    display: flex;
    align-items: center;
    width: 16%;
}

.tool .item1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 5px;
    width: 25%;
}