.shrink-head {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 20rpx 30rpx;
    background: #FFFFFF;
    border: 1rpx solid #E0E0E0;
    box-sizing: border-box;
    line-height: 38rpx;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: bold;
    font-size: 28rpx;
    color: #333333;

    .iconfont {
        color: #3874F6;
        margin-left: 20rpx;
        font-size: 20rpx;
        transform: rotate(90deg);
        transition: transform 0.3s ease-in-out;

        &.open {
            transform: rotate(-90deg);
}

        &.close {
            transform: rotate(90deg);
        }
    }
}