* {
    margin: 0px;
    padding: 0px;
}

body {
    background-image: url("/image/h_bg.png");
}

.top {
    position: relative;
    height: 48px;
    display: flex;
    align-content: center;
    justify-content: space-between;
    padding: 0px 40px;
}

    .top > div:last-child {
        display: flex;
        height: 100%;
        position: relative;
    }

        .top > div:last-child img {
            height: 100%;
        }

        .top > div:last-child > div:last-child {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
            display: flex;
        }

            .top > div:last-child > div:last-child > a {
                flex: 1;
                height: 100%;
            }

.product {
    margin-top: 20px;
    padding: 0px 20px;
    box-sizing: border-box;
}

    .product > div:first-child {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 10px;
    }

        .product > div:first-child img {
            width: 136px;
        }

    .product > div:last-child {
        display: flex;
        width: 100%;
    }

        .product > div:last-child > div:first-child {
            width: 64px;
            display: flex;
            flex-direction: column;
            align-items: center;
        }


        .product > div:last-child > div:nth-child(2) {
            width: 207px;
            height: 250px;
            display: flex;
            align-items: center;
        }

            .product > div:last-child > div:nth-child(2) > a {
                width: 100%;
                height: 240px;
                background-image: url("/image/h6.png");
                background-size: contain;
            }

                .product > div:last-child > div:nth-child(2) > a > img {
                    width: 130px;
                    height: 130px;
                    border-radius: 130px;
                    margin-top: 40px;
                    margin-left: 52px;
                    object-fit: cover;
                }

        .product > div:last-child > div:last-child {
            flex: 1;
            display: flex;
            align-items: flex-start;
            justify-content: center;
            color: #63584e;
        }

            .product > div:last-child > div:last-child > div:first-child {
                display: flex;
                align-items: flex-end;
                margin-right: 6px;
            }

                .product > div:last-child > div:last-child > div:first-child > div:first-child {
                    writing-mode: vertical-lr;
                    font-size: 14px;
                    margin-right: 2px;
                }

                .product > div:last-child > div:last-child > div:first-child > div:nth-child(2) {
                    width: 24px;
                    font-size: 30px;
                }

            .product > div:last-child > div:last-child > div:last-child {
            }

                .product > div:last-child > div:last-child > div:last-child image {
                    width: 24px;
                    height: 24px;
                }

.pl {
}

    .pl > img {
        width: 24px;
    }

    .pl > div:first-child {
        padding-bottom: 6px;
    }

        .pl > div:first-child > img:first-child {
        }

    .pl > div:last-child {
        margin-top: 6px;
    }

        .pl > div:last-child > img:last-child {
            transform: rotate(180deg);
        }

.bcs {
    height: 200px;
    overflow-y: scroll;
    padding: 4px 0px;
    box-sizing: border-box;
}

    .bcs img {
        width: 56px;
        height: 56px;
        border-radius: 56px;
        display: flex;
        margin-bottom: 4px;
    }

.ii {
    width: 100%;
    margin: 20px 0px;
    padding: 0px 20px;
    box-sizing: border-box;
    position: relative;
}

    .ii img {
        width: 100%;
    }

    .ii > div:last-child {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        padding: 0px 20px;
        box-sizing: border-box;
    }

        .ii > div:last-child > div {
            height: 100%;
            padding: 10px;
            padding-left: calc(21vw + 10px);
            box-sizing: border-box;
        }

            .ii > div:last-child > div > div {
                height: 100%;
            }

        .ii > div:last-child > a {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
            padding: 0px 20px;
            box-sizing: border-box;
            z-index: 1000;
        }

.iii {
    height: 58px;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 4px 0px;
    box-sizing: border-box;
    margin-bottom: 10px;
}

    .iii > div:first-child {
        font-size: 15px;
    }

    .iii > div:last-child {
        height: 22px;
        background-image: url("/image/h8.png");
        background-repeat: no-repeat;
        background-size: contain;
        font-size: 14px;
        padding-left: 6px;
        line-height: 22px;
    }

.overflow {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}