.base {
    background-color: #f1f1f1;
}
.base>.item>img {
    width: 100%;
    object-fit: cover;
    z-index: -1;
}
.base>.item>.common-content {
    position: relative;
}
.base>.item>.common-content>.fixed-360 {
    height: 360px;
}
.base>.item>.common-content .card{
    position:absolute;
    background-color: white;
    top: -200px;
    padding: 60px;
    height: 480px;
}

.base>.item>.common-content .card .info{
    font-size: 18px;
	line-height:1.7;
    color: #424242;
}

.base>.item>.common-content .card .data {
    display: flex;
    flex-wrap: wrap;
}

.base>.item>.common-content .card .data .num {
    font-size: 48px;
    color: var(--sky_primary_color);
}
.base>.item>.common-content .card .data .unit {
    color: #868686;
    font-size: 16px;
}
@media (max-width: 1199.98px) {
    .base>.item {
        height: unset;
    }
    .base>.item>.common-content .card{
        padding: 20px 10px;
        position: static;
        height: unset;
    }
    .base>.item>.common-content>.fixed-360 {
        display: none;
    }
}