@import '../../style/index.less';

.hb-collapse-plus-wrap {
    .ant-collapse {
        border: 0;
        background-color: transparent;

        .ant-collapse-item {
            border-bottom: 0;

            .ant-collapse-content {
                border-top: 0;
            }
        }
    }

    .expand-icon {
        .icon-main {
            border: 1px solid #d8d8d8;
            width: 16px;
            height: 16px;
            position: relative;

            .h {
                width: 10px;
                height: 2px;
                position: absolute;
                background-color: #666;
                left: 50%;
                top: 50%;
                margin-left: -5px;
                margin-top: -1px;

            }

            .v {
                width: 2px;
                height: 10px;
                position: absolute;
                background-color: #666;
                left: 50%;
                top: 50%;
                margin-left: -1px;
                margin-top: -5px;
                transform: rotate3d(0, 0, 0, 0);
                transform-origin: center;
                transition: transform .3s;
            }
        }

        &.active {
            .icon-main {
                .v {
                    transform: rotate3d(0, 0, 1, 90deg);
                }
            }
        }
    }

}