.pcont-item{display: flex;margin-top: 100px}
.pil{width: 100px;display: flex;align-items: center}
.pil .pil-tit{background: #00ACA9;text-align: center;padding:30px;border-radius: 20px 0 0 20px;width: 100px}
.pil .pil-tit>span{display: block;font-size: 40px;color:#fff;margin:20px 0 }
.pir{width: calc(100% - 100px);background: #F3F4F7;padding:20px;border-radius: 20px}


.pir-cont>table{width: 100%}
.pir-cont>table td{padding:0 10px }
.pir-cont>table>thead td>span{padding:10px;border-radius: 10px;background: #00ACA9;color:#fff;display: block;width: 100%; text-align: center;font-weight: bold;margin-bottom: 20px}
.pir-cont>table>thead td:nth-child(1){width: 40%}
.pir-cont>table>thead td:nth-child(2){width: 20%}
.pir-cont>table>thead td:nth-child(3){width: 40%}
.pir-cont>table>tbody tr>td{padding:0 30px;border:1px solid #FFF;}
.pir-cont>table>tbody tr>td>span{display: block;border-radius:20px;padding:5px 20px;font-weight: bold;text-align: center;margin:10px}
.pir-cont>table>tbody tr>td:nth-child(1)>span{background:#98D2C4;}
.pir-cont>table>tbody tr>td:nth-child(2)>span{background:#F49E00;color:#fff}
.pir-cont>table>tbody tr>td:nth-child(3)>ul li{font-weight: bold}
.pir-cont>table>tbody tr>td:nth-child(3)>ul li::marker{color:#825CA4}

.purple .pir-cont>table>thead td>span{background: #8176B5}
.purple .pil .pil-tit{background: #8176B5}

@media (max-width:1080px){
    .pir-cont>table>tbody tr>td{padding:0}

}
@media (max-width: 768px) {
    .pcont-item{display: block;margin-bottom: 50px}
    .pil{width: 100%}
    .pir{width: 100%}
    .pil .pil-tit{width: 100%;padding:10px;border-radius: 8px 8px 0 0 ;}
    .pil .pil-tit>span{display: inline;font-size: 26px}
    .pir{border-radius: 0 0 10px 10px}
    .pir-cont{width: 100%;overflow: hidden;overflow-x: scroll}
    .pir-cont>table{width:200%}
}