.accountPerPage {
    width: 100%;

    .accountPerBox {
        width: 100%;
        height: calc(100% - 44px);
        overflow: auto;
        // background: #fff url('../../assets/accountPer/pageBg.png') top center no-repeat;
        // background-size: 100%;

        .searchRow {
            width: 90%;
            height: 50px;
            margin: 0 auto;
            align-items: center;

            .bd3 {
                width: 87px;
                height: 16px;

                .outer4 {
                    width: 20px;
                    height: 26px;
                    background: url("../../assets/accountPer/icon.png") top center no-repeat;
                    background-size: 100%;
                }

                .txt2 {
                    width: 65px;
                    height: 14px;
                    overflow-wrap: break-word;
                    color: rgba(64, 77, 116, 1);
                    font-size: 15px;
                    font-family: PingFangSC-Semibold;
                    text-align: left;
                    white-space: nowrap;
                    line-height: 15px;
                    display: block;
                    font-weight: bold;

                    .discountNumber {
                        font-size: 18px;
                        color: red;
                    }
                }
            }

            .operBox {
                display: flex;
                flex-wrap: nowrap;
                justify-content: flex-end;

                .listBox,
                .addBox,
                .searchBox {
                    display: flex;
                    flex-wrap: nowrap;
                    flex-direction: column;
                    align-items: center;
                    padding: 5px;
                }

                .iconImg {
                    width: 25px;
                }
            }
        }

        .listBox {
            border-top: 1px solid #e7eaf7;

            .listItem {
                position: relative;

                .itemBox {
                    width: 100%;
                    padding: 1.5em 1em;
                    line-height: 1.8;
                    border-bottom: 1px solid #e7eaf7;
                }

                .tipBox {
                    position: absolute;
                    top: 1em;
                    right: 1em;
                    font-size: 1.5em;
                    color: #4DC193;
                    display: flex;

                    &.isUseTip {
                        color: #df5e4c;
                    }

                    .outer2 {
                        width: 6px;
                        height: 12px;
                        background: url('../../assets/right.png') top center no-repeat;
                        background-size: 100%;
                        margin-top: 4px;
                        margin-left: .4em;
                    }
                }
            }
        }

        .section1 {
            background-color: rgba(223, 223, 229, 1);
            border-radius: 9px;
            height: 18px;
            width: 38px;
        }
    }

    .van-switch {
        width: 38px;
        height: 18px;

        .van-switch__node {
            width: 18px;
            height: 18px;
        }

        &.van-switch--on .van-switch__node {
            transform: translate(calc(38px - 18px));
        }

    }

    .van-switch--on {
        background-color: #4d6add;
    }

    .van-button--primary {
        border-color: #4d6add;
        background-color: #4d6add;
    }

    .van-button--danger {
        border-color: #df5e4c;
        background-color: #df5e4c;
    }

    .van-checkbox__icon--checked .van-icon {
        border-color: #4d6add;
        background-color: #4d6add;
    }
}

.codeSearch {
    width: 100%;

    .codeSearchPopup {
        width: 90%;
    }

    .content {
        padding-top: 1em;
    }

    .field .van-field__label {
        width: auto;
    }

}

.van-cascader__option--selected {
    color: #4d6add;
}

.van-tabs__line {
    background-color: #4d6add !important;
}