//css for PurchaseNotes
//购买须知组件样式
.purchase-container {
    background: #fff;
    padding: 1.25rem 0.75rem 0.8rem 0.75rem;
    margin-top: 0.5rem;

    .commonheader-container {
        margin-bottom: 0.7rem;
    }

    .purchase-note {
        padding-left: 0.65rem;
        margin-bottom: 0.5rem;

        .title-row {
            padding-bottom: 0.3rem;

            .stb-title {
                font-size: 0.7rem;
                font-weight: 500;
                color: #000000;
                line-height: 0.9rem;

            }
        }

        .purchase-note__title {
            font-size: 0.7rem;
            line-height: 1.3rem; // fz:0.7 上下间距 0.3*2
            font-weight: 500;
            color: rgba(0, 0, 0, 1);
            margin-bottom: 0.05rem;
        }

        .service-description__bottom {
            position: relative;
        }

        .service-detail__bottom {
            // padding-bottom: 0.35rem;
        }

        .individual-text__show {
            font-size: 0.7rem;
            font-weight: 300;
            color: rgba(68, 68, 68, 1);
            line-height: 0.9rem;
            margin-bottom: 0.35rem;
        }

        .detail {
            font-size: 0.7rem;
            font-weight: 300;
            color: rgba(68, 68, 68, 1);
            line-height: 1.1rem;
            text-indent: 0.5rem;

            &::before {
                position: absolute;
                content: "";
                width: 4px;
                height: 4px;
                background: #757575;
                border-radius: 50%;
                top: 0.45rem;
                left: 0;
            }
        }

        .detail--noPunctuation {
            font-size: 0.7rem;
            font-weight: 300;
            color: rgba(68, 68, 68, 1);
        }

        .purchase-note__tip {
            position: relative;
            font-size: 0.45rem;
            font-weight: 300;
            color: #444444;
            line-height: 0.95rem;
            padding-left: 0.6rem;
            word-wrap: break-word;
        }

        .purchase-note__text--noFirst {
            margin-top: 0.05rem;
        }

        .purchase-note__appoint {
            position: absolute;
            left: 0;
            top: 0.45rem;
            transform: translateY(-50%);
            font-size: 0.3rem;
            font-weight: 300;
            color: #757575;
        }

        .purchase-note__tips {
            position: absolute;
            left: 0.2rem;
            top: 0.55rem;
            transform: translateY(-50%);
            font-size: 0.3rem;
            font-weight: 300;
            color: #757575;
        }
    }

    /* 表格列表 */
    .stb-table__show {
        margin: 0.4rem 0 0.65rem 0;

        .stb-table {
            font-size: 0.6rem;
            color: #000000;
            line-height: 0.75rem;
            border-radius: 10px;
            overflow-y: hidden;
            box-shadow: 0px 0px 1px #888888;
            padding: 0;

            .stb-subText {
                font-size: 0.7rem;
                font-weight: 400;
                color: rgba(68, 68, 68, 1);
                line-height: 0.9rem;
                text-indent: 0.5rem;
                position: relative;
                margin-bottom: 0.75rem;

                &::before {
                    position: absolute;
                    content: "";
                    width: 4px;
                    height: 4px;
                    background: rgba(68, 68, 68, 1);
                    border-radius: 50%;
                    top: 0.35rem;
                    left: 0;
                }
            }

            .table-context {
                border-radius: 10px;
                // overflow: hidden;
                // box-shadow: 0px 0px 1px #888888;
            }



            .stb-table__firstColumn,
            .stb-table__normalColumn {
                padding: 0.6rem 0.3rem;
                border-bottom: 1px solid #E9E9E9;
                border-right: 1px solid #E9E9E9;

                &:last-child {
                    border-right: 0px solid #E9E9E9;
                }
            }
        }

        .stb-table-header,
        .stb-table-content {
            display: flex;

            .stb-table__firstColumn {
                flex: 2.2;
                width: 1px;
            }

            .stb-table__normalColumn {
                flex: 1;
                width: 1px;
                text-align: center;

                &:last-child {
                    border-right: 0px solid #E9E9E9;
                }
            }
        }

        .stb-table__header {
            background: rgba(233, 233, 233, 1);
            font-size: 0.55rem;
            font-weight: 500;
            color: rgba(0, 0, 0, 1);
            line-height: 0.75rem;

            .stb-table__firstColumn {
                border: none;
                font-weight: 500;
            }

            .stb-table__normalColumn {
                border: none;
                font-weight: 500;

                &:last-child {
                    border-right: 0px solid #f5f5f5;
                }
            }
        }
    }

    .title-row_normal {
        display: flex;
        flex-direction: row;
        align-items: center;
        margin: 0.75rem 0 0.5rem;

        .img-size {
            height: 0.85rem;
            width: 0.85rem;
        }

        .detail-title {
            font-size: 0.75rem;
            margin-left: 0.4rem;
            font-weight: 400;
            color: rgba(0, 0, 0, 1);
            line-height: 0.95rem;
        }
    }

    .title-row_noIcon {
        // margin-bottom: 0.35rem;

        .detail-item {
            font-size: 0.7rem;
            line-height: 1.1rem;
            font-weight: 400;
            color: rgba(0, 0, 0, 1);
            text-indent: 0.55rem;
            margin-top: 0.15rem;
            position: relative;

            &::before {
                position: absolute;
                content: "";
                width: 4px;
                height: 4px;
                background: rgba(0, 0, 0, 1);
                border-radius: 50%;
                top: 0.4rem;
                left: 0;
            }
        }
    }

    .descript-detailList__layout {
        margin-bottom: 0.25rem;

        .detail-item {
            font-size: 0.7rem;
            line-height: 1.1rem;
            font-weight: 400;
            color: rgba(117, 117, 117, 1);
            text-indent: 0.55rem;
            margin-top: 0.15rem;
            position: relative;

            &::before {
                position: absolute;
                content: "";
                width: 4px;
                height: 4px;
                background: rgba(157, 157, 157, 1);
                border-radius: 50%;
                top: 0.4rem;
                left: 0;
            }
        }

        .detail__item--noPunctuation {
            font-size: 0.7rem;
            line-height: 1.1rem;
            font-weight: 400;
            color: rgba(117, 117, 117, 1);
            text-indent: 0.55rem;
            margin-top: 0.15rem;
            position: relative;
        }
    }

    .bottom-layout {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 0.35rem;
        text-align: center;
        padding: 0 1.5rem;

        .bottom-text {
            font-size: 0.6rem;
            font-weight: 400;
            color: #444444;
            line-height: 0.8rem;
        }

        .arrow-down {
            font-size: 0.5rem;
            transform: rotate(90deg);
            margin-left: 0.3rem;
        }

        .arrow-up {
            font-size: 0.5rem;
            transform: rotate(-90deg);
            margin-left: 0.3rem;
        }
    }
}

//服务说明页样式
.service-description__sta {
    padding: 1rem 0.75rem 0.3rem;
    overflow: hidden;

    .purchase-note {
        margin-bottom: 2rem;

        .title-row {
            padding-bottom: 0.55rem;

            .stb-title {
                font-size: 0.9rem;
                color: #000000;
                line-height: 1.1rem;
                font-weight: 500;
            }
        }

        .title-row_normal {
            display: flex;
            flex-direction: row;
            align-items: center;
            margin-bottom: 0.75rem;

            .img-size {
                height: 0.85rem;
                width: 0.85rem;
            }

            .detail-title {
                font-size: 0.75rem;
                margin-left: 0.4rem;
                font-weight: 400;
                color: rgba(0, 0, 0, 1);
                line-height: 0.95rem;
            }
        }

        .title-row_noIcon {
            margin-bottom: 0.35rem;

            .detail-item {
                font-size: 0.7rem;
                line-height: 1.1rem;
                font-weight: 400;
                color: rgba(0, 0, 0, 1);
                text-indent: 0.55rem;
                margin-top: 0.15rem;
                position: relative;

                &::before {
                    position: absolute;
                    content: "";
                    width: 4px;
                    height: 4px;
                    background: rgba(0, 0, 0, 1);
                    border-radius: 50%;
                    top: 0.4rem;
                    left: 0;
                }
            }
        }

        .service-description__bottom {
            position: relative;
        }

        .service-detail__bottom {
            padding-bottom: 0;
        }

        .individual-text__show {
            font-size: 0.7rem;
            font-weight: 400;
            color: rgba(68, 68, 68, 1);
            line-height: 0.9rem;
            margin-bottom: 0.35rem;
        }

        .detail {
            font-size: 0.7rem;
            font-weight: 400;
            color: rgba(68, 68, 68, 1);
            line-height: 1.1rem;
            text-indent: 0.5rem;
            margin-bottom: 0.35rem;

            &::before {
                position: absolute;
                content: "";
                width: 4px;
                height: 4px;
                background: rgba(68, 68, 68, 1);
                border-radius: 50%;
                top: 0.45rem;
                left: 0;
            }
        }

        .detail--noPunctuation {
            font-size: 0.7rem;
            font-weight: 400;
            color: rgba(68, 68, 68, 1);
            line-height: 1.1rem;
            margin-bottom: 0.35rem;
        }

        .descript-detailList__layout {
            margin-bottom: 0.45rem;

            .detail-item {
                font-size: 0.7rem;
                line-height: 1.1rem;
                font-weight: 400;
                color: rgba(117, 117, 117, 1);
                text-indent: 0.55rem;
                margin-top: 0.15rem;
                position: relative;

                &::before {
                    position: absolute;
                    content: "";
                    width: 4px;
                    height: 4px;
                    background: rgba(157, 157, 157, 1);
                    border-radius: 50%;
                    top: 0.4rem;
                    left: 0;
                }
            }

            .detail__item--noPunctuation {
                font-size: 0.7rem;
                line-height: 1.1rem;
                font-weight: 400;
                color: rgba(117, 117, 117, 1);
                text-indent: 0.55rem;
                margin-top: 0.15rem;
                position: relative;
            }
        }

        .sun-up-item {
            font-size: 0.6rem;
            line-height: 0.9rem;
            font-weight: 400;
            color: rgba(117, 117, 117, 1);
            text-indent: 0.55rem;
            position: relative;

            &::before {
                position: absolute;
                content: "*";
                color: rgba(157, 157, 157, 1);
                left: -0.5rem;
            }
        }
    }

    .purchase-note__tip {
        position: relative;
        font-size: 0.45rem;
        font-weight: 300;
        color: #444444;
        line-height: 0.95rem;
        padding-left: 0.6rem;
        word-wrap: break-word;
    }

    .purchase-note__text--noFirst {
        margin-top: 0.05rem;
    }

    .purchase-note__appoint {
        position: absolute;
        left: 0;
        top: 0.45rem;
        transform: translateY(-50%);
        font-size: 0.3rem;
        font-weight: 300;
        color: #757575;
    }

    .purchase-note__tips {
        position: absolute;
        left: 0.2rem;
        top: 0.55rem;
        transform: translateY(-50%);
        font-size: 0.3rem;
        font-weight: 300;
        color: #757575;
    }

    /* 表格列表 */
    .stb-table__show {
        margin: 0.65rem 0 0.95rem 0;

        .stb-table {
            font-size: 0.6rem;
            color: #000000;
            line-height: 0.75rem;
            border-radius: 10px;
            overflow-y: hidden;
            box-shadow: 0px 0px 1px #888888;
            padding: 0;

            .stb-subText {
                font-size: 0.7rem;
                font-weight: 400;
                color: rgba(68, 68, 68, 1);
                line-height: 0.9rem;
                text-indent: 0.5rem;
                position: relative;
                margin-bottom: 0.75rem;

                &::before {
                    position: absolute;
                    content: "";
                    width: 4px;
                    height: 4px;
                    background: rgba(68, 68, 68, 1);
                    border-radius: 50%;
                    top: 0.35rem;
                    left: 0;
                }
            }

            .table-context {
                border-radius: 10px;
                // overflow: hidden;
                // box-shadow: 0px 0px 1px #888888;
            }



            .stb-table__firstColumn,
            .stb-table__normalColumn {
                padding: 0.6rem 0.3rem;
                border-bottom: 1px solid #E9E9E9;
                border-right: 1px solid #E9E9E9;

                &:last-child {
                    border-right: 0px solid #E9E9E9;
                }
            }
        }

        .stb-table-header,
        .stb-table-content {
            display: flex;

            .stb-table__firstColumn {
                flex: 2.2;
                width: 1px;
            }

            .stb-table__normalColumn {
                flex: 1;
                width: 1px;
                text-align: center;

                &:last-child {
                    border-right: 0px solid #E9E9E9;
                }
            }
        }

        .stb-table__header {
            background: rgba(233, 233, 233, 1);
            font-size: 0.55rem;
            font-weight: 500;
            color: rgba(0, 0, 0, 1);
            line-height: 0.75rem;

            .stb-table__firstColumn {
                border: none;
                font-weight: 500;
            }

            .stb-table__normalColumn {
                border: none;
                font-weight: 500;

                &:last-child {
                    border-right: 0px solid #f5f5f5;
                }
            }
        }
    }

    .bottom-layout {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 0.35rem;
        text-align: center;
        padding: 0 1.5rem;

        .bottom-text {
            font-size: 0.6rem;
            font-weight: 400;
            color: #444444;
            line-height: 0.8rem;
        }

        .arrow-down {
            font-size: 0.5rem;
            transform: rotate(90deg);
            margin-left: 0.3rem;
        }

        .arrow-up {
            font-size: 0.5rem;
            transform: rotate(-90deg);
            margin-left: 0.3rem;
        }
    }
}