.__iduty_drawer {
    position: fixed;
    z-index: 300;
    background: #fff;
    display: flex;
    flex-direction: column;
    &>h4 {
        $w: px2rem(60);
        padding: 0 px2rem(15);
        display: flex;
        div {
            line-height: px2rem(50);
            // border-bottom: .5px solid #eee;
            font-size: px2rem(16);
            font-weight: 600;
            &.h4_left,
            &.h4_right {
                width: $w;
                font-family: $iconFont;
            }
            &.h4_left {
                color: #999;
            }
            &.h4_mid {
                flex: 1;
                width: 0;
                text-align: center;
                color: #222;
                @include _cut(1);
            }
            &.h4_right {
                text-align: right;
                color: $ui-button-text;
            }
        }
    }

    &>section {
        margin: 0 16px;
        padding-top: 10px;
        padding-bottom: 20px;
        @include scroll();
    }

    .that_footer {
        $n: calc($spacing/2);
        padding-left: px2rem($n);
        padding-right: px2rem($n);
        @include safe-area('padding', 0, 'bottom');
        display: flex;
        align-items: center;

        .that_btn {
            margin: 0 px2rem($n);
            flex: 1;
        }
    }
}