.root-size{
    font-size: 100px;
}
.protect-list:after,.save-list:after,.save-list-2:after{
    content: '';
    display: none !important;
}
@media screen and (min-width: 1920px){
    .root-size {
        font-size: 100px;
    }
}
@media screen and (max-width: 1670px) {
    .root-size {
        font-size: 80px;
    }
}
@media screen and (max-width: 1366px) {
    .root-size {
        font-size: 75px;
    }
}
@media screen and (max-width: 1280px) {
    .root-size {
        font-size: 70px;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
    .root-size {
        font-size: 60px;
    }
}
@media screen and (max-width: 1023px) {
    .root-size {
        font-size: 6.416vw;
    }
}
@media all
and (-moz-min-device-pixel-ratio: 1.01) and (-moz-max-device-pixel-ratio: 3),
(-webkit-min-device-pixel-ratio: 1.01) and (-webkit-max-device-pixel-ratio: 3),
(min-resolution: 1.01dppx) and (max-resolution: 3dppx) {

    .root-size {
        font-size: 100px;
    }
    @media screen and (max-width: 1670px) {
        .root-size {
            font-size: 80px;
        }
    }
    @media screen and (max-width: 1366px) {
        .root-size {
            font-size: 75px;
        }
    }
    @media screen and (max-width: 1280px) {
        .root-size {
            font-size: 70px;
        }
    }
    @media screen and (min-width: 1024px) and (max-width: 1279px){
        .root-size {
            font-size: 60px;
        }
    }
    @media screen and (max-width: 1023px) {
        .root-size {
            font-size: 6.416vw;
        }
    }
}


@media all
and (-moz-min-device-pixel-ratio: 0.01) and (-moz-max-device-pixel-ratio: 0.99),
(-webkit-min-device-pixel-ratio: 0.01) and (-webkit-max-device-pixel-ratio: 0.99),
(min-resolution: 0.01dppx) and (max-resolution: 0.99dppx) {
    .root-size {
        font-size: 100px;
    }
    @media screen and (max-width: 1540px) {
        .root-size {
            font-size: 80px;
        }
    }
    @media screen and (max-width: 1366px) {
        .root-size {
            font-size: 75px;
        }
    }
}
.border-line{
    width: 3px;
    height: 3px;
    border: 1px solid #00AEA6;
    border-radius: 3px;
    float: left;
    margin-top: 20px;
}
.border-line:after{
    content: "";
    border-top: 1px solid #00AEA6;
    width: 80px;
    margin-left: 3px;
}
.pos-relative{
    position: relative;
}
.pos-relative img{
    display: block;
    width: 100%;
}
.flex-center{
    display: flex;
    justify-content: center;
}
.flex-between{
    display: flex;justify-content: space-between
}
.content-con{
    width: 80%;
    margin: 0 auto;
}
.esg-title{
    border-left: 0.26em solid #24ADA4;
    padding-left: 0.28em;
    font-size: 0.38em;
}
.protect-list{
    display: flex;
    justify-content: space-between;
    margin-top: 0.35em;
    margin-bottom: 0.6em;
}
.protect-item{
    width: 4.8em;
    height: 2.6em;
    background: #F7F7F7;
    border-radius: 0.2em;
    padding: 0.46em 0.57em 0.52em 0.49em;
}
.protect-item-top{
    display: flex;justify-content: space-between;align-items: center;font-size: 0.8em;color: #23ADA4;
}
.protect-item-top-unit{
    color: #666666;
    font-size: 0.4em;
}
.protect-item-bottom{
    font-size: 0.28em;
    margin-top: 0.26em;
    color: #666666;
}
.protect-icon-math{
    width: 0.33em;margin-right: 0.1em
}
.protect-icon-tree{
    width: 0.7em;
}
.absolute-center{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.save-tab{
    font-size: 0.3em;
    color: #ffffff;
    font-weight: bold;
    padding: 0.2em 1.33em;
    background-color: rgba(0, 0, 0, 0.4);
    margin: 0 0.28em;
    border-radius: 1.33em;
    cursor: pointer;
}
.save-tab-active{
    background-color: #23ADA4;
}
.save-list{
    display: flex;
    justify-content: space-between;
}
.save-item{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 4em;
    height: 4.5em;
    color: #ffffff;
    line-height: 0.6em;
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 0.2em;
}
.save-item img{
    margin-top: 0.6em;
}
.save-item-data{
    font-size: 0.7em;
    font-weight: bold;
    line-height: 1em;
    margin-top: 0.65em;
}
.save-item-content{
    font-size: 0.3em;
}
.save-list-2{
    display: flex;justify-content: space-around;
    background-color: rgba(0, 0, 0, 0.4);
    padding: 0.6em 0;
    color: #ffffff;
}
.save-item-2{
    text-align: center;
}
.save-item-2 img{
    width: 1.5em;
    display: inline;
}
.save-item-data-2{
    font-size: 0.28em;
    margin: 0.2em 0;
    font-weight: bold;
}
.save-item-data-2 span{
    font-size: 0.71em;
}
.save-item-text-2{
    font-size: 0.24em;
}
@media screen and (max-width: 1366px){
    .protect-item {
        width: 4.4em;
    }
    .protect-item-top {
        font-size: 0.7em;
    }
    .protect-item-data,.protect-item-top-unit{
        font-weight: bold;
    }
}

@media screen and (max-width: 1025px){
    .content-con{
        width: 95%;
    }
    .protect-item-top {
        font-size: 0.6em;
    }
    .protect-item-top-unit {
        font-size: 0.3em;
    }
}