.my-collapse-item__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 48px;
    line-height: 48px;
    background-color: #FFF;
    color: #303133;
    cursor: pointer;
    border-bottom: 1px solid #EBEEF5;
    font-size: 13px;
    font-weight: 500;
    -webkit-transition: border-bottom-color .3s;
    transition: border-bottom-color .3s;
    outline: 0;
    justify-content: space-between;
}

.my-collapse-item.is-disabled .my-collapse-item__header {
    color: #bbb;
    cursor: not-allowed
}

.my-collapse-item__arrow {
    margin: 0 8px 0 auto;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    font-weight: 300;
    user-select: none;
}

.my-collapse-item__arrow.is-active {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.my-collapse-item__header.focusing:focus:not(:hover) {
    color: #409EFF
}

.my-collapse-item__header.is-active {
    border-bottom-color: transparent
}

.my-collapse-item__wrap {
    will-change: height;
    background-color: #FFF;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #EBEEF5
}

.my-collapse-item__content {
    padding-bottom: 25px;
    font-size: 13px;
    color: #303133;
    line-height: 1.769230769230769
}

.my-collapse-item:last-child {
    margin-bottom: -1px
}

.my-icon-arrow-right .icon {
    width: 20px;
    height: 20px;
    vertical-align: middle;
}

/* animation */
.collapse-transition {
    -webkit-transition: .3s height ease-in-out, .3s padding-top ease-in-out, .3s padding-bottom ease-in-out;
    transition: .3s height ease-in-out, .3s padding-top ease-in-out, .3s padding-bottom ease-in-out
}

.horizontal-collapse-transition {
    -webkit-transition: .3s width ease-in-out, .3s padding-left ease-in-out, .3s padding-right ease-in-out;
    transition: .3s width ease-in-out, .3s padding-left ease-in-out, .3s padding-right ease-in-out
}

.horizontal-collapse-transition .my-submenu__title .my-submenu__icon-arrow {
    -webkit-transition: .2s;
    transition: .2s;
    opacity: 0
}