.page.polymer-resin .platform {
    background-color: #F6F6F6;
}

.page.polymer-resin .platform>.layer-content {
    padding-top: calc(100 * var(--px));
}

.page.polymer-resin .platform-item {
    --r: 60;
    font-size: calc(16 * var(--px));
    line-height: 1.5;
    display: flex;
    align-items: flex-start;
    padding: calc(36 * var(--px)) 0;
    padding-left: calc(40 * var(--px));
    padding-right: calc(30 * var(--px));
    border-top: 1px solid #C4C4C4;
}

.page.polymer-resin .platform-item:nth-last-of-type(1) {
    border-bottom: 1px solid #C4C4C4;
}

.page.polymer-resin .platform-item .number,
.page.polymer-resin .platform-item .title {
    flex: 0 0 auto;
    font-size: calc(30 * var(--px));
    font-weight: 500;
}

.page.polymer-resin .platform-item .title {
    width: calc(420 * var(--px));
    margin-left: calc(114 * var(--px));
    padding-right: calc(20 * var(--px));
}

.page.polymer-resin .platform-item .content {
    flex: 1 0 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: white-space .3s ease;
}

.page.polymer-resin .platform-item .link {
    width: calc(var(--r) * var(--px));
    height: calc(var(--r) * var(--px));
    border: 1px solid #2B3138;
    margin-left: calc(20 * var(--px));
    display: flex;
    justify-content: center;
    align-items: center;
}

.page.polymer-resin .platform-item .link .icon-right:before {
    color: #2B3138;
}

@media screen and (max-width: 768px) {
    .page.polymer-resin .platform-item {
        --r: 40;
        flex-wrap: wrap;
        padding: calc(36 * var(--px)) calc(20 * var(--px));
    }
    .page.polymer-resin .platform-item .content {
        flex: 0 0 calc(100% - calc(var(--r) + 40) * var(--px));
        white-space: normal;
    }
    .page.polymer-resin .platform-item .number,
    .page.polymer-resin .platform-item .title {
        font-size: calc(24 * var(--px));
    }
    .page.polymer-resin .platform-item .title {
        margin-left: calc(40 * var(--px));
        width: calc(300 * var(--px));
    }
    .page.polymer-resin .platform-item .link .icon-right {
        font-size: calc(24 * var(--px));
    }
}



@media (hover: hover) {
    .page.polymer-resin .platform-item:hover .content {
        white-space: normal;
    }

    .page.polymer-resin .platform-item:hover .link {
        border-color: var(--primary-color);
        background-color: var(--primary-color);
        transition: background .5s ease;
    }

    .page.polymer-resin .platform-item:hover .link .icon-right:before {
        color: #fff;
        transition: color .3s ease;
    }
}